-
Notifications
You must be signed in to change notification settings - Fork 0
/
gallery.html
110 lines (104 loc) · 4.81 KB
/
gallery.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
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GALERI</title>
<link rel="stylesheet" href="gallery.css">
</head>
<body>
<div id="pemilih-tema" style="text-align: center; margin-bottom: 20px;">
<button >
<button Beauty</button>
<button Supremacy</button>
<button Money</button>
</div>
<div id="luxury" class="tema">
<h2>Luxury</h2>
<!-- Gambar untuk tema Luxury -->
<img src="5.jpg" width="300" height="300">
<img src="10.jpg" width="300" height="300">
<img src="8.jpg" width="300" height="300">
<img src="14.jpg" width="300" height="300">
<img src="12.jpg" width="300" height="300">
<img src="23.jpg" width="300" height="300">
<img src="16.jpg" width="300" height="300">
<img src="22.jpg" width="300" height="300">
<img src="4.jpg" width="300" height="300">
<img src="1.jpg" width="300" height="300">
<img src="13.jpg" width="300" height="300">
<img src="24.jpg" width="300" height="300">
<img src="7.jpg" width="300" height="300">
<img src="3.jpg" width="300" height="300">
<img src="9.jpg" width="300" height="300">
<img src="21.jpg" width="300" height="300">
<img src="20.jpg" width="300" height="300">
<img src="19.jpg" width="300" height="300">
</div>
<div id="black-beauty" class="tema" style="display:none;">
<h2>Black Beauty</h2>
<!-- Gambar untuk tema Black Beauty -->
<img src="1b.jpg" width="300" height="300">
<img src="1c.jpg" width="300" height="300">
<img src="1s.jpg" width="300" height="300">
<img src="1h.jpg" width="300" height="300">
<img src="1k.jpg" width="300" height="300">
<img src="1m.jpg" width="300" height="300">
<img src="1o.jpg" width="300" height="300">
<img src="1t.jpg" width="300" height="300">
<img src="1j.jpg" width="300" height="300">
<img src="1e.jpg" width="300" height="300">
<img src="1r.jpg" width="300" height="300">
<img src="1g.jpg" width="300" height="300">
<img src="1p.jpg" width="300" height="300">
<img src="1i.jpg" width="300" height="300">
<img src="1f.jpg" width="300" height="300">
</div>
<div id="red-supremacy" class="tema" style="display:none;">
<h2>Red Supremacy</h2>
<!-- Gambar untuk tema Red Supremacy -->
<img src="r5.jpg" width="300" height="300">
<img src="r13.jpg" width="300" height="300">
<img src="r8.jpg" width="300" height="300">
<img src="r6.jpg" width="300" height="300">
<img src="r17.jpg" width="300" height="300">
<img src="r19.jpg" width="300" height="300">
<img src="r2.jpg" width="300" height="300">
<img src="r9.jpg" width="300" height="300">
<img src="r1.jpg" width="300" height="300">
<img src="r14.jpg" width="300" height="300">
<img src="r20.jpg" width="300" height="300">
<img src="r3.jpg" width="300" height="300">
<img src="r12.jpg" width="300" height="300">
<img src="r15.jpg" width="300" height="300">
<img src="r16.jpg" width="300" height="300">
<img src="r4.jpg" width="300" height="300">
<img src="r18.jpg" width="300" height="300">
<img src="r10.jpg" width="300" height="300">
</div>
<div id="old-money" class="tema" style="display:none;">
<h2>Old Money</h2>
<!-- Gambar untuk tema Old Money -->
<img src="p.jpg" width="300" height="300">
<img src="r.jpg" width="300" height="300">
<img src="x.jpg" width="300" height="300">
<img src="s.jpg" width="300" height="300">
<img src="w.jpg" width="300" height="300">
<img src="zz.jpg" width="300" height="300">
<img src="a.jpg" width="300" height="300">
<img src="z.jpg" width="300" height="300">
<img src="y.jpg" width="300" height="300">
<img src="i.jpg" width="300" height="300">
<img src="o.jpg" width="300" height="300">
<img src="c.jpg" width="300" height="300">
<img src="u.jpg" width="300" height="300">
<img src="w.jpg" width="300" height="300">
<img src="q.jpg" width="300" height="300">
<img src="t.jpg" width="300" height="300">
<img src="b.jpg" width="300" height="300">
<img src="l.jpg" width="300" height="300">
</div>
<a href="index.html" class="tombol-kembali">Back</a>
<script src="gallery.js"></script>
</body>
</html>