1
+ <!DOCTYPE html>
2
+ < html lang ="en ">
3
+
4
+ < head >
5
+ < meta charset ="UTF-8 ">
6
+ < meta http-equiv ="X-UA-Compatible " content ="IE=edge ">
7
+ < meta name ="viewport " content ="width=device-width, initial-scale=1.0 ">
8
+
9
+ < link rel ="stylesheet " href ="Mystyles.css ">
10
+ <!--
11
+ <link rel="stylesheet" href="bootstrap-4.3.1-dist/css/bootstrap.min.css">
12
+ -->
13
+
14
+ < titleContact Page </ title >
15
+ < link href ="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/css/bootstrap.min.css " rel ="stylesheet "
16
+ integrity ="sha384-+0n0xVW2eSR5OomGNYDnhzAbDsOXxcvSN1TPprVMTNDbiYZCxYbOOl7+AMvyTG2x " crossorigin ="anonymous ">
17
+
18
+
19
+ <!-- Using AOS
20
+ <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css" />
21
+ -->
22
+
23
+ </ head >
24
+
25
+
26
+
27
+ < body >
28
+ < div class ="container ">
29
+ < div class ="row-text ">
30
+ < p class ="text-center "> Table List</ p >
31
+ </ div >
32
+ </ div >
33
+
34
+ <!--
35
+ <div class="fade-up">Fade up</div>
36
+ -->
37
+
38
+
39
+ < div class ="container ">
40
+
41
+ < table class ="table table-striped ">
42
+ < thead >
43
+ < tr >
44
+ < th scope ="col "> Id</ th >
45
+ < th scope ="col "> First Name</ th >
46
+ < th scope ="col "> Last Name</ th >
47
+ < th scope ="col "> Adresse</ th >
48
+ </ tr >
49
+ </ thead >
50
+ < tbody >
51
+ < tr >
52
+ < th scope ="row "> 1</ th >
53
+ < td > Mohamed</ td >
54
+ < td > Sidi</ td >
55
+ < td > Nouakchott</ td >
56
+ </ tr >
57
+ < tr >
58
+ < th scope ="row "> 2</ th >
59
+ < td > Ahmed</ td >
60
+ < td > Habib</ td >
61
+ < td > Noudhibou</ td >
62
+ </ tr >
63
+ < tr >
64
+ < th scope ="row "> 3</ th >
65
+ < td > Fatima</ td >
66
+ < td > Alem</ td >
67
+ < td > Rosso</ td >
68
+ </ tr >
69
+ </ tbody >
70
+ </ table >
71
+
72
+ </ div >
73
+
74
+ < div class ="container ">
75
+ < button type ="button " class ="btn btn-primary "> Add</ button >
76
+ < button type ="button " class ="btn btn-secondary "> Edit</ button >
77
+ < button type ="button " class ="btn btn-danger "> Delete</ button >
78
+
79
+ < button class ="btn btn-secondary dropdown-toggle " type ="button " id ="dropdownMenu2 " data-toggle ="dropdown "
80
+ aria-haspopup ="true " aria-expanded ="true ">
81
+ Pages
82
+ </ button >
83
+ < div class ="dropdown-menu " aria-labelledby ="dropdownMenu2 ">
84
+ < button class ="dropdown-item " type ="button "> Action</ button >
85
+ < button class ="dropdown-item " type ="button "> Another action</ button >
86
+ < button class ="dropdown-item " type ="button "> Something else here</ button >
87
+ </ div >
88
+
89
+
90
+ < footer >
91
+ < form >
92
+ < div class ="row-text ">
93
+ < h4 class ="text-center "> Contact us</ h4 >
94
+ </ div >
95
+ < div class ="mb-3 ">
96
+ < label for ="exampleInputEmail1 " class ="form-label "> Email address</ label >
97
+ < input type ="email " class ="form-control " id ="exampleInputEmail1 " aria-describedby ="emailHelp ">
98
+ < div id ="emailHelp " class ="form-text "> We'll never share your email with anyone else.</ div >
99
+ </ div >
100
+ < div class ="mb-3 ">
101
+ < label for ="exampleInputPassword1 " class ="form-label "> Password</ label >
102
+ < input type ="password " class ="form-control " id ="exampleInputPassword1 ">
103
+ </ div >
104
+ < div class ="mb-3 form-check ">
105
+ < input type ="checkbox " class ="form-check-input " id ="exampleCheck1 ">
106
+ < label class ="form-check-label " for ="exampleCheck1 "> Check me out</ label >
107
+ </ div >
108
+ < button type ="submit " class ="btn btn-primary "> Submit</ button >
109
+ </ form >
110
+ </ footer >
111
+
112
+
113
+
114
+ < script src ="https://cdn.jsdelivr.net/npm/bootstrap@5.0.1/dist/js/bootstrap.bundle.min.js "
115
+ integrity ="sha384-gtEjrD/SeCtmISkJkNUaaKMoLD0//ElJ19smozuHV6z3Iehds+3Ulb9Bn9Plx0x4 " crossorigin ="anonymous ">
116
+ </ script >
117
+
118
+
119
+ </ body >
120
+
121
+ </ html >
0 commit comments