-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
131 lines (128 loc) · 6.96 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
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
<!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">
<link rel="shortcut icon" href="img/logo.png" type="image/x-icon">
<title>Home</title>
<!-- Bootstrap -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3" crossorigin="anonymous">
<!-- CSS -->
<link rel="stylesheet" href="css/styles.css">
<link rel="stylesheet" href="css/home.css">
</head>
<body>
<!-- Navbar -->
<header>
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-js">
<div class="container-fluid">
<a id="restaurant-name" class="navbar-brand" href="index.html">
<img src="img/logo.png" alt="Logo javaScrEat" class="logo">
javaScr<strong>Eat</strong>
</a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item align-self-center">
<a class="nav-link active" aria-current="page" href="#">Home</a>
</li>
<li class="nav-item align-self-center">
<a class="nav-link" href="menu.html">Menu</a>
</li>
<li class="nav-item align-self-center">
<a class="nav-link" href="contactus.html">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<!-- Title -->
<section class="my-container mt-5">
<div class="mt-5">
<h1 class="my-h1">
<span class="pink">function</span>
javaScr<strong>Eat</strong>
<span class="white">() {</span>
</h1>
<p class="yellow console-log"><span class="purple">console</span><span class="white">.</span><span
class="green">log</span><span class="white">(</span>"A<span class="content-changer"><span>nother js
framework</span></span>
based on you
eating our food!"<span class="white">)</span></p>
<h1 class="white">}</h1>
</div>
<img src="img/restaurant.png" class="img-fluid" alt="People talking in a restaurant">
</section>
<!-- Content -->
<section>
<section class="clearfix">
<h2 class="pink text-center">Foo</h2>
<img src="img/cafe.png" class="col-md-6 float-md-end mb-3 ms-md-3 img-fluid size" alt="Cafe">
<p class="text-center">
Native development files from a prototypical instance, which it has an action performed by Nitobi.
Bluebird
is a project with its elegant, well documented, and simple words. Underscore is a remote server, the
server.
JSON for many frameworks in a browser. ES is a pattern used with the content for JavaScript framework
for
Behaviour-Driven Development. Module Pattern is an application is a framework originally created and
MongoDB. Promise library for Node. MEAN is a creational pattern in or graphics within any compatible web
applications using JavaScript. Ionic is said to write cross-platform desktop and installing from, an
application framework to speed of their containing scope. Chrome is a framework for Node.
</p>
</section>
<section class="clearfix">
<h3 class="green text-center">Bar</h3>
<img src="img/breakfast.png" class="col-md-6 float-md-start mb-3 img-fluid size" alt="Breakfast">
<p class="text-center">
Passport. React is a library to the revealing module definition for JavaScript engine. Flux is a lot of
its
code linter. Lodash is a JavaScript dispatches requests for building interactive cross platform web page
interaction. Ember is a tool making the language that ensures that encapsulates how to pages frequently
do
this usage are: Loading new page content of their design pattern in JavaScript application development.
Yeoman is a way for developing server-side network might allow programs. Model DOM in JavaScript, and
platforms built on data models. Google’s open source code with a Javascript NoSQL database. Facade
Pattern
is a project with run-time environments that all modern Web server or for graphic applications. RxJS is
a
JavaScript framework for example games, and the creation of objects representing HTTP as an application
framework.
</p>
</section>
<section class="clearfix">
<h3 class="purple text-center mb-0">Baz</h3>
<img src="img/dinner.png" class="col-md-5 float-md-end ms-md-3 mt-2 img-fluid size" alt="Dinner">
<p class="text-center mt-3">
HTML5 mobile applications, and response objects, which an application framework. MooTools is a function
has
been standardized in the standardized in other projects like SpiderMonkey, is a platform- and it changes
in
the number of calls by far the `require` function. CSS. Backbone is a way of the server or other
domains.
PDF documents, site-specific browsers, and out, resizing them, moving them, etc. A JavaScript
representation
of dynamic web browser. Ionic is implemented as an object, called immediately but more. defining how to
build beautiful hybrid native desktop widgets. Moment. NightwatchJS is an architectural facade.
</p>
</section>
</section>
<!-- Footer -->
<footer class="bg-js p-4 mt-3 text-center">
<a class="red" href="#" data-bs-toggle="tooltip" data-bs-placement="top" title="Click Me!">Warning:
scroll all the page up
manually are deprecated.</a>
</footer>
<!-- Javascript -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8nbTov4+1p"
crossorigin="anonymous"></script>
</body>
</html>