-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathkalender.html
More file actions
209 lines (196 loc) · 9.54 KB
/
Copy pathkalender.html
File metadata and controls
209 lines (196 loc) · 9.54 KB
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
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Acara - Pet and Shelter</title>
<link rel="icon" href="img/icon-black.png" />
<link rel="stylesheet" href="kalender.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
</head>
<body>
<!-- Navbar -->
<nav class="navbar">
<a href="index.html">
<img src="img/icon-black.png" alt="Logo" class="navbar-logo">
</a>
<div class="navbar-submenu">
<a href="aboutUs.html" target="_blank">Tentang</a>
<a href="donasi.html" target="_blank">Donasi</a>
<a href="adopsi.html" target="_blank" >Adopsi</a>
<a href="kalender.html" target="_blank">Acara</a>
<a href="shelter.html" target="_blank">Shelter</a>
<a href="tips.html" target="_blank">Tips</a>
<a href="rescue.html" target="_blank">Rescue</a>
</div>
</nav>
<!--Banner Acara-->
<div class="banner">
<div class="text">
<h1>Catat Setiap Kegembiraan<br>Bersama Pet Calendar Kami!</h1>
<a href="Index.html" class="active">Beranda ||</a><a href="#">Acara</a>
</div>
</div>
<!--Card Utama-->
<div class="card-utama">
<div class="card">
<div class="card-image">
<img src="img/kalender-fotoutama.png" alt="Event Image">
</div>
<div class="card-content">
<div class="card-date">Senin, 15 April • 09:30 WIB</div>
<div class="card-title">Protect-a-Pet Campaign</div>
<div class="card-description">
Inisiatif vaksinasi yang bertujuan untuk melindungi hewan peliharaan
dari penyakit-penyakit yang dapat dicegah melalui vaksinasi.
Dalam kampanye ini, kami menyediakan layanan vaksinasi gratis untuk
hewan peliharaan, termasuk vaksin rabies dan vaksin penting lainnya.
Dengan memberikan akses mudah dan terjangkau kepada pemilik hewan,
kami berharap dapat meningkatkan kesadaran akan pentingnya vaksinasi
dan membantu mencegah penyebaran penyakit di antara hewan peliharaan
dan masyarakat. Bergabunglah dengan kami dalam Protect-a-Pet Campaign
untuk melindungi kesehatan dan kebahagiaan hewan peliharaan Anda!
</div>
<div class="card-location"><i class="fa-solid fa-location-dot fa-flip"></i> Bandung Indah Plaza, Bandung</div>
<button class="btn-attend">Saya Akan Hadir</button>
</div>
</div>
</div>
<!--Card Lainnya-->
<div class="card-second">
<div class="card">
<div class="card-image">
<img src="img/1.png" alt="Event Image">
</div>
<div class="card-content">
<div class="card-date">Minggu, 12 Mei • 14:00 WIB</div>
<div class="card-title">Furry Fashion Show</div>
<div class="card-description">
Acara yang menyenangkan di mana anda dapat menampilkan gaya unik hewan
peliharaan anda dalam fashion show khusus hewan peliharaan.
Selain itu, acara ini juga akan menampilkan kontes kostum terbaik yang
pasti akan membuat hewan peliharaan Anda bersinar.
Dengan berbagai kategori dan hadiah menarik,
</div>
<div class="card-location"><i class="fa-solid fa-location-dot fa-flip"></i> Paris Van Java, Bandung</div>
<button class="btn-attend">Saya Akan Hadir</button>
</div>
</div>
<div class="card">
<div class="card-image">
<img src="img/2.png" alt="Event Image">
</div>
<div class="card-content">
<div class="card-date">Sabtu, 20 April • 13:30 WIB</div>
<div class="card-title">Meow Meetup</div>
<div class="card-description">
Acara seru bagi pecinta kucing untuk berkumpul, berbagi cerita, dan
memperkenalkan kucing kesayangan kepada teman-teman kucing lainnya.
Di sini, Anda dapat mendiskusikan perawatan kucing, mendapatkan tips dari
ahli, dan berinteraksi dengan berbagai jenis kucing.
Dengan suasana santai dan penuh cinta.
</div>
<div class="card-location"><i class="fa-solid fa-location-dot fa-flip"></i> Metro Indah Mall, Bandung</div>
<button class="btn-attend">Saya Akan Hadir</button>
</div>
</div>
<div class="card">
<div class="card-image">
<img src="img/3.png" alt="Event Image">
</div>
<div class="card-content">
<div class="card-date">Minggu, 28 April • 09:00 WIB</div>
<div class="card-title">Doggy Day Out</div>
<div class="card-description">
Nikmati Doggy Day Out, acara seru untuk anda dan anjing kesayangan.
Bawa anjing anda untuk berinteraksi dengan anjing lain dalam lingkungan
yang aman. Ada kelas pelatihan dan pertunjukan untuk anda nikmati bersama anjing anda.
Ajak anjing anda bermain dan bergabunglah dengan kami!
</div>
<div class="card-location"><i class="fa-solid fa-location-dot fa-flip"></i> Summarecon, Bandung</div>
<button class="btn-attend">Saya Akan Hadir</button>
</div>
</div>
<div class="card">
<div class="card-image">
<img src="img/4.png" alt="Event Image">
</div>
<div class="card-content">
<div class="card-date">Minggu, 24 Mei • 07:00 WIB</div>
<div class="card-title">Fur-tastic Fun Run</div>
<div class="card-description">
Acara lari seru untuk Anda dan hewan peliharaan kesayangan.
Berlari atau berjalan bersama dalam rute tertentu menjaga kebugaran
Anda dan hewan peliharaan. Memberi kesempatan berinteraksi dengan
komunitas pecinta hewan. Cara sempurna menikmati
waktu bersama hewan peliharaan sambil mendukung gaya hidup sehat.
</div>
<div class="card-location"><i class="fa-solid fa-location-dot fa-flip"></i> Gedung Sate Bandung</div>
<button class="btn-attend">Saya Akan Hadir</button>
</div>
</div>
<div class="card">
<div class="card-image">
<img src="img/5.png" alt="Event Image">
</div>
<div class="card-content">
<div class="card-date">Senin, 6 Juni • 08:00 WIB</div>
<div class="card-title">Paw-lentine's Day Celebration</div>
<div class="card-description">
Paw-lentine's Day Celebration adalah acara spesial untuk merayakan
kasih sayang anda dengan hewan peliharaan. Nikmati foto bersama,
permainan interaktif, dan hadiah-hadiah spesial.
Dengan suasana hangat dan penuh cinta, acara ini adalah kesempatan
sempurna untuk membuat
kenangan manis bersama hewan peliharaan anda.
</div>
<div class="card-location"><i class="fa-solid fa-location-dot fa-flip"></i> Cihapit, Bandung</div>
<button class="btn-attend">Saya Akan Hadir</button>
</div>
</div>
<div class="card">
<div class="card-image">
<img src="img/6.png" alt="Event Image">
</div>
<div class="card-content">
<div class="card-date">Sabtu, 18 Mei • 11:00 WIB</div>
<div class="card-title">Pet Health Check</div>
<div class="card-description">
Kami menyediakan layanan kesehatan hewan peliharaan gratis,
termasuk pemeriksaan, vaksinasi, dan konsultasi dengan dokter hewan.
Tujuan kami adalah meningkatkan kesadaran akan perawatan kesehatan hewan
peliharaan dan memastikan
hewan peliharaan Anda tetap sehat dan bahagia.
</div>
<div class="card-location"><i class="fa-solid fa-location-dot fa-flip"></i> Kiara Artha Park Bandung</div>
<button class="btn-attend">Saya Akan Hadir</button>
</div>
</div>
</div>
<!--Footer-->
<footer>
<div class="footer-logo">
<img src="img/icon-black.png" alt="Logo">
</div>
<div class="social-icons">
<a href="https://www.instagram.com/" target="_blank">
<i class="fab fa-instagram-square fa-2x"></i>
</a>
<a href="https://www.facebook.com/" target="_blank">
<i class="fab fa-facebook fa-2x"></i>
</a>
<a href="mailto:amanda11601@upi.edu" target="_blank">
<i class="fas fa-envelope fa-2x"></i>
</a>
<a href="https://wa.me/089506184100" target="_blank">
<i class="fab fa-whatsapp-square fa-2x"></i>
</a>
</div>
<div class="copyright">
© 2024 PetAndShelter. All Rights Reserved.
</div>
</footer>
<script src="adopsi.js">
</script>
</body>
</html>