-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
190 lines (176 loc) · 8.81 KB
/
about.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link
href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<script src="https://kit.fontawesome.com/72db024734.js" crossorigin="anonymous"></script>
<link rel="stylesheet" href="css/app.css">
<title>About</title>
<link rel="shortcut icon" href="img/logo.png" type="image/png">
</head>
<body>
<!--NAVIGATION BAR-->
<nav id="navbar" class="navbar navbar-expand-lg shadow fixed-top px-3 container-fliud">
<a class="navbar-brand py-0" href="index.html">
<img class="mr-3" src="img/logo.png" alt="" width="40" height="40">AARC
</a>
<button class="navbar-toggler" data-toggle="collapse" data-target="#expandnav" aria-label="toggle nav bar">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="expandnav">
<ul class="navbar-nav">
<li class="nav-item me-auto"><a href="index.html" class="nav-link">Home</a></li>
<li class="nav-item me-auto"><a href="cars.html" class="nav-link">Cars</a></li>
<li class="nav-item me-auto"><a href="reserve.html" class="nav-link">Reserve</a></li>
<li class="nav-item me-auto"><a href="about.html" class="nav-link">About</a></li>
<li class="nav-item me-auto"><a href="contact-us.html" class="nav-link">Contact Us</a></li>
</ul>
<ul class="navbar-nav ml-auto sm-icons">
<li class="nav-item me-auto ml-2"><a href="https://www.instagram.com/aarcarbpa/" class="nav-link"><i
class="fa-brands fa-instagram fa-2x"></i></a>
</li>
<li class="nav-item me-auto ml-2"><a href="https://twitter.com/aarcar_bpa" class="nav-link"><i
class="fa-brands fa-twitter fa-2x"></i></a>
</li>
</ul>
</div>
</nav>
<!-- ABOUT US HEADING AND SUBHEADING-->
<section id="aboutHeading" class="container-fliud text-center">
<h1>MEET OUR TEAM</h1>
<div class="col-lg-10 offset-lg-1">
<p>Meet our team of highly experienced Aarcar professionals. Through Aarcar, we show our dedication to
finding our clients affordable dream cars.</p>
</div>
</section>
<section class="pt-3 my-2 container-fluid align-items-center">
<!-- Arya -->
<div class="whole-about">
<div class="row align-items-center py-2 text-center d-flex">
<div class="about-img">
<img src="img/arya.jpg" alt="">
</div>
<div class="media-body flex-grow-1">
<div class="about-info mx-auto">
<p class="overview"><b>ARYA NAIR</b>, Developer</p>
<p>Arya is a senior at Eagan High School. She loves devoting her time to coding and gaming. Her
favorite part about Aarcar is seeing its growth and progress since the first step.</p>
</div>
</div>
</div>
</div>
<!-- Avika -->
<div class="whole-about">
<div class="row align-items-center py-2 text-center d-flex">
<div class="media-body flex-grow-1 about-info mx-auto">
<!-- <div class="about-info mx-auto"> -->
<p class="overview"><b>AVIKA MATHUR</b>, Designer</p>
<p>Avika is a senior at Eagan High School. She enjoys baking, reading, and watching Netflix. Her
favorite part about Aarcar is being to design a user-friendly experience and provide
high-quality service to her clients.</p>
<!-- </div> -->
</div>
<div class="about-img">
<img src="img/avika.png" alt="">
</div>
</div>
</div>
<!-- Colin -->
<div class="whole-about">
<div class="row align-items-center py-2 text-center d-flex">
<div class="about-img">
<img src="img/colin.png" alt="">
</div>
<div class="media-body flex-grow-1">
<div class="about-info mx-auto">
<p class="overview"><b>COLIN ABE</b>, Project Manager</p>
<p>Colin is a senior at Eagan High School. He enjoys reading and gaming. His favorite part about
Aarcar is being able to oversee tasks and organize the workload for the team.</p>
</div>
</div>
</div>
</div>
</section>
<!-- Footer -->
<footer class="text-center text-lg-start">
<section id="footerBanner" class="d-flex justify-content-between p-4">
<div class="me-5">
<span>Get connected with us on social networks:</span>
</div>
<div>
<a href="https://twitter.com/aarcar_bpa" class="me-4">
<i class="fab fa-twitter"></i>
</a>
<a href="https://www.instagram.com/aarcarbpa/" class="me-4">
<i class="fab fa-instagram"></i>
</a>
</div>
</section>
<section>
<div class="container text-center text-md-start mt-5">
<div class="row mt-3">
<div class="col-md-3 col-lg-5 col-xl-4 mx-auto mb-4">
<h6 class="text-uppercase fw-bold">AARCAR</h6>
<hr class="mb-4 mt-0 d-inline-block mx-auto" />
<p>
Aarcar is devoted to helping you find your path to your dream car.
</p>
</div>
<div class="col-md-4 col-lg-3 col-xl-4 mx-auto mb-4">
<h6 class="text-uppercase fw-bold">Useful links</h6>
<hr class="mb-4 mt-0 d-inline-block mx-auto" />
<p>
<a href="index.html">Home</a>
</p>
<p>
<a href="cars.html">Cars</a>
</p>
<p>
<a href="reserve.html">Reserve</a>
</p>
<p>
<a href="about.html">About</a>
</p>
<p>
<a href="contact-us.html">Contact Us</a>
</p>
</div>
<div class="col-md-4 col-lg-3 col-xl-3 mx-auto mb-md-0 mb-4">
<h6 class="text-uppercase fw-bold">Contact</h6>
<hr class="mb-4 mt-0 d-inline-block mx-auto" />
<p><i class="fas fa-home mr-3"></i> Eagan, MN 55123, US</p>
<p><i class="fas fa-envelope mr-3"></i> [email protected]</p>
<p><i class="fas fa-phone mr-3"></i> + 01 234 567 88</p>
</div>
</div>
</div>
</section>
<!-- Section: Links -->
<!--
<!-- Copyright
<div class="text-center p-3" style="background-color: rgba(0, 0, 0, 0.2)">
© 2020 Copyright:
<a class="" href="https://mdbootstrap.com/">MDBootstrap.com</a>
</div>
Copyright -->
</footer>
<!--JavaScript-->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
crossorigin="anonymous"></script>
</body>
</html>