-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
83 lines (68 loc) · 4.87 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" integrity="sha512-DTOQO9RWCH3ppGqcWaEA1BIZOC6xxalwEsw9c2QQeAIftl+Vegovlnee1c9QX4TctnWMn13TZye+giMm8e2LwA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<h2><a href="#" class="logo">nouvil</a></h2>
<ul>
<li><a href="#" class="active">Home</a></li>
<li><a href="#">Product</a></li>
<li><a href="#">Shop</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Contact</a></li>
</ul>
</header>
<section class="main">
<img src="imgs/stars1.webp" id="stars">
<h2 class="nouvil">nouvil</h2>
<img src="imgs/moon2.webp" id="moon">
<img src="imgs/mountains3.webp" id="mountains3">
<img src="imgs/mountains4.webp" id="mountains4">
<img src="imgs/river5.webp" id="river">
<img src="imgs/boat6.webp" id="boat">
<img src="imgs/mountains7.webp" id="mountains7">
</section>
<div class="contant">
<h2>Lorem ipsum dolor sit amet.</h2>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quas a tenetur ratione optio? Quidem corrupti
repudiandae voluptatem est nesciunt aspernatur recusandae fuga earum nihil alias. Repudiandae voluptatum
possimus magni quae nulla consequuntur doloribus fugiat dolore, velit quo necessitatibus repellat facere
perspiciatis! Omnis animi voluptas optio esse hic libero. Ducimus, aperiam recusandae fugit delectus
nesciunt ipsam aut! Corporis voluptate minima deleniti numquam, ab aliquid, culpa saepe, similique in
repudiandae id voluptas neque modi excepturi dicta molestiae. Ad amet facere laudantium facilis eligendi ab,
fugit incidunt eveniet sit hic aut repellendus neque a? Deleniti, possimus error consectetur beatae voluptas
ipsam perspiciatis voluptatum.
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quas a tenetur ratione optio? Quidem corrupti
repudiandae voluptatem est nesciunt aspernatur recusandae fuga earum nihil alias. Repudiandae voluptatum
possimus magni quae nulla consequuntur doloribus fugiat dolore, velit quo necessitatibus repellat facere
perspiciatis! Omnis animi voluptas optio esse hic libero. Ducimus, aperiam recusandae fugit delectus
nesciunt ipsam aut! Corporis voluptate minima deleniti numquam, ab aliquid, culpa saepe, similique in
repudiandae id voluptas neque modi excepturi dicta molestiae. Ad amet facere laudantium facilis eligendi ab,
fugit incidunt eveniet sit hic aut repellendus neque a? Deleniti, possimus error consectetur beatae voluptas
ipsam perspiciatis voluptatum.</p><br>
<p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quas a tenetur ratione optio? Quidem corrupti
repudiandae voluptatem est nesciunt aspernatur recusandae fuga earum nihil alias. Repudiandae voluptatum
possimus magni quae nulla consequuntur doloribus fugiat dolore, velit quo necessitatibus repellat facere
perspiciatis! Omnis animi voluptas optio esse hic libero. Ducimus, aperiam recusandae fugit delectus
nesciunt ipsam aut! Corporis voluptate minima deleniti numquam, ab aliquid, culpa saepe, similique in
repudiandae id voluptas neque modi excepturi dicta molestiae. Ad amet facere laudantium facilis eligendi ab,
fugit incidunt eveniet sit hic aut repellendus neque a? Deleniti, possimus error consectetur beatae voluptas
ipsam perspiciatis voluptatum.
Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quas a tenetur ratione optio? Quidem corrupti
repudiandae voluptatem est nesciunt aspernatur recusandae fuga earum nihil alias. Repudiandae voluptatum
possimus magni quae nulla consequuntur doloribus fugiat dolore, velit quo necessitatibus repellat facere
perspiciatis! Omnis animi voluptas optio esse hic libero. Ducimus, aperiam recusandae fugit delectus
nesciunt ipsam aut! Corporis voluptate minima deleniti numquam, ab aliquid, culpa saepe, similique in
repudiandae id voluptas neque modi excepturi dicta molestiae. Ad amet facere laudantium facilis eligendi ab,
fugit incidunt eveniet sit hic aut repellendus neque a? Deleniti, possimus error consectetur beatae voluptas
ipsam perspiciatis voluptatum.</p><br>
</div>
<script src="script.js"></script>
</body>
</html>