-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
66 lines (65 loc) · 2.13 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
<!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="style.css" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
<link
href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap"
rel="stylesheet"
/>
</head>
<body>
<nav>
<a href="">Gallery</a>
<a href="">Pic</a>
<a href="">Pac</a>
<a href="">Puc</a>
<div>Menu</div>
</nav>
<section class="header">
<h1>Welcome To My Gallery</h1>
</section>
<section class="gallery">
<div class="pic-1">
<img src="img/rec1.png" alt="" />
<img src="img/rec2.png" alt="" />
<img src="img/rec3.png" alt="" />
</div>
<div class="pic-2">
<img src="img/rec4.png" alt="" />
</div>
<div class="pic-3">
<img src="img/rec5.png" alt="" />
<img src="img/rec5.png" alt="" />
</div>
<div class="pic-4">
<img src="img/rec6.png" alt="" />
<img src="img/rec6.png" alt="" />
<img src="img/rec6.png" alt="" />
<img src="img/rec6.png" alt="" />
<img src="img/rec6.png" alt="" />
</div>
</section>
<section class="modal-img">
<img class="close" src="img/x.png" alt="" />
<img class="arr-left" src="img/Arrow 3.png" alt="" />
<img class="arr-right" src="img/Arrow 4.png" alt="" />
<div class="image">
<img src="img/rec7.png" alt="" />
<div class="modal-des">
<h1>Tittle Right Here</h1>
<p>
Description about your stuff will be displayed right here with Text
Align left text so it will be so beauty but you need to add more
text to make it more readable~!
</p>
</div>
</div>
</section>
<script src="script.js"></script>
</body>
</html>