-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
107 lines (92 loc) · 3.4 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
91
92
93
94
95
96
97
98
99
100
101
102
103
<html>
<head>
<title>Tasty Taco Truck</title>
<link rel="stylesheet" type="text/css" href="css/style.css">
</head>
<body>
<header>
<div class="container">
<a href="#"><img src="images/icon-taco-truck.svg"></a>
<nav>
<ul>
<a href="#menu"><li>Menu</li></a>
<a href="#about"><li>About</li></a>
<a href="#contact"><li>Contact</li></a>
</ul>
</nav>
</div>
</header>
<div id="hero">
<img class="hero-taco" src="images/icon-taco.svg">
<h1>Tasty Taco Truck</h1>
</div>
<div class="container">
<div id="menu">
<div id="menu-img">
<img src="images/pork-tacos.jpg">
<p>Look at them beautiful Porky Pork tacos.</p>
</div>
<div id="menu-content">
<h2>Taco Menu</h2>
<ul>
<li><strong>Porky Pork Al Pastor</strong>: <span class="price">$2.50</span><br><span class"price">Pork tacos with red sauce</li>
<li><strong>El Pollo Loco</strong>: <span class="price">$2.50</span><br>Chicken tacos that'll drive you crazy</li>
<li><strong>Luchador Lengua</strong>: <span class="price">$2.50</span><br>Tongue tacos that'll wrestle your tastebuds</li>
<li><strong>S'moa Barbacoa</strong>: <span class="price">$2.50</span><br>Beef so good you'll want some more</li>
<li><strong>Mi Migas es su Migas</strong>: <span class="price">$2.50</span><br>Our egg tacos are your egg tacos</li>
</ul>
</div>
</div>
<div id="back-to-top">
<a href="#">
<img src="images/icon-nacho.svg">
<p>Back to Top</p>
</a>
</div>
</div>
<div id="divider">
<h3>They see us rolling, they hating. Trying to catch us slanging tacos.</h3>
</div>
<div class="container">
<div id="about">
<div id="about-content">
<h2>Our Taco Story</h2>
<p>We make our tacos the right way. The way our momma taught us. She learned from her momma, who learned from her momma, who learned from her momma. You get the picture. The truth is, our taco recipes have been passed on from generation to generation and if we told you our secret, we'd have to kill you... with kindness and tacos, of course.</p>
<p>Whether you want a traditional Porky Pork Al Pastor taco made from the finest swine or you're craving S'moa Barbacoa that'll have you coming back for more, you're in the right place. We guarantee you'll fall in love with our tacos or we'll eat them ourself.</p>
</div>
<div id="about-img">
<img src="images/dancing-taco-truck.jpg">
<p>Let's taco 'bout how tasty our tacos are.</p>
</div>
</div>
<div id="back-to-top">
<a href="#">
<img src="images/icon-nacho.svg">
<p>Back to Top</p>
</a>
</div>
</div>
<footer>
<div class="container">
<div id="taco-truck">
<img src="images/taco-truck.png">
</div>
<div id="contact">
<h2>Come find us!</h2>
<ul>
<li><strong>Call</strong>:<br>1(800) EAT-TACO</li>
<li><strong>Email</strong>:<br><a href="#">[email protected]</a></li>
<li><strong>Stop on by</strong>:<br><a href="https://goo.gl/maps/UaBj18e5Mn22" target="_blank">512 Tasty Taco Lane <br>Austin, TX 78704</a></li>
</ul>
</div>
<div id="Credits">
<h2>Credits!</h2>
<ul>
<li><strong>Icons</strong>:<br><a href="https://thenounproject.com/" target="_blank">The Noun Project</a></li>
<li><strong>Photos</strong>:<br>Ben Gillin</li>
</ul>
</div>
</div>
</footer>
</body>
</html>