-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
89 lines (84 loc) · 3.28 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>
rougue pickings
</title>
<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="#Reviews">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">
<!-- Add the content for the first section -->
<h3>Today's Sepcial's</h3>
<ul>
<li> Flaming Hummus & Falafel Salad</li>
<li>Sizziling Bean Burritos
<li>Green Gloves Tamales</li>
</ul>
</div>
<div class="section-two" id="Reviews">
<!-- Add the content for the second section -->
<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">
<!-- Add the content for the third section -->
<h3>Contact</h3>
<p>1001 Potrero Avenue <br>
San Francisco, CA 94110 <br>
(415) 206-8600 </p>
</div>
</div>
</section>
</main>
<footer>
<div class="content-wrapper">
<!-- Add the <h4> -->
<h4>Powered by lots of
<span>fresh</span> ingridients.
</h4>
</div>
</footer>
</body>
</html>