-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
90 lines (90 loc) · 3.93 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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Rogue Pickings</title>
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap"
rel="stylesheet" type="text/css">
<link href="https://fonts.googleapis.com/css2?family=Galada&display=swap"
rel="stylesheet" type="text/css">
</head>
<body>
<!--header section with logo and navigation-->
<header>
<div class="full-width">
<div class="third-width">
<h1><span>rogue</span> pickings</h1>
</div>
<div class="half-width">
<nav>
<ul>
<li><a href="#about">About</a></li>
<li><a href="#menu">Menu</a></li>
<li><a href="#locations">Locations</a></li>
<li><a href="#gallery">Gallery</a></li>
<li><a href="#reviews">Reviews</a></li>
<li><a href="#content">Content</a></li>
</ul>
</nav>
</div>
</div>
</header>
<!--image splash and about-->
<main>
<img src="img/hero.png" alt="Green Beans" class="center">
</section>
<section id="about">
<div class="full-width">
<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>
<!--Lower section divided into thirds: menu, reviews, address-->
<div class="full-width">
<div class="third-width">
<section id="menu">
<h3>Today's Specials</h3>
<ul>
<li>Flaming Hummus & Falafel Salad</li>
<li>Sizzling Bean Burrito</li>
<li>Green Gloves Tamales</li>
</ul>
</section>
</div>
<div class="third-width">
<section id="reviews">
<h3>Our Awesome Reviews</h3>
<p>"I got so excited about the yumminess of the falafel
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>
</section>
<div class="third-width">
<section id="locations">
<h3>Contact Us</h3>
<p>1001 Potrero Avenue <br>
San Francisco, CA 94110<br>
(415)206-8000
</p>
</div>
</section>
</div>
</main>
<!--Footer Section-->
<footer id="content" id="bottom-solidborder">
<div class="full-width">
<p>powered by lots of <span>fresh</span> ingredients</p>
</div>
</footer>
</body>
</html>