-
Notifications
You must be signed in to change notification settings - Fork 0
/
JSB.html
47 lines (47 loc) · 3.57 KB
/
JSB.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="JSB-style.css" rel="stylesheet">
<title>JavaScript Basics</title>
</head>
<body>
<div class="container">
<div class="header">
<h1>JavaScript Basics</h1>
</div>
<div class="navbar">
<a href="#">Home</a><ul>
<li><a href="#">JavaScript Overview</a></li>
<ul>
<li><a href="#">Variable Declaration</a></li>
<li><a href="#">Variable Assignment</a></li>
<li><a href="#">Data Type</a></li>
<li><a href="#">Conditionals</a></li>
<li><a href="#">Loops</a></li>
<li><a href="#">Function</a></li>
</ul>
<li><a href="#">Projects</a></li>
<li><a href="#">Assignments</a></li>
<li><a href="#">Quiz</a></li>
</ul>
</div>
<div class="main-content">
<h2>JavaScript Basics</h2>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quidem maiores libero facere quod. Labore saepe cupiditate suscipit voluptatibus natus voluptatem dicta est perspiciatis quisquam expedita, quia explicabo, molestias modi autem! Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quidem maiores libero facere quod. Labore saepe cupiditate suscipit voluptatibus.</p>
<ul>
<li><a href="#">Variable Declaration</a> Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur quaerat laudantium repellat dignissimos ab harum ullam sint voluptates incidunt provident reprehenderit eaque facilis quasi deserunt, tempora architecto mollitia, alias optio?</li>
<li><a href="#">Variable Assignment</a> Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur quaerat laudantium repellat dignissimos ab harum ullam sint voluptates.</li>
<li><a href="#">Data Types</a> Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur quaerat laudantium <span>laudantium</span> repellat dignissimos ab harum <span>quaerat</span>ullam sint voluptates incidunt provident reprehenderit. Consectetur quaerat laudantium repellat dignissimos.</li>
<li><a href="#">Conditionals</a> Lorem <span>laudantium</span> ipsum dolor sit amet consectetur adipisicing elit. Consectetur <span>elit</span>quaerat laudantium repellat dignissimos ab harum ullam sint voluptates incidunt provident reprehenderit eaque facilis <span>facilis</span> quasi deserunt, tempora architecto mollitia, alias optio? Consectetur quaerat laudantium repellat dignissimos ab harum ullam sint voluptates incidunt provident reprehenderit.</li>
<li><a href="#">Loops</a> Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur quaerat laudantium repellat.</li>
<li><a href="#">Function</a> Lorem ipsum dolor sit amet consectetur adipisicing elit. Consectetur quaerat laudantium repellat dignissimos ab harum ullam sint voluptates incidunt provident reprehenderit eaque facilis quasi deserunt, tempora architecto mollitia, alias optio? Consectetur quaerat laudantium repellat dignissimos ab harum ullam sint voluptates incidunt provident reprehenderit.</li>
</ul>
</div>
<div class="footer">
<p>For more useful information check out this url: <a href="#">JavaScript!</a></p>
</div>
</div>
</body>
</html>