-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathproject.html
86 lines (78 loc) · 8.65 KB
/
project.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
<!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>project</title>
<link rel="stylesheet" href="css/project.css">
</head>
<body>
<div class="container">
<div class="nav">
<ul>
<li class="li" id="li1">Section 1</li>
<li class="li" id="li2">Section 2</li>
<li class="li" id="li3">Section 3</li>
<li class="li" id="li4">Section 4</li>
</ul>
</div>
<div class="sections">
<h1>Landing Page</h1>
<section>
<div class="content_left">
<h2 class="h2_left">Section 1</h2>
<hr>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Assumenda nesciunt obcaecati, consequatur quae ab, suscipit facilis odit nulla amet perspiciatis quo, dolorum voluptatum mollitia expedita inventore incidunt illum atque non
dolorem. Exercitationem accusantium omnis voluptas facilis fuga est inventore repudiandae mollitia facere aliquid corporis repellat vitae quaerat, at soluta sit provident aperiam perferendis delectus rerum. Quibusdam, perferendis!
Suscipit eaque dicta voluptatibus harum sint deleniti, similique tempore, nihil accusamus facere voluptatem vitae eius esse nostrum quasi eos possimus ipsa? Totam vero, quos quo reiciendis tempora, iste nobis aliquid dignissimos
provident quod, ex cumque accusantium ad dolorum? Enim, temporibus! Dolore saepe deserunt officia ex optio, aspernatur nihil illo, ut adipisci earum dolorum enim magni omnis non praesentium provident! Sed, itaque architecto consectetur
inventore excepturi vitae dolores, <br><br>iste ad beatae in neque culpa explicabo. Rerum tempora consequatur saepe, aut placeat facilis reprehenderit, optio libero est laboriosam recusandae debitis sit, explicabo harum iure omnis.
Quam nostrum voluptas aliquid libero maiores accusantium, quod illum ducimus tempore quidem sunt, repellendus et quas sint facilis iure aspernatur eveniet blanditiis suscipit consectetur praesentium sit nulla saepe. Ullam eius
sed incidunt veniam harum blanditiis animi mollitia iste optio doloremque!</p>
</div>
</section>
<section>
<div class="content_right">
<h2 class="h2_right">Section 2</h2>
<hr>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Assumenda nesciunt obcaecati, consequatur quae ab, suscipit facilis odit nulla amet perspiciatis quo, dolorum voluptatum mollitia expedita inventore incidunt illum atque non
dolorem. Exercitationem accusantium omnis voluptas facilis fuga est inventore repudiandae mollitia facere aliquid corporis repellat vitae quaerat, at soluta sit provident aperiam perferendis delectus rerum. Quibusdam, perferendis!
Suscipit eaque dicta voluptatibus harum sint deleniti, similique tempore, nihil accusamus facere voluptatem vitae eius esse nostrum quasi eos possimus ipsa? Totam vero, quos quo reiciendis tempora, iste nobis aliquid dignissimos
provident quod, ex cumque accusantium ad dolorum? Enim, temporibus! Dolore saepe deserunt officia ex optio, aspernatur nihil illo, ut adipisci earum dolorum enim magni omnis non praesentium provident! Sed, itaque architecto consectetur
inventore excepturi vitae voluptatibus harum sint deleniti, similique tempore, nihil accusamus facere voluptatem vitae eius esse nostrum quasi eos possimus ipsa? Totam vero, quos quo reiciendis tempora, iste nobis aliquid dignissimos
provident quod, ex cumque accusantium ad dolorum? Enim, temporibus! Dolore saepe deserunt officia ex optio, aspernatur nihil illo, ut adipisci earum dolorum enim magni omnis non praesentium provident! Sed, itaque architecto consectetur
inventore excepturi vitae dolores, <br><br>iste ad beatae in neque culpa explicabo. Rerum tempora consequatur saepe, aut placeat facilis reprehenderit, optio libero est laboriosam recusandae debitis sit, explicabo harum iure omnis.
Quam veniam harum blanditiis animi mollitia iste optio doloremque! Lorem, ipsum dolor sit amet consectetur adipisicing elit. Adipisci eaque iure qui quos consequuntur, iusto ratione dolorem quo dicta possimus, nesciunt veniam rem
soluta ducimus nam, exercitationem dolorum vitae corrupti quaerat. Qui facere ipsam commodi dolor illum tenetur, voluptatibus tempore!</p>
</section>
<section>
<div class="content_left">
<h2 class="h2_left">Section 3</h2>
<hr>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Assumenda nesciunt obcaecati, consequatur quae ab, suscipit facilis odit nulla amet perspiciatis quo, dolorum voluptatum mollitia expedita inventore incidunt illum atque non
dolorem. Exercitationem accusantium omnis voluptas facilis fuga est inventore repudiandae mollitia facere aliquid corporis repellat vitae quaerat, at soluta sit provident aperiam perferendis delectus rerum. Quibusdam, perferendis!
Suscipit eaque dicta accusantium ad dolorum? Enim, temporibus! Dolore saepe deserunt officia ex optio, aspernatur nihil illo, ut adipisci earum dolorum enim magni omnis non praesentium provident! Sed, itaque architecto consectetur
inventore excepturi vitae dolores, <br><br>iste ad beatae in neque culpa explicabo. Rerum tempora consequatur saepe, aut placeat facilis reprehenderit, optio libero est laboriosam recusandae debitis sit, explicabo harum iure omnis.
Quam nostrum voluptas aliquid libero maiores accusantium, quod illum ducimus tempore quidem sunt, repellendus et quas sint facilis iure aspernatur eveniet blanditiis suscipit consectetur praesentium sit nulla saepe. Ullam eius
sed incidunt nisi modi voluptatibus maxime dolorum quas commodi. Quaerat quos repellendus, ad qui voluptate alias officia ipsa nemo ullam iste dolores totam adipisci maxime magni est laboriosam velit tempore assumenda. Neque, perferendis!
Explicabo, veritatis debitis quasi illo quo, itaque laboriosam pariatur non tenetur rem mollitia repellat beatae?</p>
</section>
<section>
<div class="content_right">
<h2 class="h2_right">Section 4</h2>
<hr>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Assumenda nesciunt obcaecati, consequatur quae ab, suscipit facilis odit nulla amet perspiciatis quo, dolorum voluptatum mollitia expedita inventore incidunt illum atque non
dolorem. Exercitationem accusantium omnis voluptas facilis fuga est inventore repudiandae mollitia facere aliquid corporis repellat vitae quaerat, at soluta sit provident aperiam perferendis delectus rerum. Quibusdam, perferendis!
Suscipit eaque dicta voluptatibus harum sint deleniti, similique tempore, nihil accusamus facere voluptatem vitae eius esse nostrum quasi eos possimus ipsa? Totam vero, quos quo reiciendis tempora, iste nobis aliquid dignissimos
provident quod, ex cumque accusantium ad dolorum? Enim, temporibus! Dolore saepe deserunt officia ex optio, aspernatur nihil illo, ut adipisci earum dolorum enim magni omnis non praesentium provident! Sed, itaque architecto consectetur
inventore excepturi vitae dolores, <br><br>iste ad beatae in neque culpa explicabo. Rerum tempora consequatur saepe, aut placeat facilis reprehenderit, optio libero est laboriosam recusandae debitis sit, explicabo harum iure omnis.
Quam nostrum assumenda, nam adipisci ducimus sint exercitationem dolorem quod ad libero? Reiciendis totam, rem esse eveniet cupiditate distinctio in earum tempora officia id, eius nesciunt ea natus voluptates cumque repellat laudantium
ipsam.ex cumque accusantium ad dolorum? Enim, temporibus! Dolore saepe deserunt officia ex optio, aspernatur nihil illo, ut adipisci earum dolorum enim magni omnis non praesentium provident! Sed, itaque architecto consectetur inventore
excepturi vitae dolores,.</p>
</section>
</div>
</div>
</body>
<script src="./js/project.js"></script>
</html>