-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
251 lines (245 loc) · 9 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
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
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>De'Klinik</title>
<link rel="stylesheet" type="text/css" href="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="./css/style-index.css"/>
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Agdasima&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">
<script src="https://cdn.jsdelivr.net/npm/sweetalert2@11.1.6/dist/sweetalert2.all.min.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/sweetalert2@11.1.6/dist/sweetalert2.min.css">
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-D25H8G6RSH"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-D25H8G6RSH');
</script>
</head>
<body>
<header>
<div class="head">De'Klinik</div>
<img class="head_img" src="./images/logo.png" alt="logo">
<nav>
<ul class="menu">
<li><a href="#">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<main>
<div class="card" style="text-align:center">
<h3>Menghubungkan kesehatan Indonesia melalui jaringan klinik terstandarisasi</h3>
<p>Untuk Anda dan keluarga, De'Klinik hadir menyediakan berbagai layanan kesehatan berkualitas
dan terstandarisasi mulai dari layanan umum, tumbuh kembang anak, hingga pengobatan syaraf</p>
</div>
<div class="column">
<div class="card">
<div class="slide">
<img src="./images/home.jpg" alt="Gambar 1">
<div class="caption">Keluarga sehat kliniknya ya De'Klinik</div>
</div>
<div class="card">
<div class="container-item">
<div class="item">
<img class="profil" src="./images/profil.jpg" alt="profil">
<div class="judul" style="color:#3B93C3;">PIC De'Klinik</div>
</div>
<div class="keterangan" style="font-size: 12px; margin-left:10px">
<i>
temukan pelayanan kesehatan yang berkualitas, nyaman, dan terjangkau.
</i>
</div>
</div>
</div>
<ol class="circle-list">
<li>Poli umum</li>
<li>Poli kandungan</li>
<li>Poli gigi</li>
<li>Poli syaraf</li>
</ol>
</div>
<section id="contact">
<div class="card">
<div class="form">
<h3>Form Kontak</h3>
<form id="contact-form">
<div class="form-group">
<label for="name">Nama:</label>
<input type="text" id="name" name="name" required>
<div class="error-message" id="name-error"></div>
</div>
<div class="form-group">
<label for="email">Email:</label>
<input type="email" id="email" name="email" required>
<div class="error-message" id="email-error"></div>
</div>
<div class="form-group">
<label for="job">Pekerjaan:</label>
<select id="job" name="job">
<option value="ASN">ASN</option>
<option value="swasta">Swasta</option>
<option value="wiraswasta">Wiraswasta</option>
<option value="mahasiswa">Mahasiswa</option>
<option value="petani">Petani</option>
<option value="nelayan">Nelayan</option>
</select>
</div>
<div class="form-group">
<label for="message">Pesan:</label>
<textarea id="message" name="message" maxlength="1000" required></textarea>
<div class="error-message" id="message-error"></div>
</div>
<div>
<input type="hidden" id="userId" name="userId" value="">
</div>
<button type="submit">Kirim</button>
</form>
</div>
</div>
</section>
</div>
</div>
<div class="card" style="text-align:center">
<div class="carousel">
<div class="slide">
<img src="./images/daftar.jpg" alt="daftar">
<div class="caption">Pendaftaran mudah</div>
</div>
<div class="slide">
<img src="./images/konsultasi.jpg" alt="Konsultasi">
<div class="caption">Konsultasi langsung</div>
</div>
<div class="slide">
<img src="./images/apotek.jpg" alt="apotek">
<div class="caption">Apotek lengkap</div>
</div>
<div class="slide">
<img src="./images/laboratorium.jpg" alt="laboratorium">
<div class="caption">Laboratorium modern</div>
</div>
<div class="slide">
<img src="./images/ruang-dokter.jpg" alt="ruang-dokter">
<div class="caption">Ruang dokter</div>
</div>
<div class="slide">
<img src="./images/dental-unit.jpg" alt="dental-unit">
<div class="caption">Ruang dokter gigi</div>
</div>
<div class="slide">
<img src="./images/mitra-bpjs.jpg" alt="mitra-bpjs">
<div class="caption">Mitra resmi BPJS Kesehatan</div>
</div>
</div>
</div>
<section id="about">
<div class="card">
<div class="container">
<div class="card">
<div class="container-item">
<div class="item">
<img src="./images/logo-icon.png" alt="gigi">
<div class="judul">Kesehatan gigi</div>
</div>
<div class="keterangan">
<p>
Dalam upaya menjaga kesehatan gigi dan mulut Anda, kami memiliki tim dokter gigi yang ahli dan terlatih. Mereka siap memberikan perawatan gigi dan mulut yang komprehensif, mulai dari pemeriksaan rutin, penanganan masalah gigi, hingga perawatan kosmetik.
</p>
</div>
</div>
</div>
<div class="card">
<div class="container-item">
<div class="item">
<img src="./images/logo-icon.png" alt="laboratorium">
<div class="judul">Laboratorium</div>
</div>
<div class="keterangan">
<p>
Kami juga memiliki laboratorium terkini yang dilengkapi dengan peralatan canggih untuk membantu diagnosis yang akurat dan cepat. Laboratorium kami dijalankan oleh tenaga ahli yang berdedikasi, sehingga Anda dapat mempercayakan hasil tes dan uji laboratorium kepada kami.
</p>
</div>
</div>
</div>
<div class="card">
<div class="container-item">
<div class="item">
<img src="./images/logo-icon.png" alt="Apotek">
<div class="judul">Apotek</div>
</div>
<div class="keterangan">
<p>
Selain itu, kami menyediakan apotek yang lengkap dengan berbagai obat dan suplemen yang Anda butuhkan. Dengan kerjasama kami dengan BPJS Kesehatan, kami melayani pasien yang menggunakan jaminan kesehatan tersebut. Anda dapat merasa tenang karena kami berkomitmen untuk memberikan pelayanan terbaik dengan harga yang terjangkau.
</p>
</div>
</div>
</div>
<div class="card">
<div class="container-item">
<div class="item">
<img src="./images/logo-icon.png" alt="Mitra BPJS Kesehatan">
<div class="judul">Mitra BPJS Kesehatan</div>
</div>
<div class="keterangan">
<p>
Kami dengan senang hati memberitahukan bahwa Klinik Kami adalah mitra resmi BPJS Kesehatan. Layanan kesehatan yang disediakan di klinik kami dapat dinikmati oleh peserta BPJS Kesehatan secara GRATIS. Kami berkomitmen untuk memberikan akses pelayanan kesehatan berkualitas kepada seluruh peserta BPJS Kesehatan dengan biaya yang tercover sepenuhnya.
</p>
</div>
</div>
</div>
<div class="card">
<div class="container-item">
<div class="item">
<img src="./images/logo-icon.png" alt="Terakreditasi">
<div class="judul">Terakreditasi</div>
</div>
<div class="keterangan">
<p>
Kami bangga menjadi bagian dari pelayanan kesehatan sejak tahun 2015 dan dengan gembira mengumumkan bahwa Klinik Kami telah terakreditasi oleh Kementerian Kesehatan Republik Indonesia. Akreditasi ini merupakan pengakuan resmi atas standar kualitas dan kepatuhan kami terhadap prosedur medis yang ketat.
</p>
</div>
</div>
</div>
<div class="card">
<div class="container-item">
<div class="item">
<img src="./images/logo-icon.png" alt="Pengalaman">
<div class="judul">Pengalaman</div>
</div>
<div class="keterangan">
<p>
Dengan pengalaman bertahun-tahun dan pengakuan pemerintah, Anda dapat mempercayakan kesehatan Anda kepada kami dengan keyakinan dan ketenangan pikiran yang tinggi.
</p>
</div>
</div>
</div>
</div>
</div>
</section>
<div class="card" style="text-align:center">
<p>
Kunjungi klinik kami sekarang dan temukan pelayanan kesehatan yang berkualitas, nyaman, dan terjangkau. Tim kami siap membantu Anda mencapai kesehatan yang optimal.
</p>
<a href="tel:6280000000" >
<button class="btn-capsule">Hubugi kami</button>
</a>
</div>
</main>
<footer>
<div class="footer">
<p>© 2023 De'Klinik. Hak Cipta Dilindungi.</p>
<p>Bekerja sama dengan BPJS Kesehatan. |
Alamat: jl.Kesehatan no12, Kota Jayapura, Papua</p>
</div>
</footer>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/slick-carousel@1.8.1/slick/slick.min.js"></script>
<script src="./js/index-script.js"></script>
<script src="./js/form.js"></script>
</body>
</html>