-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
90 lines (87 loc) · 2.88 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>
<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>