-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout.html
107 lines (97 loc) · 4.75 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Boba-Holic: About</title>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
<link rel="stylesheet" href="boba.css">
<link href="https://fonts.googleapis.com/css?family=Maven+Pro|Poiret+One|Raleway|Roboto" rel="stylesheet">
<link rel="shortcut icon" type="image/png" href="images/favicon.png"/>
</head>
<body>
<div class="home-nav">
<a class="navbar-brand" href="index.html">
Boba <img src="images/logo.png" alt="logo"> Holic
</a>
</div>
<div id="navigation">
<ul class="nav justify-content-center">
<li class="nav-item">
<a class="nav-link active" href="about.html">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link" href="locations.html">Locations</a>
</li>
<li class="nav-item">
<a class="nav-link" href="menu.html">Menu</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact.html">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link" href="merch.html">Merchandise</a>
</li>
</ul>
</div>
<div id="about-div">
<div class="jumbotron">
<h1 class="display-4">Our Story</h1>
<!--
<p class="lead">This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.</p>
<hr class="my-4">
<p>It uses utility classes for typography and spacing to space content out within the larger container.</p>
<a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a>
-->
</div>
<table>
<tr>
<td>
<h3 class="about-heading">Our Mission</h3>
<p class="about-content">
Nature brings us many resources.
We take them for granted and forget that they are finite.
That is why we believe in sustainably sourcing our products.
By drinking from our prestigious menu, you will get not only a great refresher, but also a sense of fulfillment.
</p>
</td>
<td>
<img class="about-img" src="images/lab.jpg" alt="tea lab" width="500" />
</td>
</tr>
<tr>
<td>
<img class="about-img" src="images/tea-bag.jpg" alt="tea bag" width="500" />
</td>
<td>
<h3 class="about-heading">Our Values</h3>
<p class="about-content">
In a globalized world, where everything is becoming more and more complex, it is important to recognize and appreciate the simplicity of life.
With a cup of coffee or tea, made from sustainable sources, you can realize the beauty of simplicity.
We believe in providing socially responsible drinks that satisfy not only your taste buds, but your moral senses!
</p>
</td>
</tr>
<tr>
<td>
<h3 class="about-heading">Testimonials</h3>
<p class="about-content">
"Great selection of drinks..." -Boba Magazine <br>
"...not just a carb filled drink..." -ABC Times <br>
"...friendly employees" -Valued Customers
</p>
</td>
<td>
<img class="about-img" src="images/tea-people.jpg" width="500" />
</td>
</tr>
</table>
</div>
<footer>Copyright © 2019</footer>
<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://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
</body>
</html>