-
Notifications
You must be signed in to change notification settings - Fork 123
/
Copy pathindex.html
93 lines (76 loc) · 5.34 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
<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="Jason Ho">
<meta name="description" content="Dawg Pizza mainpage">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<link rel="stylesheet" href="css/main.css">
<link rel="shortcut icon" href="img/pizza-icon.png">
<title>Dawg Pizza</title>
</head>
<body>
<main class="container-fluid">
<header>
<h1>Dawg Pizza</h1>
<p class="motto">Feeding Hungry Huskies Since 2013</p>
<nav role="navigation">
<ul>
<li><a href="#location">location</a></li>
<li><a href="#menu">menu</a></li>
<li><a href="#about">about</a></li>
</ul>
</nav>
</header>
<section id="location" class="row">
<div class="col-md-4">
<h2>Address</h2>
<p><a href="https://goo.gl/maps/CKrRF">4529 University Way NE<br>Seattle, WA 98105</a></p>
</div>
<div class="col-md-4">
<h2>Hours</h2>
<p>Open daily from noon to midnight</p>
</div>
<div class="col-md-4">
<h2>To Order</h2>
<p>Call us at <a href="tel:206-555-1212">206-555-1212</a></p>
</div>
</section>
<section id="menu" class="row">
<h2>Our Menu</h2>
<div class="col-md-6">
<h3>Meat Pies</h3>
<dl>
<dt>Bacon & Pinapple</dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet hic iste iure sequi. Ad autem consectetur, delectus eligendi enim incidunt ipsum molestiae, nemo nulla quis reprehenderit veniam voluptatem voluptates voluptatum.</dd>
<dt>Duck, Duck, Goose</dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Consequuntur cum dolores earum eum labore maxime nemo nesciunt nulla quasi quia, reiciendis repellat sint voluptates? Architecto dignissimos iste iure nobis praesentium.</dd>
<dt>The Bambi</dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi dignissimos dolor dolores ea, explicabo laborum quidem sequi similique vel voluptatem? A architecto corporis dolores hic pariatur recusandae, similique vero voluptas!</dd>
</dl>
</div>
<div class="col-md-6">
<h3>Veggie Pies</h3>
<dl>
<dt>Forest Floor</dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquid aperiam aut blanditiis consectetur, consequuntur cumque delectus dolorem doloremque inventore minus nisi nobis quibusdam, quis reprehenderit, repudiandae saepe sed sit vero.</dd>
<dt>Green Monster</dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Corporis culpa dolorum eligendi impedit itaque laudantium nostrum odit, pariatur placeat porro quia rerum sed tempora, totam, unde vel voluptate! Facere, quia?</dd>
<dt>Caprese</dt>
<dd>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Architecto, dolor dolores eaque facere incidunt mollitia nulla quasi. Aperiam architecto dolorem ea, ipsa itaque molestias numquam quas suscipit ullam ut voluptas!</dd>
</dl>
</div>
</section>
<section id="about">
<h2>About Us</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam error expedita, laudantium nulla repellat repellendus? Aperiam at earum eum exercitationem illum inventore, laboriosam, nobis numquam pariatur perspiciatis quod temporibus voluptatibus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ad amet cum eius exercitationem facilis harum illo incidunt iste maxime, pariatur perferendis quae recusandae totam velit veniam vero voluptatibus? Delectus, soluta. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Alias aliquam aperiam aut consequatur facere libero magni maiores nobis provident quae, qui quo, vel velit. Autem consequatur esse fuga recusandae voluptatibus!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Adipisci aspernatur delectus dolorem doloremque eaque esse fuga ipsa magnam, maiores nam non officia porro provident ratione sapiente sed sint tempora ullam. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aperiam debitis explicabo fugiat impedit molestiae reprehenderit rerum tempore ullam ut vitae? Alias aspernatur fugit molestiae nihil numquam obcaecati quisquam sapiente vel.</p>
</section>
<footer>
<p>© 2014, Dawg Pizza, <a href="mailto:[email protected]">[email protected]</a></p>
<p><a href=#>Back to Top ↑</a></p>
</footer>
</main>
</body>
</html>