-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
74 lines (68 loc) · 2.98 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Rogue Pickings</title>
<link rel="stylesheet" type="text/css" href="css/normalize.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
<link rel="stylesheet" type='text/css' href="https://fonts.googleapis.com/css2?family=Galada&family=Montserrat:wght@400;700&display=swap">
</head>
<!-- HEADER CONTENT -->
<body>
<header>
<div class="full-width">
<div class="half-width" id="site-title">
<h1>ROGUE<span> PICKINGS</span></h1>
</div>
<div class="half-width">
<nav>
<ul>
<li><a href="about/index.html">ABOUT</a></li>
<li><a href="menu/index.html">MENU</a></li>
<li><a href="locations/index.html">LOCATIONS</a></li>
<li><a href="gallery/index.html">GALLERY</a></li>
<li><a href="reviews/index.html">REVIEWS</a></li>
<li><a href="content/index.html">CONTENT</a></li>
</ul>
</nav>
</div>
</div>
</header>
<!-- MAIN CONTENT -->
<main>
<section id="top-section">
<div class="full-width" id="hero-img">
<img src="img/hero-image.png" alt="A bunch of green beans in a wooden box" id="hero-image">
</div>
<div class="full-width" id="welcome">
<h2>WELCOME TO OUR LITTLE CORNER OF THE INTERNET</h2>
<p>Welcome to Rogue Pickings, the roaming truck bringing you the freshest ingredients and ideas in food. Our team works hard so you can be sure our ingredients are always fresh and picked carefully. Our menu changes every day and is made with you in mind. We can't wait to come to you! Check out our locations to see where you can find us.</p>
</div>
</section>
<section id="bottom-section">
<div class="full-width">
<div class="third-width" id="specials">
<h3>TODAY'S SPECIALS</h3>
<p><a href="" class="specials">Flaming Hummus & Falafel Salad</a></p>
<p><a href="" class="specials">Sizzling Bean Burrito</a></p>
<p><a href="" class="specials">Green Gloves Tamales</a><br></p>
</div>
<div class="third-width" id="reviews">
<h3>OUR AWESOME REVIEWS</h3>
<p>"I got so excited about the yumminess of the falalfel salad that I am typing this review as I inhale my lunch. Yes it is that good.... Service was super friendly and quick. Can't wait to see you Rogue Pickings again tomorrow!"</p>
</div>
<div class="third-width" id="contact">
<h3>CONTACT US</h3>
<p>1001 Potrero Avenue<br>San Francisco, CA 94110<br>(415) 206-8000</p>
</div>
</div>
</section>
<!-- FOOTER CONTENT -->
<footer>
<div class="full-width" id="powered-by">
<p id="bolded-upper">POWERED BY LOTS OF<span id="fresh"> fresh </span>INGREDIENTS</p>
</div>
</footer>
</main>
</body>
</html>