/
index.html
70 lines (60 loc) · 2.74 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
<!DOCTYPE html>
<html lang="en">
<head>
<!--CSS-->
<link rel="stylesheet" href="css/normalize.css">
<link rel="stylesheet" href="css/main.css">
<!--FONTS -->
<link href="https://fonts.googleapis.com/css?family=Great+Vibes|Montserrat:400,700&display=swap" rel="stylesheet">
<!--META-->
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<!--BODY -->
<body>
<div class="wrapper">
<header>
<h1><span>ROGUE</span> PICKINGS</h1>
<nav>
<a href="#">ABOUT</a>
<a href="#">MENU</a>
<a href="#">LOCATIONS</a>
<a href="#">GALLERY</a>
<a href="#">REVIEWS</a>
<a href="#">CONTENT</a>
</nav>
</header>
<!--MAIN SECTION-->
<main>
<img src="img/Hero Image.png" alt="Close up of unshelled green beans." />
<div class="top-text">
<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> <!--top-text closure-->
<section class="bottom">
<div class="third one">
<h3>TODAY'S SPECIALS</h3>
<p>Flaming Hummus & Falafel Salad</p>
<p>Sizzling Bean Burrito</p>
<p>Green Gloves Tamales</p>
</div>
<div class="third two">
<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 Rogue Pickings again tomorrow!"</p>
</div>
<div class="third three">
<h3>CONTACT US</h3>
<address>
1001 Potrero Avenue <br>
San Fransisco, CA 94110 <br>
(415) 206-8000
</address>
</div>
</section> <!--bottom closure-->
<footer>
<p>POWERED BY LOTS OF <span>fresh</span> INGREDIENTS</p>
</footer>
</main>
</div> <!--wrapper closure-->
</body>
</html>