-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathwish.html
170 lines (124 loc) · 6.26 KB
/
wish.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
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
<!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>Wish - Read More</title>
<link rel="stylesheet" href="https://unpkg.com/swiper/swiper-bundle.min.css" />
<!-- font awesome cdn link -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
<!-- custom css file link -->
<link rel="stylesheet" href="css/style2.css">
</head>
<body>
<!-- header section starts -->
<header class="header">
<a href="index.html" class="logo"><span>Back To Home</a>
<div id="menu-bars" class="fas fa-bars"></div>
</header>
<!-- header section ends -->
<!-- home section starts -->
<section class="home" id="home">
<div class="content">
<h3>If a picture is all that I have <br><span> I can picture the times that we won't get back</span></h3>
<!-- <a href="card.html" class="btn">Birthday Card (cuman bisa keliatan di laptop)</a> -->
</div>
<div class="swiper-container home-slider">
<div class="swiper-wrapper">
<div class="swiper-slide"><img src="images/de1.jpg" alt=""></div>
<div class="swiper-slide"><img src="images/de2.jpg" alt=""></div>
<div class="swiper-slide"><img src="images/de3.jpg" alt=""></div>
<div class="swiper-slide"><img src="images/de4.jpg" alt=""></div>
<div class="swiper-slide"><img src="images/de5.jpg" alt=""></div>
<div class="swiper-slide"><img src="images/de6.jpg" alt=""></div>
<div class="swiper-slide"><img src="images/de7.jpg" alt=""></div>
<div class="swiper-slide"><img src="images/detaKTP.JPG" alt=""></div>
<div class="swiper-slide"><img src="images/de8.jpg" alt=""></div>
<div class="swiper-slide"><img src="images/de9.jpg" alt=""></div>
<div class="swiper-slide"><img src="images/de10.jpg" alt=""></div>
<div class="swiper-slide"><img src="images/de11.jpg" alt=""></div>
<div class="swiper-slide"><img src="images/de12.jpg" alt=""></div>
<div class="swiper-slide"><img src="images/de13.jpg" alt=""></div>
<div class="swiper-slide"><img src="images/de14.jpg" alt=""></div>
<div class="swiper-slide"><img src="images/de15.jpg" alt=""></div>
<div class="swiper-slide"><img src="images/de16.jpg" alt=""></div>
<div class="swiper-slide"><img src="images/de17.jpg" alt=""></div>
<div class="swiper-slide"><img src="images/de18.jpg" alt=""></div>
<div class="swiper-slide"><img src="images/de19.jpg" alt=""></div>
<div class="swiper-slide"><img src="images/de20.jpg" alt=""></div>
<div class="swiper-slide"><img src="images/de21.jpg" alt=""></div>
<div class="swiper-slide"><img src="images/de22.jpg" alt=""></div>
<div class="swiper-slide"><img src="images/de23.jpg" alt=""></div>
<div class="swiper-slide"><img src="images/de24.jpg" alt=""></div>
<div class="swiper-slide"><img src="images/de25.jpg" alt=""></div>
<div class="swiper-slide"><img src="images/de26.jpg" alt=""></div>
<div class="swiper-slide"><img src="images/de27.jpg" alt=""></div>
<div class="swiper-slide"><img src="images/50.jpg" alt=""></div>
<div class="swiper-slide"><img src="images/51.jpg" alt=""></div>
<div class="swiper-slide"><img src="images/52.jpg" alt=""></div>
<div class="swiper-slide"><img src="images/53.jpg" alt=""></div>
<div class="swiper-slide"><img src="images/54.jpg" alt=""></div>
<div class="swiper-slide"><img src="images/55.jpg" alt=""></div>
<div class="swiper-slide"><img src="images/56.jpg" alt=""></div>
</div>
</div>
</section>
<!-- home section ends -->
<!-- service section starts -->
<section class="service" id="service">
<h1 class="heading">hope <span>for you</span> </h1>
<div class="box-container">
<div class="box">
<i class="fas fa-birthday-cake"></i>
<h3>Kepada Tuhan</h3>
<p>Cậu ko phải là người bán gà sao lại cho tôi 1 ký ức.</p>
</div>
<div class="box">
<i class="fas fa-birthday-cake"></i>
<h3>Kepada Orang Tua</h3>
<p>Anh đang nhìn má em cười vì anh sẽ cưới em mà.</p>
</div>
<div class="box">
<i class="fas fa-birthday-cake"></i>
<h3>Kepada Saudara</h3>
<p>3. Tôi ko có em vào mùa hạ thì vẫn còn mùa đông. Ko cạnh em lúc trăng tròn thì bên em lúc đêm đen.</p>
</div>
<div class="box">
<i class="fas fa-birthday-cake"></i>
<h3>Kepada Perkuliahan</h3>
<p>Gió đưa cành trúc la đà hoa thì để ngửi Mai thì để iu.</p>
</div>
<div class="box">
<i class="fas fa-birthday-cake"></i>
<h3>Vũ Huy</h3>
<p>Gọi em đường đi ngắn nhất trong đồ thị có trọng số dương. Bởi vì anh luôn tìm được em.</p>
</div>
<div class="box">
<i class="fas fa-birthday-cake"></i>
<h3>Kepada Diri Sendiri</h3>
<p>Bình này để uống trà. Hoa thơm để ngắm. Mai là để yêu...thương!</p>
</div>
</div>
</section>
<!-- service section ends -->
<!-- review section ends -->
<div class="theme-toggler">
<div class="toggle-btn">
<i class="fas fa-cog"></i>
</div>
<h3>choose color</h3>
<div class="buttons">
<div class="theme-btn" style="background: #3867d6;"></div>
<div class="theme-btn" style="background: #f7b731;"></div>
<div class="theme-btn" style="background: #ff0033;"></div>
<div class="theme-btn" style="background: #20bf6b;"></div>
<div class="theme-btn" style="background: #fa8231;"></div>
<div class="theme-btn" style="background: #FC427B;"></div>
</div>
</div>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<!-- custom js file link -->
<script src="js/script2.js"></script>
</body>
</html>