-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout.html
More file actions
305 lines (283 loc) · 14.4 KB
/
about.html
File metadata and controls
305 lines (283 loc) · 14.4 KB
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
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About Us - Bite Toothpaste Bits</title>
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<!-- Style sheet -->
<link rel="stylesheet" href="./assets/css/style.css">
<!-- font-awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<!-- Fav icon -->
<link rel="shortcut icon" href="./assets/img/fav icon.jpg" type="image/x-icon" hight="auto" width="100%">
</head>
<body>
<!-- navbar -->
<div id="navbar" class="nav_styling">
<nav class="navbar navbar-expand-lg py-3 border-black border " aria-label="Thirteenth navbar example">
<div class="container-fluid " >
<a href="./index.html"><img src="./assets/img/logo.png" alt=""></a>
<button class="navbar-toggler border-white" type="button" data-bs-toggle="collapse"
data-bs-toggle="collapse" data-bs-target="#navbarsExample11" aria-controls="navbarsExample11"
aria-expanded="true" aria-label="Toggle navigation">
<span class="navbar-toggler-icon "></span>
</button>
<div class="collapse navbar-collapse d-lg-flex" id="navbarsExample11">
<a class="navbar-brand col-lg-3 me-0" href="#">
<a href="./index.html"><img class="d-none" src="./assets/img/logo.png" alt=""></a>
</a>
<ul class="navbar-nav col-lg-6 align-items-center justify-content-lg-center">
<li class="nav-item">
<li><a href="./index.html" class="nav-link px-2 text-dark">Home</a></li>
</li>
<li class="nav-item">
<li><a href="./shopall.html" class="nav-link px-2 text-dark">Shop</a></li>
</li>
<li class="nav-item">
<li><a href="./about.html" class="nav-link px-2 text-dark">About</a></li>
</li>
</ul>
<div class="d-flex justify-content-center justify-content-md-end gap-2 col-lg-3 p-3 p-md-0">
<a href="./signup.html"><button type="button" class="btn btn-dark">Signup</button></a>
<a href="./login.html"><button type="button" class="btn btn-outline-dark">Login</button></a>
</div>
</div>
</div>
</nav>
</div>
<!-- content -->
<div id="footer" class="container">
<div class="row">
<hr>
<div data-aos="flip-left" data-aos-duration="2000">
<h1 class="text-center aboutcontenth1">From the living room to <br> Shark Tank to now.</h1>
<hr>
</div>
<!-- one -->
<div class="col-lg-6 p-5">
<h1>As a former surf instructor, I used to spend all my time in the water.</h1>
<p class=""> when I learned about the one billion plastic toothpaste tubes that end up in landfills and oceans
every single year, I knew I couldn’t keep contributing to the problem. <br>
In a search for something better, I could only find commercial toothpaste with questionable
ingredients–in plastic packaging–so I decided to make my own. I took online chemistry courses and
learned how to press toothpaste tablets for my friends and family on my living room floor.
Bite was founded on the belief that a brighter smile doesn’t need to come at the expense of our
bodies or the environment. Our daily routines matter, and the small changes we make together can add
up to make a big difference.
Lindsay McCormick
CEO & Founder</p>
</div>
<div class="col-lg-6 p-5">
<img src="./assets/img/about-1.webp" alt="" class="w-100">
</div>
<h1 class="text-center py-5">Here’s what we’ve accomplished together so far:</h1>
<!-- two -->
<div data-aos="zoom-in">
<div class="container border-bottom">
<div class="row">
<div class="col lg 6 p-5 d-flex align-items-center">
<div class="div ">
<div class="about-div-sm p-2 rounded">
<span>August 2017</span>
</div>
<h1 class="py-4">It all started in the living room...</h1>
<h6 class="py-2">Lindsay presses the first tablets on a mission to do better—for you and the planet.</h6>
</div>
</div>
<div class="col-lg-6 p-5">
<img src="./assets/img/about-2.webp" alt="" class="w-100">
</div>
</div>
</div>
</div>
<!-- three -->
<div data-aos="zoom-in">
<div class="container border-bottom">
<div class="row">
<div class="col lg 6 p-5 d-flex align-items-center">
<div class="div">
<div class="about-div-sm p-2 rounded">
<span>August 2018</span>
</div>
<h1 class="py-4">*Hits follow button*</h1>
<h6>Bite goes viral.</h6>
</div>
</div>
<div class="col-lg-6 p-5">
<img src="./assets/img/about-3.webp" alt="" class="w-100">
</div>
</div>
</div>
</div>
<!-- four -->
<div data-aos="zoom-in">
<div class="container border-bottom">
<div class="row">
<div class="col lg 6 p-5 d-flex align-items-center">
<div class="div">
<div class="about-div-sm p-2 rounded">
<span>March 2020</span>
</div>
<h1 class="py-4">Swimming with the sharks.</h1>
<h6>We jumped into the Shark Tank and came out with 2 offers.</h6>
</div>
</div>
<div class="col-lg-6 p-5">
<img src="./assets/img/about-4.webp" alt="" class="w-100">
</div>
</div>
</div>
</div>
<!-- five -->
<div data-aos="zoom-in">
<div class="container border-bottom">
<div class="row">
<div class="col lg 6 p-5 d-flex align-items-center">
<div class="div">
<div class="about-div-sm p-2 rounded">
<span>August 2020</span>
</div>
<h1 class="py-4">Clear your counter.</h1>
<h6>Bite becomes a one-stop shop for oral care.</h6>
</div>
</div>
<div class="col-lg-6 p-5 ">
<img src="./assets/img/about-5.webp" alt="" class="w-100">
</div>
</div>
</div>
</div>
<!-- six -->
<div data-aos="zoom-in">
<div class="container border-bottom">
<div class="row">
<div class="col lg 6 p-5 d-flex align-items-center">
<div class="div">
<div class="about-div-sm p-2 rounded">
<span>September 2021</span>
</div>
<h1 class="py-4">Because It's The Earth</h1>
<h6>We launch our fan-favorite deodorant, becoming more than just an oral care brand.</h6>
</div>
</div>
<div class="col-lg-6 p-5 ">
<img src="./assets/img/about-6.webp" alt="" class="w-100">
</div>
</div>
</div>
</div>
<!-- seven -->
<div data-aos="zoom-in">
<div class="container border-bottom">
<div class="row">
<div class="col lg 6 p-5 d-flex align-items-center">
<div class="div">
<div class="about-div-sm p-2 rounded">
<span>September 2022</span>
</div>
<h1 class="py-4">Mama (Earth), we made it.</h1>
<h6>We’re officially a certified B-Corp, something Lindsay had dreamed about from her livingroom in 2017.</h6>
</div>
</div>
<div class="col-lg-6 p-5">
<img src="./assets/img/about-7.webp" alt="" class="w-100">
</div>
</div>
</div>
</div>
<!-- eight -->
<div data-aos="zoom-in">
<div class="container border-bottom">
<div class="row">
<div class="col lg 6 p-5 d-flex align-items-center">
<div class="div">
<div class="about-div-sm p-2 rounded">
<span>Today</span>
</div>
<h1 class="py-4">Better together.</h1>
<h6>Because of you, 250,000 lbs of plastic was kept out of landfills and oceans.</h6>
</div>
</div>
<div class="col-lg-6 p-5">
<img src="./assets/img/about-8.webp" alt="" class="w-100">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- footer section -->
<div class="container-fluid bg-black text-white">
<footer class="container py-5">
<div class="row">
<div class="col-6 col-md-2 mb-3">
<h5 >SHOP</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="#" class="nav-link footer-link p-0 text-white">All Products</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link footer-link p-0 text-white">Oral Care</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link footer-link p-0 text-white">Body</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link footer-link p-0 text-white">Sets</a></li>
</ul>
</div>
<div class="col-6 col-md-2 mb-3">
<h5>HELP</h5>
<ul class="nav flex-column">
<li class="nav-item mb-2"><a href="#" class="nav-link footer-link p-0 text-white">Account</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link footer-link p-0 text-white">Whole Sale</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link footer-link p-0 text-white">FAQs</a></li>
<li class="nav-item mb-2"><a href="#" class="nav-link footer-link p-0 text-white">Sitemap</a></li>
</ul>
</div>
<div class="col-6 col-md-2 mb-3">
<h5>FOLLOW</h5>
<ul class="nav flex-column">
<a href="https://www.instagram.com/bite/"
class=" text-light py-1 linkshover footer-link ">Instagram</a>
<a href="https://x.com/i/flow/login?redirect_after_login=%2Fbitetoothpaste"
class=" text-light py-1 linkshover footer-link ">Twitter</a>
<a href="https://www.tiktok.com/notfound" class=" footer-link text-light py-1 linkshover">Tik
Tok</a>
<a href="https://www.facebook.com/bitetoothpastebits"
class=" text-light py-1 linkshover footer-link ">Facebook</a>
</ul>
</div>
<div class="col-md-5 offset-md-1 mb-3">
<form>
<h5>Stay in the Know</h5>
<p>Sign up for 10% off your first order.</p>
<div class="d-flex flex-column flex-sm-row w-100 gap-2">
<label for="newsletter1" class="visually-hidden">Email address</label>
<input id="newsletter1" type="text" class="form-control" placeholder="Email address">
<button class="btn btn-dark" type="button">Subscribe</button>
</div>
</form>
</div>
</div>
<div class="d-flex flex-column flex-sm-row justify-content-between py-4 my-4 border-top">
<p>© 2024 Mohanavenkatesh, Inc. All rights reserved.</p>
<ul class="list-unstyled d-flex">
<li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24" height="24">
<use xlink:href="#twitter"></use>
</svg></a></li>
<li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24" height="24">
<use xlink:href="#instagram"></use>
</svg></a></li>
<li class="ms-3"><a class="link-body-emphasis" href="#"><svg class="bi" width="24" height="24">
<use xlink:href="#facebook"></use>
</svg></a></li>
</ul>
</div>
</footer>
</div>
<div class="p-3 bg-white position_for_fab_button m-1">
<a href="#footer" class="text-black fab_icon"><i class="fa-sharp fa-solid fa-circle-up "></i></a>
</div>
<!-- Bootstrap Script -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"></script>
<script src="./assets/js/scripts.js"></script>
</body>
</html>