-
Notifications
You must be signed in to change notification settings - Fork 0
/
about.html
163 lines (160 loc) · 7.66 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
<!doctype html>
<html lang="en">
<!--START HEAD-->
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.typekit.net/ahr7ies.css">
<!-- LESS -->
<link rel="stylesheet/less" type="text/css" href="less/main.less" /><script src="//cdn.jsdelivr.net/npm/less" ></script>
<!-- CSS -->
<link rel="stylesheet" href="icofont.css">
<link rel="stylesheet" href="css/style.css">
<title>Southbrew Coffee</title>
</head>
<!--END HEAD-->
<!--START BODY-->
<body class="site">
<!--START HEADER-->
<header class="header">
<!--START NAVIGATION-->
<!--BOOTSTRAP NAV BAR-->
<nav class="navbar navbar-expand-md container-md">
<div class="d-flex flex-grow-1">
<span class="w-100 d-md-none d-block"></span>
<a class="navbar-brand mx-0 py-3" href="#"><img src="images/southbrew-logo-sm.png" class="" alt="logo"></a>
<div class="w-100 text-right">
<button class="navbar-toggler collapsed" type="button" data-toggle="collapse" data-target="#myNav">
<span class="icon-bar top-bar"></span>
<span class="icon-bar middle-bar"></span>
<span class="icon-bar bottom-bar"></span>
</button>
</div>
</div>
<div class="collapse navbar-collapse flex-grow-1 text-center" id="myNav">
<ul class="navbar-nav ml-auto py-0">
<li class="nav-item">
<a href="index.html" class="nav-link">Home <span></span></a>
</li>
<li class="nav-item">
<a href="menu.html" class="nav-link">Menu</a>
</li>
<li class="nav-item">
<a href="about.html" class="nav-link active nav-fill">About Us</a>
</li>
<li class="nav-item">
<a href="shop.html" class="nav-link">Shop</a>
</li>
<li class="nav-item">
<a href="contact.html" class="nav-link">Contact</a>
</li>
</ul>
</div>
</nav>
<!--END NAVIGATION-->
</header>
<!--END HEADER-->
<!--START MAIN-->
<main>
<div class="content container-md px-0">
<h1 class="h1 page-title text-center pt-utility-lg py-5">About</h1>
<div class="container">
<div class="row d-flex justify-content-center ">
<div class="video">
<video width="100%" height="100%" autoplay controls muted loop>
<source src="videos/southbrew.mp4" type="video/mp4">
Your browser does not support the video tag.
</video>
</div>
</div>
<div class="row about">
<div class="col-sm-12 col-md-6 col-lg-6">
<img src="images/location.jpg" alt="Southbrew Coffee Storefront" title="Southbrew Coffee Storefront" id="location">
</div>
<div class="col-sm-12 col-md-6 col-lg-6">
<p class="about-accent">Southbrew is a <span class="accent">local, woman-owned</span> coffee stand and specialty roaster in Huntsville, Alabama.</p>
<p class="about-accent">We strive toward <span class="accent">consistency</span> in our products, genuine <span class="accent">connections</span> with our customers, and meaningful <span class="accent">involvement</span> in the Rocket City community. </p>
<hr>
<div class="highlight">
<h3>Genuine Connections</h3>
<h3>Consistency in our Products</h3>
<h3>Meaningful Involvement</h3>
</div>
</div>
</div>
</div>
</div>
<div class="about-menu-link">
<div class="d-flex justify-content-center">
<div class="row">
<div class="col">
<h2>Check Out What We're Brewing</h2>
<hr>
<a href="menu.html" class="btn rounded-pill py-2 border px-5">View Menu</a>
</div>
<img src="images/coffee_heart.png" alt="Coffee with heart design" title="Coffee with Heart Design" id="coffee-heart">
</div>
</div>
</div>
<div class="content container-md px-0">
<section class="section--three margin-utility-lg d-none d-md-block">
<h2 class="h2 instagram">Instagram <span>@southbrewcoffee</span></h2>
<div class="instagram-gallery d-md-flex flex-wrap justify-content-center">
<img src="images/ig-photo-1.png" class="padding-utility-ig py-5" alt="">
<img src="images/ig-photo-2.png" class="padding-utility-ig py-5" alt="">
<img src="images/ig-photo-3.png" class="padding-utility-ig py-5" alt="">
<img src="images/ig-photo-4.png" class="padding-utility-ig py-5" alt="">
</div>
</section>
</div>
</main>
<!--END MAIN-->
<!--START FOOTER-->
<footer class="footer py-5">
<div class="footer_container container-md d-flex flex-column flex-md-row-reverse ">
<nav class="navbar container-md d-flex flex-column flex-grow-1 justify-content-start align-items-md-end text-center">
<ul class="navbar-nav d-md-flex flex-md-row">
<li class="nav-item">
<a href="index.html" class="nav-link">Home</a>
</li>
<li class="nav-item">
<a href="about.html" class="nav-link">About Us</a>
</li>
<li class="nav-item">
<a href="shop.html" class="nav-link">Shop</a>
</li>
<li class="nav-item">
<a href="contact.html" class="nav-link">Contact</a>
</li>
</ul>
<p>3324 Wall Triana Hwy SW., Huntsville, AL</p>
<p>256-701-2061</p>
<ul class="social_links navbar-nav d-flex flex-row">
<li class="nav-item">
<a href="https://www.facebook.com/southbrewcoffee/" class="nav-link"><i class="icofont-facebook icofont-md"></i></a>
</li>
<li class="nav-item">
<a href="https://twitter.com/brew_south?lang=en" class="nav-link"><i class="icofont-twitter icofont-md"></i></a>
</li>
<li class="nav-item">
<a href="https://www.instagram.com/southbrewcoffee/" class="nav-link"><i class="icofont-instagram icofont-md"></i></a>
</li>
<li class="nav-item">
<a href="https://www.yelp.com/biz/southbrew-coffee-huntsville" class="nav-link"><i class="icofont-yelp icofont-md"></i></a>
</li>
</ul>
</nav>
<img src="images/logo-transparent.png" class="img-fluid d-block mx-auto" alt="">
</div>
</footer>
<!--END FOOTER-->
<!-- jQuery first, then Popper.js, then Bootstrap JS -->
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js" integrity="sha384-DfXdz2htPH0lsSSs5nCTpuj/zy4C+OGpamoFVy38MVBnE+IbbVYUew+OrCXaRkfj" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
</body>
<!--END BODY-->
</html>