-
Notifications
You must be signed in to change notification settings - Fork 0
/
contact.html
170 lines (167 loc) · 7.93 KB
/
contact.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
<!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">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 active nav-fill">Contact</a>
</li>
</ul>
</div>
</nav>
<!--END NAVIGATION-->
</header>
<!--END HEADER-->
<main class="main pt-utility-smcontent container-md px-5">
<img src="images/3-coffees.png" alt="3-coffe-cups" class="img-fluid d-block mx-auto">
<h2 class="h2 pt-3 pb-5">How can we help you?</h2>
<section class="section contact-container mb-5">
<div class="col-1-of-2 p-lg-5 p-4">
<h3 class="h3 pb-4"><span>Located in Huntsville, Alabama</span></h3>
<p>We currently operate out of one drive-thru shop in Huntsville, Alabama. </p>
<p>We are excited to bring this unique “coffee shack” format to the Rocket City area!</p>
<p>Come visit us at <br>
3324 Wall Triana Hwy SW <br>
Huntsville, AL 35749</p>
</div>
<div class="col-2-of-2 p-lg-5 p-4">
<h3 class="h3 pb-2">Contact Us</h3>
<form class="form py-2">
<div class="row">
<div class="col-12 col-lg-6">
<div class="form-group">
<input type="text" class="main-form" id="formGroupExampleInput" placeholder="Enter your first name">
</div>
</div>
<div class="col-12 col-lg-6">
<div class="form-group">
<input type="text" class="main-form" id="formGroupExampleInput" placeholder="Enter your last name">
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="form-group">
<input type="email" class="main-form" placeholder="Enter your email">
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="form-group">
<input type="text" class="main-form" id="formGroupExampleInput" placeholder="Enter your subject">
</div>
</div>
</div>
<div class="row">
<div class="col-12">
<div class="form-group">
<textarea class="main-form" name="" id="" cols="30" rows="8" placeholder="Enter your message"></textarea>
</div>
</div>
</div>
<button type="submit" class="btn rounded-pill border py-2 px-5">Message</button>
</form>
</div>
</section>
<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>
</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>