1
1
< html >
2
2
< head >
3
- <!-- Link the style sheet here -->
3
+ < link rel ="stylesheet " href ="/static/style.css ">
4
+ < link rel ="stylesheet " href ="/static/bootstrap.min.css ">
4
5
</ head >
5
6
< div >
6
- < nav class ="navbar navbar-expand-lg navbar-light " style ="background-color:darkturquoise; height: 1in; ">
7
- < div class ="container-fluid ">
8
- < h2 style ="padding-right: 5%; "> Dealerships</ h2 >
9
- < button class ="navbar-toggler " type ="button " data-bs-toggle ="collapse " data-bs-target ="#navbarText " aria-controls ="navbarText " aria-expanded ="false " aria-label ="Toggle navigation ">
10
- < span class ="navbar-toggler-icon "> </ span >
11
- </ button >
12
- < div class ="collapse navbar-collapse " id ="navbarText ">
13
- < ul class ="navbar-nav me-auto mb-2 mb-lg-0 ">
14
- < li class ="nav-item ">
15
- < a class ="nav-link " style ="font-size: larger; " aria-current ="page " href ="/ "> Home</ a >
16
- </ li >
17
- < li class ="nav-item ">
18
- < a class ="nav-link active " style ="font-size: larger; " href ="/about "> About Us</ a >
19
- </ li >
20
- < li class ="nav-item ">
21
- < a class ="nav-link " style ="font-size: larger; " href ="/contact "> Contact Us</ a >
22
- </ li >
23
- </ ul >
24
- </ div >
25
- </ div >
26
- </ nav >
27
-
28
- < div class ="card " style ="width: 80%;margin: auto; margin-top:5%; ">
29
- < div class ="banner " name ="about-header ">
30
- <!-- Insert header information here -->
31
- </ div >
32
- < div style ="display: flex;flex-direction: row; margin:auto ">
33
- < div class ="card " style ="width: 30%; ">
34
- < img class ="card-img-top " src ="/static/person.png " alt ="Card image ">
35
- < div class ="card-body ">
36
- < p class ="title "> Person1</ p >
37
- < p > Person1 Title</ p >
38
- < p class ="card-text "> Some text that explains the person1 in about 2 short sentences</ p >
39
-
40
- </ div >
41
- </ div >
7
+ < nav class ="navbar navbar-expand-lg navbar-light " style ="background-color:darkturquoise; height: 1in; ">
8
+ < div class ="container-fluid ">
9
+ < h2 style ="padding-right: 5%; "> Dealerships</ h2 >
10
+ < button class ="navbar-toggler " type ="button " data-bs-toggle ="collapse " data-bs-target ="#navbarText " aria-controls ="navbarText " aria-expanded ="false " aria-label ="Toggle navigation ">
11
+ < span class ="navbar-toggler-icon "> </ span >
12
+ </ button >
13
+ < div class ="collapse navbar-collapse " id ="navbarText ">
14
+ < ul class ="navbar-nav me-auto mb-2 mb-lg-0 ">
15
+ < li class ="nav-item ">
16
+ < a class ="nav-link " style ="font-size: larger; " aria-current ="page " href ="/ "> Home</ a >
17
+ </ li >
18
+ < li class ="nav-item ">
19
+ < a class ="nav-link active " style ="font-size: larger; " href ="/about "> About Us</ a >
20
+ </ li >
21
+ < li class ="nav-item ">
22
+ < a class ="nav-link " style ="font-size: larger; " href ="/contact "> Contact Us</ a >
23
+ </ li >
24
+ </ ul >
25
+ </ div >
26
+ </ div >
27
+ </ nav >
28
+
29
+ < div class ="card " style ="width: 80%;margin: auto; margin-top:5%; ">
30
+ < div class ="banner " name ="about-header ">
31
+ < h1 > About Us</ h1 >
32
+ Welcome to **Best Cars dealership**, home to the best cars in North America. We deal in the sale of domestic and imported cars at reasonable prices. Our mission is to provide an exceptional car-buying experience.
33
+ </ div >
34
+ < div style ="display: flex;flex-direction: row; margin:auto ">
35
+ < div class ="card " style ="width: 30%; ">
36
+ < img class ="card-img-top " src ="/static/person.png " alt ="Card image ">
37
+ < div class ="card-body ">
38
+ < p class ="title "> John Doe</ p >
39
+ < p > General Manager</ p >
40
+ < p class ="card-text "> John has over 20 years of experience in the automotive industry and is dedicated to customer satisfaction. He leads our team with a passion for cars and a commitment to excellence.</ p >
41
+
42
+ </ div >
43
+ </ div >
42
44
43
- < div class ="card " style ="width: 30%; ">
44
- < img class ="card-img-top " src ="/static/person.png " alt ="Card image ">
45
- < div class ="card-body ">
46
- < p class ="title "> Person2 </ p >
47
- < p > Person2 Title </ p >
48
- < p class ="card-text "> Some text that explains the person2 in about 2 short sentences </ p >
49
- < p > person2 @example.com</ p >
50
- </ div >
51
- </ div >
45
+ < div class ="card " style ="width: 30%; ">
46
+ < img class ="card-img-top " src ="/static/person.png " alt ="Card image ">
47
+ < div class ="card-body ">
48
+ < p class ="title "> Jane Smith </ p >
49
+ < p > Sales Director </ p >
50
+ < p class ="card-text "> Jane excels at helping customers find their perfect vehicle. Her extensive knowledge of our inventory and friendly approach make the car-buying process a breeze. </ p >
51
+ < p > jane.smith @example.com</ p >
52
+ </ div >
53
+ </ div >
52
54
53
- < div class ="card " style ="width: 30%; ">
54
- < img class ="card-img-top " src ="/static/person.png " alt ="Card image ">
55
- < div class ="card-body ">
56
- < p class ="title "> Person3 </ p >
57
- < p > Person3 Title </ p >
58
- < p class ="card-text "> Some text that explains the person3 in about 2 short sentences </ p >
59
- < p > person3 @example.com</ p >
60
- </ div >
61
- </ div >
62
- </ div >
63
- </ div >
64
- </ div >
65
-
55
+ < div class ="card " style ="width: 30%; ">
56
+ < img class ="card-img-top " src ="/static/person.png " alt ="Card image ">
57
+ < div class ="card-body ">
58
+ < p class ="title "> Peter Jones </ p >
59
+ < p > Finance Manager </ p >
60
+ < p class ="card-text "> Peter works tirelessly to secure the best financing options for our clients. He ensures a smooth and transparent process, making your dream car more affordable. </ p >
61
+ < p > peter.jones @example.com</ p >
62
+ </ div >
63
+ </ div >
64
+ </ div >
65
+ </ div >
66
+ </ div >
67
+
66
68
</ div >
67
69
68
- </ html >
70
+ </ html >
0 commit comments