-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
81 lines (76 loc) · 3.09 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Rogue Pickings</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<!-- Google Font styles added here -->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Galada&family=Montserrat:wght@400;700&display=swap"
rel="stylesheet">
</head>
<body>
<header>
<div class="content-wrapper">
<h1><span>rogue</span> pickings</h1>
<nav>
<ul>
<li><a href="#menu">Menu</a></li>
<li><a href="#review">Reviews</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</div>
</header>
<main>
<section class="top-section">
<div class="content-wrapper">
<div class="main-image"><img src="img/green-bean.jpg" alt="green beans"></div>
<div class="main-title">
<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>
</div>
</section>
<section class="bottom-section">
<div class="content-wrapper">
<div class="section-one" id="menu">
<h3>Today's Specials</h3>
<ul class="menu-list">
<li>Flaming Hummus & Falafel Salad</li>
<li>Sizzling Bean Burrito</li>
<li>Green Gloves Tamales</li>
</ul>
</div>
<div class="section-two" id="review">
<h3>Our Latest Review</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, the food is that good..."
</p>
</div>
<div class="section-three" id="contact">
<h3>Contact</h3>
<p>1001 Potrero Avenue<br>
San Francisco, CA 94110<br>
(415) 206-8000 </p>
</div>
</div>
</section>
</main>
<footer>
<div class="content-wrapper">
<h4>Powered by lots of <span>fresh</span> ingredients.</h4>
</div>
</footer>
</body>
</html>