-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
104 lines (89 loc) · 3.93 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
104
<!DOCTYPE html>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Food, LLC</title>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="css/style.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">
</head>
<body>
<header>
<nav id="header-nav" class="navbar navbar-default">
<div class="container">
<div class="navbar-header">
<div class="navbar-brand">
<a href="index.html"><h1>Food, LLC</h1></a>
</div>
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#collapsable-nav" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
</div>
</div>
<div id="collapsable-nav" class="collapse navbar-collapse">
<ul id="nav-list" class="nav navbar-nav navbar-right visible-xs">
<li>
<a href="">
<span>Chicken</span>
</a>
</li>
<li>
<a href="">
<span>Beef</span>
</a>
</li>
<li>
<a href="">
<span>Sushi</span>
</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<div id="main-content" class="container">
<h2 class="text-center">Our Menu</h2>
<section class="row">
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="menu">
<h3 class="text-center">Chicken</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt quibusdam quae sequi, laboriosam dignissimos cumque tempore eligendi quas, natus consequatur error iure aperiam deserunt. Vero fugiat cumque nesciunt ipsa quaerat.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum cupiditate debitis quas beatae sed. Veniam similique tempora praesentium modi. Voluptatem iste facere voluptatum quis distinctio quod soluta fuga dolorem perferendis?
</p>
</div>
</div>
<div class="col-lg-4 col-md-6 col-sm-12">
<div class="menu">
<h3 class="text-center">Beef</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt quibusdam quae sequi, laboriosam dignissimos cumque tempore eligendi quas, natus consequatur error iure aperiam deserunt. Vero fugiat cumque nesciunt ipsa quaerat.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum cupiditate debitis quas beatae sed. Veniam similique tempora praesentium modi. Voluptatem iste facere voluptatum quis distinctio quod soluta fuga dolorem perferendis?
</p>
</div>
</div>
<div class="col-lg-4 col-md-12 col-sm-12">
<div class="menu">
<h3 class="text-center">Sushi</h3>
<p>
Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt quibusdam quae sequi, laboriosam dignissimos cumque tempore eligendi quas, natus consequatur error iure aperiam deserunt. Vero fugiat cumque nesciunt ipsa quaerat.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Rerum cupiditate debitis quas beatae sed. Veniam similique tempora praesentium modi. Voluptatem iste facere voluptatum quis distinctio quod soluta fuga dolorem perferendis?
</p>
</div>
</div>
</section>
</div>
<script src="js/jquery-3.6.0.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
</body>
</html>