-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
106 lines (99 loc) · 6.08 KB
/
Copy pathindex.html
File metadata and controls
106 lines (99 loc) · 6.08 KB
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
105
106
<!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.0">
<title>Restaurant</title>
<!-- <link rel="stylesheet" href="./css/bootstrap.min.css"> -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css"
integrity="sha384-TX8t27EcRE3e/ihU7zmQxVncDAy5uIKz4rEkgIXeMed4M0jlfIDPvg6uqKI2xXr2" crossorigin="anonymous">
<link rel="stylesheet" href="./css/style.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Oxygen:wght@300;400;700&display=swap" rel="stylesheet">
</head>
<body>
<nav class="navbar navbar-expand-md">
<a class="navbar-brand" href="index.html">
<h3>Food, LLC</h3>
</a>
<button class="navbar-toggler navbar-dark" type="button" data-toggle="collapse" data-target="#main-navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="main-navigation">
<ul id="nav-list" class="navbar-nav d-lg-none d-md-none">
<li class="nav-item">
<a class="nav-link" href="#">Chicken</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Beef</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">Sushi</a>
</li>
</ul>
</div>
</nav>
<h1 class="text-center">OUR MENU</h1>
<div class="container text-center">
<div class="row">
<div class="col-lg-4 col-md-6 mb-5 col-sm-12">
<div class="well bg bg-secondary p-3">
<h3 class="feature-title text-center">Chicken</h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque interdum quam odio, quis placerat
ante luctus eu. Sed aliquet dolor id sapien rutrum, id vulputate quam iaculis.
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Obcaecati hic dolorem officiis amet cumque
nulla ipsam porro sed cupiditate quidem autem ipsa, ducimus suscipit dignissimos mollitia at rem
laborum labore?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos saepe sapiente temporibus dolor esse,
architecto sed deserunt ab est cumque nulla vero minus. Neque voluptate illo obcaecati soluta ea
fugit?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima, architecto mollitia. Nobis modi ea
exercitationem mollitia voluptas labore quas voluptatum ratione laborum, architecto, provident quia
quisquam sunt aliquam beatae molestiae.
</div>
</div>
<div class="col-lg-4 col-md-6 mb-5 col-sm-12">
<div class="well bg bg-secondary p-3">
<h3 class="feature-title text-center">Beef</h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque interdum quam odio, quis placerat
ante luctus eu. Sed aliquet dolor id sapien rutrum, id vulputate quam iaculis.
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Obcaecati hic dolorem officiis amet cumque
nulla ipsam porro sed cupiditate quidem autem ipsa, ducimus suscipit dignissimos mollitia at rem
laborum labore?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos saepe sapiente temporibus dolor esse,
architecto sed deserunt ab est cumque nulla vero minus. Neque voluptate illo obcaecati soluta ea
fugit?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima, architecto mollitia. Nobis modi ea
exercitationem mollitia voluptas labore quas voluptatum ratione laborum, architecto, provident quia
quisquam sunt aliquam beatae molestiae.
</div>
</div>
<div class="col-lg-4 col-md-12 mb-5 col-sm-12">
<div class="well bg bg-secondary p-3">
<h3 class="feature-title text-center">Suchi</h3>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque interdum quam odio, quis placerat
ante luctus eu. Sed aliquet dolor id sapien rutrum, id vulputate quam iaculis.
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Obcaecati hic dolorem officiis amet cumque
nulla ipsam porro sed cupiditate quidem autem ipsa, ducimus suscipit dignissimos mollitia at rem
laborum labore?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Eos saepe sapiente temporibus dolor esse,
architecto sed deserunt ab est cumque nulla vero minus. Neque voluptate illo obcaecati soluta ea
fugit?
Lorem ipsum dolor sit amet consectetur adipisicing elit. Minima, architecto mollitia. Nobis modi ea
exercitationem mollitia voluptas labore quas voluptatum ratione laborum, architecto, provident quia
quisquam sunt aliquam beatae molestiae.
</div>
</div>
</div>
</div>
<a id="top" href="index.html" class="text-center">Back to the top</a>
<!-- <script src="./js/bootstrap.min.js"></script> -->
<script src="https://code.jquery.com/jquery-3.5.1.min.js"
integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.min.js"
integrity="sha384-w1Q4orYjBQndcko6MimVbzY0tgp4pWB4lZ7lr30WKz0vr/aWKhXdBNmNb5D92v7s"
crossorigin="anonymous"></script>
</body>
</html>