This repository has been archived by the owner on Jul 11, 2023. It is now read-only.
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
111 lines (97 loc) · 4.72 KB
/
index.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>The Woke Yolk | Portlandia, ME</title>
<link rel="icon" type="image/png" href="img/favicon-32x32.png" sizes="32x32" />
<link rel="icon" type="image/png" href="img/favicon-16x16.png" sizes="16x16" />
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link href="https://fonts.googleapis.com/css?family=Gudea|Kranky|Open+Sans" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<header>
<div class="social_links">
<a href="mailto:thewokeyolk@gmail.com"><img src="img/mail_circle_icon_white.png" alt="mail icon"></a>
<a href="#"><img src="img/phone_circle_icon_white.png" alt="phone icon"></a>
</div>
<div id="header_wrapper">
<div id="logo_header">
<a href="index.html"><img src="img/woke_yolk.png" alt="Woke Yolk Logo featuring raised fist with spatula"></a>
</div>
<nav>
<a href="index.html"><div class="selected">Home</div></a>
<a href="about.html"><div>About</div></a>
<a href="menu.html"><div>Menu</div></a>
<a href="contact.html"><div>Contact</div></a>
</nav>
</div>
</header>
<main>
<div id="home_tagline" class="tagline">
<h1>Rise and<br/><span>#Resist</span>
</h1>
</div>
<div id="intro">
<h2>We're Here For You</h2>
<p>The best meal of the day is always breakfast, so why not pair wokeness with eggs, bacon, and toast?</p>
<div>
<img src="img/white_menu_arrow.png" alt="menu arrow">
</div>
</div>
<div id="text-columns">
<div class="column">
<h3>We Make Good Food</h3>
<p>Our ingredients are fresh, organic, and local. It'd be a little hypocritical if we didn't buy local, right? We like to keep the dollars flowing back and forth between our brothers and sisters in the community. So yeah, maybe our breakfast is a little pricier than the fast food joint down the street, but we promise you we'll make it worth every penny.</p>
</div>
<div class="column">
<h3>We're Clever AF</h3>
<p>Our menu is kind of hilarious. Sometimes it's easier to talk about the hard stuff when you're laughing a little bit. Placing an order is kind of like an ice breaker on the down low, and we dig that. We provide our guests with a relaxed and open setting; we're always here to talk about - well - anything. Check out our <a href="menu.html">menu</a> and see for yourself.</p>
</div>
</div>
<div id="highlights">
<div class="highlight_item">
<h3>Weekly Specials</h3>
<p>Oppressed people, we see you. For that reason, we got you. On Reparations Days we try to make it right.</p>
<img src="img/pancakes.jpeg" alt="stack of pancakes">
<a href="menu.html"><div class="highlight_button">Read More</div></a>
</div>
<div class="highlight_item">
<h3>All Day, Errday</h3>
<p>Who doesn't crave breakfast at any given time of day? We're all breakfast, all the time. And we have an all-you-can-eat cereal bar.</p>
<img src="img/cereal.jpg" alt="Bowl of cereal">
<a href="contact.html"><div class="highlight_button">Our Hours</div></a>
</div>
<div class="highlight_item">
<h3>We Made It</h3>
<p>In every sense, we made it. We legit made this restaurant out of nothing. Also, we made our food from scratch for you.</p>
<img src="img/english_breakfastjpg.jpg" alt="irish Breakfast platter">
<a href="about.html"><div class="highlight_button">Meet the Staff</div></a>
</div>
</div>
</main>
<div id="sticky">
<div id="top">
<a href="#">Back to Top</a>
</div>
</div>
<footer>
<div>
<div id="address_block">
The Woke Yolk<br/>
123 Main Street<br/>
Portlandia, ME 12345<br>
(207) 555-5555
</div>
<div id="copy">
Website by Olivia Orr © 2017
</div>
</div>
<div id="to_top">
<a href="#">Back to Top</a>
</div>
</footer>
<script src="js/app.js" type="text/javascript" charset="utf-8"></script>
</body>
</html>