HOMEPAGE SECTION SETTINGS
LOGO
KETERANGAN:Ukuran Logo 729x133
MENU1
<nav class='menu_container'>KTEREANGAN:
<ul class='menu'>
<li> <a class='menu_item' href='#'>KESEHATAN</a></li>
<li> <a class='menu_item' href='#'>OBAT & VITAMIN</a></li>
<li> <a class='menu_item' href='#'>TANYA DOKTER</a></li>
<li> <a class='menu_item' href='#'>RUMAH SAKIT</a></li>
<li> <a class='menu_item' href='#'>CARI DOKTER</a></li>
<li> <a class='menu_item' href='#'>APLIKASI</a></li>
</ul>
</nav>
Ganti dengan Url/Link
MENU2
<div class='horscroll'>KTEREANGAN:
<ul>
<li><a href='#'>Diabetes</a></li>
<li><a href='#news'>Jantung</a></li>
<li><a href='#contact'>Stroke</a></li>
<li><a href='#about'>Kehamilan</a></li>
<li><a href='#support'>Kolesterol</a></li>
<li><a href='#blog'>Hipertensi</a></li>
<li><a href='#tools'>Anemia</a></li>
<li><a href='#base'>Kanker</a></li>
<li><a href='#custom'>Reproduksi</a></li>
<li><a href='#more'>Selengkapnya</a></li>
</ul>
</div>
Ganti dengan Url/Link
DOKTER
<div class='nav-box'>KTEREANGAN:
<div class='nav-cards'>
<a href='/p/cari-dokter.html' title='Cari Dokter'>
<div class='nav-svg'>
<img alt='' src='https://www.halodoc.com/assets/svg/tanya-dokter-icon.svg'/>
</div>
<h3>Tanya Dokter</h3>
<p>Chat dengan Dokter Umum & Spesialis. Dimana saja, kapan saja.</p>
</a>
</div>
<div class='nav-cards margin'>
<a href='/p/maps.html' title='Cari Dokter'>
<div class='nav-svg'>
<img alt='' src='https://www.halodoc.com/assets/svg/rumah-sakit-icon.svg'/>
</div>
<h3>Rumah Sakit</h3>
<p>Kunjungan Ke Rumah Sakit Jadi Lebih Mudah</p>
</a>
</div>
<div class='nav-cards'>
<a href='/' title='Cari Dokter'>
<div class='nav-svg'>
<img alt='' src='https://www.halodoc.com/assets/svg/cari-dokter-icon.svg'/>
</div>
<h3>Cari Dokter</h3>
<p>Temukan Dokter yang Tepat</p>
</a>
</div>
</div>
Ganti dengan Url/Link
SLIDER
<div class='slider-post'>KTEREANGAN:
<img src='https://d1bpj0tv6vfxyp.cloudfront.net/slider/20190926093953.561-980175797.jpg'/>
<img src='https://d1bpj0tv6vfxyp.cloudfront.net/slider/20191001052836.2132024528939.jpg'/>
</div>
Ganti dengan Url gambar
BEFORE DAN AFTER
<div class='box-hasil'>KTEREANGAN:
<div class='content-wrapper'>
<div class='box-example'>
<h2 class='text-one'>Hasil Wajah</h2>
<div class='box-before'>
<div class='box-imgz'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4yGrJGjnj_pEyC6UhZkrsWzQ6C1HtL4_3qcyI1y7M744z8zcrQwrate4PzZ-9inD_U5TeBGvnFaPBMQwZsSjuQBuMrFRFokm1wBKkVxuW_0RJ7CVOVU9TO8DYEHXmONbqcrJI2XyVQAb_/s1600/before.jpg'/>
</div>
<div class='text-two'><h2>Before</h2></div>
</div>
<div class='box-after'>
<div class='box-imgz'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimOTfFbZjEjBdVzvpVyW7RKdIelcSEjdngpR8iZQ6OGFbxiF9Xb8JLiOuuMHUJW0HtSTfi16UBaAj4xSwY_IcRf1wm-6JK_E9Khutc2vBlPuv-aX4QVxZ8_PbAhUUAdz2NxK98M67HO10C/s1600/after.jpg'/>
</div>
<div class='text-two'><h2>After</h2></div>
</div>
<p class='text-span'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vulputate auctor mauris, nec venenatis nequel.</p>
</div>
<div class='box-example'>
<h2 class='text-one'>Hasil Gigi</h2>
<div class='box-before'>
<div class='box-imgz'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4yGrJGjnj_pEyC6UhZkrsWzQ6C1HtL4_3qcyI1y7M744z8zcrQwrate4PzZ-9inD_U5TeBGvnFaPBMQwZsSjuQBuMrFRFokm1wBKkVxuW_0RJ7CVOVU9TO8DYEHXmONbqcrJI2XyVQAb_/s1600/before.jpg'/>
</div>
<div class='text-two'><h2>Before</h2></div>
</div>
<div class='box-after'>
<div class='box-imgz'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimOTfFbZjEjBdVzvpVyW7RKdIelcSEjdngpR8iZQ6OGFbxiF9Xb8JLiOuuMHUJW0HtSTfi16UBaAj4xSwY_IcRf1wm-6JK_E9Khutc2vBlPuv-aX4QVxZ8_PbAhUUAdz2NxK98M67HO10C/s1600/after.jpg'/>
</div>
<div class='text-two'><h2>After</h2></div>
</div>
<p class='text-span'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vulputate auctor mauris, nec venenatis nequel.</p>
</div>
<div class='box-example'>
<h2 class='text-one'>Hasil Kulit</h2>
<div class='box-before'>
<div class='box-imgz'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4yGrJGjnj_pEyC6UhZkrsWzQ6C1HtL4_3qcyI1y7M744z8zcrQwrate4PzZ-9inD_U5TeBGvnFaPBMQwZsSjuQBuMrFRFokm1wBKkVxuW_0RJ7CVOVU9TO8DYEHXmONbqcrJI2XyVQAb_/s1600/before.jpg'/>
</div>
<div class='text-two'><h2>Before</h2></div>
</div>
<div class='box-after'>
<div class='box-imgz'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimOTfFbZjEjBdVzvpVyW7RKdIelcSEjdngpR8iZQ6OGFbxiF9Xb8JLiOuuMHUJW0HtSTfi16UBaAj4xSwY_IcRf1wm-6JK_E9Khutc2vBlPuv-aX4QVxZ8_PbAhUUAdz2NxK98M67HO10C/s1600/after.jpg'/>
</div>
<div class='text-two'><h2>After</h2></div>
</div>
<p class='text-span'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vulputate auctor mauris, nec venenatis nequel.</p>
</div>
<div class='box-example'>
<h2 class='text-one'>Hasil Rambut</h2>
<div class='box-before'>
<div class='box-imgz'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4yGrJGjnj_pEyC6UhZkrsWzQ6C1HtL4_3qcyI1y7M744z8zcrQwrate4PzZ-9inD_U5TeBGvnFaPBMQwZsSjuQBuMrFRFokm1wBKkVxuW_0RJ7CVOVU9TO8DYEHXmONbqcrJI2XyVQAb_/s1600/before.jpg'/>
</div>
<div class='text-two'><h2>Before</h2></div>
</div>
<div class='box-after'>
<div class='box-imgz'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimOTfFbZjEjBdVzvpVyW7RKdIelcSEjdngpR8iZQ6OGFbxiF9Xb8JLiOuuMHUJW0HtSTfi16UBaAj4xSwY_IcRf1wm-6JK_E9Khutc2vBlPuv-aX4QVxZ8_PbAhUUAdz2NxK98M67HO10C/s1600/after.jpg'/>
</div>
<div class='text-two'><h2>After</h2></div>
</div>
<p class='text-span'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vulputate auctor mauris, nec venenatis nequel.</p>
</div>
<div class='box-example'>
<h2 class='text-one'>Hasil Telinga</h2>
<div class='box-before'>
<div class='box-imgz'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4yGrJGjnj_pEyC6UhZkrsWzQ6C1HtL4_3qcyI1y7M744z8zcrQwrate4PzZ-9inD_U5TeBGvnFaPBMQwZsSjuQBuMrFRFokm1wBKkVxuW_0RJ7CVOVU9TO8DYEHXmONbqcrJI2XyVQAb_/s1600/before.jpg'/>
</div>
<div class='text-two'><h2>Before</h2></div>
</div>
<div class='box-after'>
<div class='box-imgz'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimOTfFbZjEjBdVzvpVyW7RKdIelcSEjdngpR8iZQ6OGFbxiF9Xb8JLiOuuMHUJW0HtSTfi16UBaAj4xSwY_IcRf1wm-6JK_E9Khutc2vBlPuv-aX4QVxZ8_PbAhUUAdz2NxK98M67HO10C/s1600/after.jpg'/>
</div>
<div class='text-two'><h2>After</h2></div>
</div>
<p class='text-span'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vulputate auctor mauris, nec venenatis nequel.</p>
</div>
<div class='box-example'>
<h2 class='text-one'>Hasil Kuku</h2>
<div class='box-before'>
<div class='box-imgz'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi4yGrJGjnj_pEyC6UhZkrsWzQ6C1HtL4_3qcyI1y7M744z8zcrQwrate4PzZ-9inD_U5TeBGvnFaPBMQwZsSjuQBuMrFRFokm1wBKkVxuW_0RJ7CVOVU9TO8DYEHXmONbqcrJI2XyVQAb_/s1600/before.jpg'/>
</div>
<div class='text-two'><h2>Before</h2></div>
</div>
<div class='box-after'>
<div class='box-imgz'>
<img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimOTfFbZjEjBdVzvpVyW7RKdIelcSEjdngpR8iZQ6OGFbxiF9Xb8JLiOuuMHUJW0HtSTfi16UBaAj4xSwY_IcRf1wm-6JK_E9Khutc2vBlPuv-aX4QVxZ8_PbAhUUAdz2NxK98M67HO10C/s1600/after.jpg'/>
</div>
<div class='text-two'><h2>After</h2></div>
</div>
<p class='text-span'>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur vulputate auctor mauris, nec venenatis nequel.</p>
</div>
</div>
</div>
Ganti dengan Url gambar
CHAT WHATSAPP
<div class='box-dokter'>KTEREANGAN:
<div class='box-info'>
<div class='box-ensure'>
<h2>Kami Pastikan</h2>
<ul>
<li>Chat dengan Dokter berpengalaman dan terverifikasi dengan beragam pilihan dokter umum dan dokter spesialis</li>
<li>Dapatkan penjelasan dan saran medis yang akurat dan dapat dipercaya</li>
<li>Privasi kamu dijamin</li>
</ul>
</div>
</div>
<div class='box-dokter-info'>
<div class='chat-dokter'>
<div class='chat-doc-info'>
<div class='chat-img'>
<img alt="" src="https://d1e8la4lqf1h28.cloudfront.net/images/607_11-12-2018_11-18-24.jpg"/>
<span class="doctor-online"></span>
</div>
<div class='chat-deskript'>
<span class='chat-name'>Drg. Hendera . M.Kes</span>
<p>Spesialis Ortodonsia</p>
<div class='chat-price'><span class='chat-number'>Rp. 5000</span><span class='chat-free'>Gratis</span></div>
</div>
</div>
<div class='chat-info'>
<div class='chat-like'>
<i class="fa fa-thumbs-up" aria-hidden="true"></i> 98%
</div>
<div class='chat-year'>
<i class="fa fa-briefcase" aria-hidden="true"></i> 2 tahun
</div>
<div class='chat-btn'>
<a href="https://api.whatsapp.com/send?phone=6281241105658&text=Hello%20Dokter..."><span>Chat</span></a>
</div>
</div>
</div>
<div class='chat-dokter'>
<div class='chat-doc-info'>
<div class='chat-img'>
<img alt="" src="https://d1e8la4lqf1h28.cloudfront.net/images/607_11-12-2018_11-18-24.jpg"/>
<span class="doctor-online"></span>
</div>
<div class='chat-deskript'>
<span class='chat-name'>Drg. Hendera . M.Kes</span>
<p>Spesialis Ortodonsia</p>
<div class='chat-price'><span class='chat-number'>Rp. 5000</span><span class='chat-free'>Gratis</span></div>
</div>
</div>
<div class='chat-info'>
<div class='chat-like'>
<i class="fa fa-thumbs-up" aria-hidden="true"></i> 98%
</div>
<div class='chat-year'>
<i class="fa fa-briefcase" aria-hidden="true"></i> 2 tahun
</div>
<div class='chat-btn'>
<a href="https://api.whatsapp.com/send?phone=6281241105658&text=Hello%20Dokter..."><span>Chat</span></a>
</div>
</div>
</div>
<div class='chat-dokter'>
<div class='chat-doc-info'>
<div class='chat-img'>
<img alt="" src="https://d1e8la4lqf1h28.cloudfront.net/images/607_11-12-2018_11-18-24.jpg"/>
<span class="doctor-online"></span>
</div>
<div class='chat-deskript'>
<span class='chat-name'>Drg. Hendera . M.Kes</span>
<p>Spesialis Ortodonsia</p>
<div class='chat-price'><span class='chat-number'>Rp. 5000</span><span class='chat-free'>Gratis</span></div>
</div>
</div>
<div class='chat-info'>
<div class='chat-like'>
<i class="fa fa-thumbs-up" aria-hidden="true"></i> 98%
</div>
<div class='chat-year'>
<i class="fa fa-briefcase" aria-hidden="true"></i> 2 tahun
</div>
<div class='chat-btn'>
<a href="https://api.whatsapp.com/send?phone=6281241105658&text=Hello%20Dokter..."><span>Chat</span></a>
</div>
</div>
</div>
<div class='chat-dokter'>
<div class='chat-doc-info'>
<div class='chat-img'>
<img alt="" src="https://d1e8la4lqf1h28.cloudfront.net/images/607_11-12-2018_11-18-24.jpg"/>
<span class="doctor-online"></span>
</div>
<div class='chat-deskript'>
<span class='chat-name'>Drg. Hendera . M.Kes</span>
<p>Spesialis Ortodonsia</p>
<div class='chat-price'><span class='chat-number'>Rp. 5000</span><span class='chat-free'>Gratis</span></div>
</div>
</div>
<div class='chat-info'>
<div class='chat-like'>
<i class="fa fa-thumbs-up" aria-hidden="true"></i> 98%
</div>
<div class='chat-year'>
<i class="fa fa-briefcase" aria-hidden="true"></i> 2 tahun
</div>
<div class='chat-btn'>
<a href="https://api.whatsapp.com/send?phone=6281241105658&text=Hello%20Dokter..."><span>Chat</span></a>
</div>
</div>
</div>
<div class='chat-dokter'>
<div class='chat-doc-info'>
<div class='chat-img'>
<img alt="" src="https://d1e8la4lqf1h28.cloudfront.net/images/607_11-12-2018_11-18-24.jpg"/>
<span class="doctor-online"></span>
</div>
<div class='chat-deskript'>
<span class='chat-name'>Drg. Hendera . M.Kes</span>
<p>Spesialis Ortodonsia</p>
<div class='chat-price'><span class='chat-number'>Rp. 5000</span><span class='chat-free'>Gratis</span></div>
</div>
</div>
<div class='chat-info'>
<div class='chat-like'>
<i class="fa fa-thumbs-up" aria-hidden="true"></i> 98%
</div>
<div class='chat-year'>
<i class="fa fa-briefcase" aria-hidden="true"></i> 2 tahun
</div>
<div class='chat-btn'>
<a href="https://api.whatsapp.com/send?phone=6281241105658&text=Hello%20Dokter..."><span>Chat</span></a>
</div>
</div>
</div>
<div class='chat-dokter'>
<div class='chat-doc-info'>
<div class='chat-img'>
<img alt="" src="https://d1e8la4lqf1h28.cloudfront.net/images/607_11-12-2018_11-18-24.jpg"/>
<span class="doctor-online"></span>
</div>
<div class='chat-deskript'>
<span class='chat-name'>Drg. Hendera . M.Kes</span>
<p>Spesialis Ortodonsia</p>
<div class='chat-price'><span class='chat-number'>Rp. 5000</span><span class='chat-free'>Gratis</span></div>
</div>
</div>
<div class='chat-info'>
<div class='chat-like'>
<i class="fa fa-thumbs-up" aria-hidden="true"></i> 98%
</div>
<div class='chat-year'>
<i class="fa fa-briefcase" aria-hidden="true"></i> 2 tahun
</div>
<div class='chat-btn'>
<a href="https://api.whatsapp.com/send?phone=6281241105658&text=Hello%20Dokter..."><span>Chat</span></a>
</div>
</div>
</div>
</div>
</div>
Buat laman khusus seperti biasa dan letakkan script diatas di dalam laman HTML bukan Compose. Ganti dengan Url gambar profil diatas, Ganti nomor 6281241105658 dengan nomor WhatsApp masing dan untuk lainnya silahkan di sesuaikan
MAPS
<div class="google-maps">KTEREANGAN:
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3989.3506248500485!2d100.2871626859175!3d0.8772975269384429!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x302b3fdc414a32b7%3A0x439c6e39da750a6d!2sDRW%20Skincare%20Pasir%20Pengaraian%20Rokan%20Hulu!5e0!3m2!1sid!2sid!4v1574498977501!5m2!1sid!2sid" width="100%" height="450" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
</div>
Buat laman khusus seperti biasa dan letakkan script diatas di dalam laman HTML bukan Compose.
CHAT
<div class='chat_footer'>KTEREANGAN:
<a href='https://demo-halodoc.blogspot.com/p/cari-dokter.html'>
<img alt='' src='https://www.halodoc.com/assets/img/chatbox-fin-01@3x.png'/>
</a>
</div>
Ganti Url tersebut dengan Url/Link Laman khusus chat yang sudah di buat tadi








