-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
61 lines (51 loc) · 3.22 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Change Stylesheet Using Javascript</title>
<link rel="stylesheet" type="text/css" id="main-style" href="css/default.css">
</head>
<body>
<!-- color plate -->
<div class="color-plate">
<a onClick="changeStylesheet('default.css')">Light</a>
<a onClick="changeStylesheet('dark.css')">Dark</a>
</div>
<nav>
<div class="container">
<ul>
<li><a href="#">Home</a></li>
<li><a href="#">Tutorials</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
</ul>
</div>
</nav>
<header>
<div class="container">
<img src="img/header.png" alt="image not found!">
<h2>Header Section</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus obcaecati ad, quisquam delectus reiciendis, assumenda, itaque necessitatibus minima distinctio, libero corporis labore! Libero illum placeat suscipit cum et velit facere!</p>
</div>
</header>
<section>
<div class="container">
<h2>Main Section</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus obcaecati ad, quisquam delectus reiciendis, assumenda, itaque necessitatibus minima distinctio, libero corporis labore! Libero illum placeat suscipit cum et velit facere!</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus obcaecati ad, quisquam delectus reiciendis, assumenda, itaque necessitatibus minima distinctio, libero corporis labore! Libero illum placeat suscipit cum et velit facere! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus iure iusto, itaque maxime nesciunt ab repudiandae consectetur, culpa asperiores, libero quod incidunt inventore nisi deleniti quo architecto distinctio magni nobis! Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas velit voluptatibus mollitia deserunt rerum, veniam consectetur eum magni quia ipsam libero soluta doloribus quos laudantium vitae. Repudiandae, quidem id quo. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ipsa voluptates recusandae magnam vel fugiat deserunt eos, a blanditiis cum! Quisquam minus suscipit necessitatibus dolor deserunt ipsum distinctio ad soluta. Nisi.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus obcaecati ad, quisquam delectus reiciendis, assumenda, itaque necessitatibus minima distinctio, libero corporis labore! Libero illum placeat suscipit cum et velit facere!</p>
</div>
</section>
<footer>
<div class="container">
<h2>Footer Section</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Minus obcaecati ad, quisquam delectus reiciendis, assumenda, itaque necessitatibus minima distinctio, libero corporis labore! Libero illum placeat suscipit cum et velit facere!</p>
</div>
<div class="container copy-right">
<span>© All Rights Reserved </span>
</div>
</footer>
<script type="text/javascript" src="js/app.js"></script>
</body>
</html>