-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathabout-us.html
142 lines (138 loc) · 6.25 KB
/
about-us.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
<!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">
<title>About Us</title>
<link rel="stylesheet" href="./output-css/style.css">
<script src="script.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<style>
a {
text-decoration: none;
}
a {
color: inherit;
}
</style>
</head>
<body>
<header class="header">
<div class="navbar-contact container">
<div class="navbar-left">
<ul class="social-media">
<li> <a href="https://twitter.com/DutchBros" target="_blank">
<img class="socal-logo" src="images/twitter.svg">
</a>
</li>
<li> <a href="https://www.facebook.com/christian.medders.7/" target="_blank"> <img class="socal-logo" src='images/facebook.svg'>
</a>
</li>
<li> <a href="https://www.linkedin.com/in/christian-medders-6a00b7a5/" target="_blank">
<img class="socal-logo" src="images/linkedin.svg">
</a>
</li>
<li> <a href="https://www.instagram.com/sportscenter/" target="_blank">
<img class="socal-logo" src="images/instagram.svg">
</a>
</li>
</ul>
<div id="hamburger-menu" class="fa fa-bars hamburger-menu">Menu</div>
</div>
<ul class="contact-info">
<li><img src="images/location.svg"><li>
<li style="margin-right: 2.5em">Aiken, South Carolina</li>
<li><img src="images/mail.svg"></li>
<li>[email protected]</li>
</ul>
</div>
<div id="site-menu" class="navbar-menu">
<div class="navbar-menu__inner container">
<img class="menu-logo" src="images/coffee-shades.png">
<ul class="menu-list">
<li class="menu-item"><a href="index.html">Home</a></li>
<li class="menu-item"><a href="about-us.html">About Us</a></li>
<li class="menu-item"><a href="blog.html">Blog</a></li>
<li class="menu-item"><a href="https://www.linkedin.com/in/christian-medders-6a00b7a5/" target="_blank">Management Profile</a></li>
<li class="menu-item"><a href="https://theawesomedaily.com/25-funny-job-titles-that-are-so-weird-theyre-just-hilarious/" target="_blank">Careers</a></li>
</ul>
<button class="menu-button">Contact Us</button>
</div>
</div>
</header>
<main>
<section class="about-us-page">
<div class="about-us-logo">
<img class="about-us-logo" src="images/sb.png">
<p>About Us</p>
</div>
<h1>The Brew Crew</h1>
<div class="about-us-content">
<div class="about-us-text">
<h2>The Squad</h2>
<h3 style="margin-top: 0px; margin-bottom: 0px;">Our Goal is the make the best drinks this side of the Mississippi</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum</p>
<p>Ultrices vitae auctor eu augue ut lectus. Eu ultrices vitae auctor eu augue ut lectus arcu bibendum. Id leo in vitae turpis massa. Risus at ultrices mi tempus imperdiet nulla malesuada pellentesque elit. Ipsum a arcu cursus vitae congue mauris rhoncus. Duis tristique sollicitudin nibh sit amet commodo. Iaculis urna id volutpat lacus laoreet non. Quam pellentesque nec nam aliquam sem et tortor consequat. Mauris a diam maecenas sed enim ut sem viverra. Orci dapibus ultrices in iaculis nunc sed. Volutpat commodo sed egestas egestas fringilla phasellus faucibus.</p>
<p><u>click here to see our case studies</u></p>
</div>
<div class="about-us-card">
<div style="overflow: hidden;">
<img class="about-us-pic" src="images/collytte.jpeg">
</div>
<p style="padding-bottom: 10px">Collytte Medders</p>
<p>The true HBIC (Head Brewer In Charge). She keeps everyone on task and makes sure we give you the best experience possible</p>
</div>
</div>
</section>
</main>
<footer>
<div class="footer">
<div class="footer__inner container">
<div class="about-us">
<h1>About Us</h1>
<img class="logo" src="images/sb.png">
<p>Aiken Cofeehouse and Lounge is a local owned and operated. We think that you can enjoy your coffee and beer at the same place and not be judge. We rock and so do you.</p>
<ul class="social-footer">
<li> <a href="https://www.facebook.com/christian.medders.7/" target="_blank"> <img class="socal-logo" src='images/facebook.svg'>
</a>
</li>
<li> <a href="https://twitter.com/DutchBros" target="_blank">
<img class="socal-logo" src="images/twitter.svg">
</a>
</li>
<li> <a href="https://www.linkedin.com/in/christian-medders-6a00b7a5/" target="_blank">
<img class="socal-logo" src="images/linkedin.svg">
</a>
</li>
<li> <a href="https://www.instagram.com/sportscenter/" target="_blank">
<img class="socal-logo" src="images/instagram.svg">
</a>
</li>
</ul>
</div>
<div class="contact-us">
<h1>Contact Us</h1>
<p>Address: 123 Easy Street</p>
<p>Phone: 555-555-555</p>
<p>Email: [email protected]</p>
</div>
<div class="services">
<h1>Services</h1>
<p>Coffee Roasting</p>
<p>Beer Brewing</p>
<p>Live Music</p>
<p>Fun Stuff</p>
</div>
<div class="quicklinks">
<h1>Quicklinks</h1>
<p>Blog</p>
<p>Jobs</p>
<p>Mugs</p>
<p>Pugs</p>
</div>
</div>
</div>
</footer>
</body>
</html>