-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
77 lines (54 loc) · 3.2 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
<!DOCTYPE html>
<html>
<head>
<title>MOD 3 SOLN</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<link rel="stylesheet" type="text/css" href="style.css">
<body>
<nav class="navbar" id="top">
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="#">STREET ZAIKA</a>
</div>
<div class="collapse" id="myNavbar">
<ul class="nav navbar-nav visible-xs">
<li><a class="menu-item" href="#">PASTA</a></li>
<li><a class="menu-item" href="#">MAGGIE</a></li>
<li><a class="menu-item" href="#">SAMOSA</a></li>
</ul>
</div>
</div>
</nav>
<h1 class="main-title">Our Menu</h1>
<div class="row">
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="content-box">
<p class="item-name">PASTA</p>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aspernatur modi numquam facilis cumque asperiores, accusantium non? Cupiditate possimus sint voluptatem mollitia laudantium vitae ipsum sunt, magni accusantium doloribus. Ut ratione totam sapiente rerum delectus unde error eum, perspiciatis reiciendis maiores laborum. Quaerat repellendus dolores fugiat. Excepturi aliquid natus nobis, voluptatem modi voluptates cupiditate odio at nesciunt itaque, tenetur, accusamus numquam.<a href="#top">(Back to Top)</a></p>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="content-box">
<p class="item-name">MAGGIE</p>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aspernatur modi numquam facilis cumque asperiores, accusantium non? Cupiditate possimus sint voluptatem mollitia laudantium vitae ipsum sunt, magni accusantium doloribus. Ut ratione totam sapiente rerum delectus unde error eum, perspiciatis reiciendis maiores laborum. Quaerat repellendus dolores fugiat. Excepturi aliquid natus nobis, voluptatem modi voluptates cupiditate odio at nesciunt itaque, tenetur, accusamus numquam.
<a href="#top">(Back to Top)</a></p>
</div>
</div>
<div class="col-lg-4 col-md-12 col-sm-12">
<div class="content-box">
<p class="item-name">SAMOSA</p>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Aspernatur modi numquam facilis cumque asperiores, accusantium non? Cupiditate possimus sint voluptatem mollitia laudantium vitae ipsum sunt, magni accusantium doloribus. Ut ratione totam sapiente rerum delectus unde error eum, perspiciatis reiciendis maiores laborum. Quaerat repellendus dolores fugiat. Excepturi aliquid natus nobis, voluptatem modi voluptates cupiditate odio at nesciunt itaque, tenetur, accusamus numquam.<a href="#top">(Back to Top)</a></p>
</div>
</div>
</div>
</body>
</html>