1. HOME.html - Perancangan Website E-Commerce Penjualan Tanaman Herbal
LISTING PROGRAM :
<html> <head> <title>HOME</title> <script language="javascript"> function show_hari() { //membuat variabel bertipe array untuk nama hari var NamaHari = new Array("Sunday", "Monday", "Tuesday", "Wednesday", "Thursday", "Friday", "Saturday"); //membuat variabel bertipe array untuk nama bulan var NamaBulan = new Array("January", "February", "March", "April", "May", "June", "July", "August", "September", "October", "November", "December"); var sekarang = new Date(); var HariIni = NamaHari[sekarang.getDay()]; var BulanIni = NamaBulan[sekarang.getMonth()]; var tglSekarang = sekarang.getDate(); var TahunIni = sekarang.getFullYear(); document.write(HariIni + ", " + tglSekarang + " " + BulanIni + " " + TahunIni); } </script> </head> <script language="javascript"> var pesan = 'Sorry :)'; function klik_IE() { if (event.button == 2){ alert(pesan); } }function klik_NS(e) { if (document.layers || document.getElementById && !document.all){ if (e.which == 2 || e.which == 3){ alert(pesan); } } } if (document.layers) { document.captureEvents(event.mousedown); document.onmousedown = klik_NS; } else if (document.all && !document.getElementById)
{ document.onmousedown = klik_IE; } document.oncontextmenu = new Function("alert(pesan); return false") </script> <body> <body> <p><font color="red">Today: </font><script>show_hari();</script>.</p> <style type="text/css"> body{margin margin-top:100px; margin-bottom:100px; margin-right:75px; margin-left:100px; } p.padding { padding-top:25px; padding-bottom:75px; padding-right:50px; padding-left:50px; } h1 {color:#00ff00;} </style> <body background="leaf1.jpg"> <table border ="0"> <tr> </table> <br/><br/><br/> <tr> <td align="left"> <font color=green size=20> HerbaLife <br/></font></td> </tr> <tr> <td> <div id="container" style="width:1000px" align="center"> <br/><br/> <style type="text/css"> body {font-family:Verdana; font-size:14px; font-weight:bold; position:right;} .navigasi{ list-style:none; margin: 0px; padding: 10px 10px 10px 10px; height: 10px; width: 1060px} li.model{ border:1px; padding:15px 15px 15px 15px; margin: 0px;} a:link{text-decoration:none; color:#000000;} a:visited{text-decoration:none; color:#000000;} a:active{text-decoration:none; color:#000000;} a:hover{text-decoration:none; color:#336633; background-color: white; font-weight: bolder} background-color:#FFCC00;display:block;} </style> <ul class="navigasi"> <li class="model"></li> <li class="model"></li> <li class="model"></li> <a href="akar_herbal.html">AKAR-AKARAN HERBAL </a> | <a href="buah_herbal.html">BUAH-BUAHAN HERBAL </a> | <a href="bunga_herbal.html">BUNGA-BUNGA HERBAL </a>|<br/> <a href="daun_herbal.html">DAUN-DAUNAN HERBAL </a>| <a href="umbi_herbal.html">UMBI-UMBIAN HERBAL </a>| <br/><br/> <br/> <a href="HOME.html">HOME </a>| <a href="ABOUT.html">ABOUT </a>| <a href="MANFAAT.html">MANFAAT TANAMAN </a>| <a href="CARA_ORDER.html">CARA ORDER </a>| <a href="ORDER_DELIVERY.html">ORDER DELIVERY </a>| </ul> <br/><br/><br/><br/> <div id="content" style="height:1100px;width:750px;float:center;"> <br/><br/><br/><br/><br/><br/><br/> <p align="center"><font size="3" face="arial" color="330000"> TANAMAN OBAT YANG TERSEDIA </font></p> <p align= "center"> <a href =" akar_herbal.html"><img src = "AKAR_HERBAL/ginseng.jpg" width="170" height="170"></a> <a href =" buah_herbal.html"><img src = "BUAH_HERBAL/Buah-Naga.jpg" width="170" height="170"></a> <a href =" bunga_herbal.html"><img src = "BUNGA_HERBAL/kenop.jpg" width="170" height="170"></a> <a href =" daun_herbal.html"><img src = "DAUN_HERBAL/Sirih.jpg" width="170" height="170"></a> <a href =" umbi_herbal.html"><img src = "UMBI_HERBAL/umbi sarang semut.jpg" width="170" height="170"></a></p> <p align="center" ; class="padding" ><font face="arial"><b><i>Selamat datang di HERBALIFE</b></i></br></br></br></br> Di sini Anda dapat membeli dan memesan obat-obatan herbal yang telah kami sediakan dalam toko online kami.</br></br> Silahkan Anda melihat & memilih sesuai keinginan Anda..</br></br> Tanaman Akar herbal: Tanaman yang mempunyai manfaat penyembuhan, dimana pada bagian akarnya mengandung zat penawar dari beberapa penyakit. Anda dapat melihat gambar-gambarnya sesuai keinginan dengan <a href= "akar_herbal.html "><u>klik disini</u></a> :)</td> <br/><br/> Tanaman Buah Herbal : Tanaman yang mempunyai buah yang berkhasiat sebagai penyembuh untuk penyakit tertentu.
Anda dapat melihat gambar-gambarnya sesuai keinginan dengan <a href= "buah_herbal.html "><u>klik disini</u></a> :)</td> <br/><br/> Tanaman Bunga Herbal : Tanaman yang memiliki khasiat pada bagian bunganya. Anda dapat melihat gambar-gambarnya sesuai keinginan dengan <a href= "bunga_herbal.html "><u>klik disini</u></a> :)</td> <br/><br/> Tanaman Daun Herbal : Tanaman yang sebahagian besar terdiri dari dedaunan, yang apabila di konsumsi mempunyai khasiat penyembuhan.
Anda dapat melihat gambar-gambarnya sesuai keinginan dengan <a href= "daun_herbal.html "><u>klik disini</u></a> :)</td> <br/><br/> Kami juga menjual umbi-umbian herbal yang dapat ditanam kembali, ataupun ingin dikonsumsi sebagai obat penyembuh beberapa penyakit.
Anda dapat melihat gambar-gambarnya sesuai keinginan dengan <a href= "umbi_herbal.html "><u>klik disini</u></a> :)</td> <br/><br/> </br></br></br></br> <i><b>~HERBALIFE~</b></i></p></font> </td> </tr> <a target="_blank" href="https://ibank.bni.co.id"> <imgsrc="banner\bni1.jpg" alt="bni" width="220" height="90" /></a> <a target="_blank" href="http://jne.co.id"><img src="banner\jne.jpg" alt="jne" width="220" height="90" /></a> <a target="_blank" href="http://www.klikbca.com"><img src="banner\bca.jpg" alt="bca" width="220" height="90" /></a> <a target="_blank" href="http://www.tiki-online.com/home"><img src="banner\tiki.jpg" alt="tiki" width="220" height="90" /></a> <br/><br/><br/><br/><br/><br/><br/><br/><br/><br/> <tr> <td> </td> </tr> <tr> <td> </td> </tr> <br/><br/><br/> <div id="footer" style="width:850px;clear:both;text-align:center;"> HerbaLife </div> </div> </body> <footer></footer> </head> </html>
<html> <head> <title>AKAR HERBAL</title> <script language="javascript"> var pesan = 'Sorry :)'; function klik_IE() { if (event.button == 2){ alert(pesan); } }function klik_NS(e) { if (document.layers || document.getElementById && !document.all){ if (e.which == 2 || e.which == 3){ alert(pesan); } } } if (document.layers) { document.captureEvents(event.mousedown); document.onmousedown = klik_NS; } else if (document.all && !document.getElementById) { document.onmousedown = klik_IE; } document.oncontextmenu = new Function("alert(pesan); return false") </script> <style type="text/css"> body{margin margin-top:100px; margin-bottom:100px; margin-right:163px; margin-left:100px; } p.padding { padding-top:25px; padding-bottom:75px; padding-right:50px; padding-left:50px; } h1 {color:#00ff00;} </style> <body background="leaf1.jpg"> <table border ="0"> <tr>
</table> <br/><br/><br/> <tr> <td align="left"> <font color=blue size=20> HERBALIFE<br/>OBAT-OBATAN HERBAL</font></td> </tr> <br/><br/><br/><br/><br/> <br/><br/><br/> <div id="header" style="width:750px;clear:both;text-align:center;"> <h2> AKAR-AKAR HERBAL </h2> </div> <tr> <td> <div id="container" style="width:700px"> <br/><br/> <div id="content" style="height:550px;width:750px;"> <br/><br/><br/><br/> <style type="text/css"> div.img { margin: 50px; border: 1px solid #0000ff; height: auto; width: auto; float: left; text-align: center; } div.img img { display: inline; margin: 3px; border: 1px solid #ffffff; } div.img a:hover img {border: 1px solid #0000ff;} div.desc { text-align: center; font-weight: normal; width: 120px; margin: 2px; } </style> </head> <body> <div class="img"> <img src="AKAR_HERBAL\akar aren.jpg" alt="Akar Herbal" width="110" height="110" /> <div class="desc">Akar Aren</br> ID : ARH01 </br> Price : </br>Rp 40.000</div> </div> <div class="img">
<img src="AKAR_HERBAL\akar binasa.jpg" alt="Akar Herbal" width="110" height="110" /> <div class="desc">Akar Binasa</br> ID : ARH02 </br> Price : </br>Rp 55.000</div> </div> <div class="img"> <img src="AKAR_HERBAL\akar manis.jpg" alt="Akar Herbal" width="110" height="110" /> <div class="desc">Akar Manis</br> ID : ARH03 </br> Price : </br>Rp 35.000</div> </div> <div class="img"> <img src="AKAR_HERBAL\akar pepaya.jpg" alt="Akar Herbal" width="110" height="110" /> <div class="desc">Akar Pepaya</br> ID : ARH04 </br> Price : </br>Rp 20.000</div> </div> <div class="img"> <img src="AKAR_HERBAL\akar pinang.jpg" alt="Akar Herbal" width="110" height="110" /> <div class="desc">Akar Pinang</br> ID : ARH05 </br> Price : </br>Rp 25.000</div> </div> <div class="img"> <img src="AKAR_HERBAL\akar pule.jpg" alt="Akar Herbal" width="110" height="110" /> <div class="desc">Akar Pule</br> ID : ARH06 </br> Price : </br>Rp 65.000</div> </div> <div class="img"> <img src="AKAR_HERBAL\akar wangi.jpg" alt="Akar Herbal" width="110" height="110" /> <div class="desc">Akar Wangi</br> ID : ARH07 </br> Price : </br>Rp 45.000</div> </div> <div class="img"> <img src="AKAR_HERBAL\akaralang.jpg" alt="Akar Herbal" width="110" height="110" /> <div class="desc">Akar Alang</br> ID : ARH08 </br> Price : </br>Rp 25.000</div> </div> <div class="img"> <img src="AKAR_HERBAL\ginseng.jpg" alt="Akar Herbal" width="110" height="110" /> <div class="desc">Ginseng</br> ID : ARH09 </br> Price : </br>Rp 125.000</div> </div> <br/> <style type="text/css"> body {font-family:Verdana; font-size:14px; font-weight:bold;}
.navigasi{ list-style:none; margin: 2px; padding: 10px 10px 10px 10px; height: 10px; width: 1060px} li.model{ border:1px; padding:15px 15px 15px 15px; margin: 0px;} a:link{text-decoration:none; color:#000000;} a:visited{text-decoration:none; color:#000000;} a:active{text-decoration:none; color:#000000;} a:hover{text-decoration:none; color:#336633; background-color: white; font-weight: bolder} background-color:#FFCC00;display:block;} </style> <br/><br/> <ul class="navigasi"> <li class="model"><a href="HOME.html">HOME </a> </li> <li class="model"><a href="akar_herbal.html">AKAR-AKARAN HERBAL</a> </li> <li class="model"><a href="buah_herbal.html">BUAH-BUAHAN HERBAL </a> </li> <li class="model"><a href="bunga_herbal.html">BUNGA-BUNGA HERBAL </a> </li> <li class="model"><a href="daun_herbal.html">DAUN-DAUNAN HERBAL </a> </li> <li class="model"><a href="umbi_herbal.html">UMBI-UMBIAN HERBAL </a> </li> <li class="model"><a href="ABOUT.html">ABOUT </a> </li> <li class="model"><a href="MANFAAT.html">MANFAAT TANAMAN </a> </li> <li class="model"><a href="CARA_ORDER.html">CARA ORDER </a> </li> <li class="model"><a href="ORDER_DELIVERY.html">ORDER DELIVERY </a> </li> </ul> </div> </div> <tr> <td colspan="10"> </td> <tr> <td> </td> </tr> <br/><br/><br/><br/><br/> <br/><br/><br/> <div id="footer" style="width:750px;clear:both;text-align:center;"> <h2> AKAR-AKAR HERBAL </h2> </div>
</body> <footer> </footer> </head> </html>
2.2 buah_herbal.html
<html> <head> <title>BUAH HERBAL</title> <script language="javascript"> var pesan = 'Sorry :)'; function klik_IE() { if (event.button == 2){ alert(pesan); } }function klik_NS(e) { if (document.layers || document.getElementById & & !document.all){ if (e.which == 2 || e.which == 3){ alert(pesan); } } } if (document.layers) { document.captureEvents(event.mousedown); document.onmousedown = klik_NS; } else if (document.all && !document.getElementById) { document.onmousedown = klik_IE; } document.oncontextmenu = new Function("alert(pesan); return false") </script> <style type="text/css"> body{margin margin-top:100px; margin-bottom:100px; margin-right:163px; margin-left:100px; } p.padding { padding-top:25px; padding-bottom:75px; padding-right:50px; padding-left:50px; } h1 {color:#00ff00;} </style>
<body background="leaf1.jpg"> <table border ="0"> <tr> </table> <br/><br/><br/> <tr> <td align="left"> <font color=blue size=20>HERBALIFE<br/>OBAT-OBATAN HERBAL</font></td> </tr> <br/><br/><br/> <div id="header" style="width:750px;clear:both;text-align:center;"> <h2> BUAH-BUAH HERBAL </h2> </div> <tr> <td> <div id="container" style="width:700px"> <br/><br/> <div id="content" style="height:550px;width:750px;"> <style type="text/css"> div.img { margin: 50px; border: 1px solid #0000ff; height: auto; width: auto; float: left; text-align: center; } div.img img { display: inline; margin: 3px; border: 1px solid #ffffff; } div.img a:hover img {border: 1px solid #0000ff;} div.desc { text-align: center; font-weight: normal; width: 120px; margin: 2px; } </style> </head> <body> <div class="img"> <img src="BUAH_HERBAL\Belimbing_wuluh.jpg" alt="Buah Herbal" width="110" height="110" /> <div class="desc">Belimbing wuluh</br> ID : BUH01 </br> Price : </br>Rp 20.000</div> </div>
<div class="img"> <img src="BUAH_HERBAL\Buah-Naga.jpg" alt="Buah Herbal" width="110" height="110" /> <div class="desc">Buah Naga</br> ID : BUH02 </br> Price : </br>Rp 30.000</div> </div> <div class="img"> <img src="BUAH_HERBAL\cengkeh.jpg" alt="Buah Herbal" width="110" height="110" /> <div class="desc">Cengkeh</br> ID : BUH03 </br> Price : </br>Rp 10.000</div> </div> <div class="img"> <img src="BUAH_HERBAL\alpokat.jpg" alt="Buah Herbal" width="110" height="110" /> <div class="desc">Alpokat</br> ID : BUH04 </br> Price : </br>Rp 15.000</div> </div> <div class="img"> <img src="BUAH_HERBAL\jinten.jpg" alt="Buah Herbal" width="110" height="110" /> <div class="desc">Jinten</br> ID : BUH05 </br> Price : </br>Rp 10.000</div> </div> <div class="img"> <img src="BUAH_HERBAL\ketumbar-coriandrum_sativum..jpg" alt="Buah Herbal" width="110" height="110" /> <div class="desc">Ketumbar</br> ID : BUH06 </br> Price : </br>Rp 20.000</div> </div> <div class="img"> <img src="BUAH_HERBAL\mahkota dewa.jpg" alt="Buah Herbal" width="110" height="110" /> <div class="desc">Mahkota Dewa</br> ID : BUH07 </br> Price : </br>Rp 30.000</div> </div> <div class="img"> <img src="BUAH_HERBAL\mengkudu.jpg" alt="Buah Herbal" width="110" height="110" /> <div class="desc">Mengkudu</br> ID : BUH08 </br> Price : </br>Rp 10.000</div> </div> <div class="img"> <img src="BUAH_HERBAL\tamarine.jpg" alt="Buah Herbal" width="110" height="110" /> <div class="desc">Tamarine</br> ID : BUH09 </br> Price : </br>Rp 20.000</div> </div> <br/> <style type="text/css"> body {font-family:Verdana; font-size:14px; font-weight:bold;} .navigasi{ list-style:none; margin: 2px; padding: 10px 10px 10px 10px; height: 10px; width: 1060px} li.model{ border:1px; padding:15px 15px 15px 15px; margin: 0px;} a:link{text-decoration:none; color:#000000;} a:visited{text-decoration:none; color:#000000;} a:active{text-decoration:none; color:#000000;} a:hover{text-decoration:none; color:#336633; background-color: white; font-weight: bolder} background-color:#FFCC00;display:block;} </style> <br/><br/> <ul class="navigasi"> <li class="model"><a href="HOME.html">HOME </a> </li> <li class="model"><a href="akar_herbal.html">AKAR-AKARAN HERBAL</a> </li> <li class="model"><a href="buah_herbal.html">BUAH-BUAHAN HERBAL </a> </li> <li class="model"><a href="bunga_herbal.html">BUNGA-BUNGA HERBAL </a> </li> <li class="model"><a href="daun_herbal.html">DAUN-DAUNAN HERBAL </a> </li> <li class="model"><a href="umbi_herbal.html">UMBI-UMBIAN HERBAL </a> </li> <li class="model"><a href="ABOUT.html">ABOUT </a> </li> <li class="model"><a href="MANFAAT.html">MANFAAT TANAMAN </a> </li> <li class="model"><a href="CARA_ORDER.html">CARA ORDER </a> </li> <li class="model"><a href="ORDER_DELIVERY.html">ORDER DELIVERY </a> </li> </ul> </div> <tr> <td colspan="10"> </td> <tr> <td> </td> </tr> <br/><br/><br/><br/><br/> <br/><br/><br/>
<div id="footer" style="width:750px;clear:both;text-align:center;"> <h2> BUAH-BUAH HERBAL </h2> </div> </body> <footer> </footer> </head> </html>
2.3 bunga_herbal.html
<html> <head> <title>BUNGA HERBAL</title> <script language="javascript"> var pesan = 'Sorry :)'; function klik_IE() { if (event.button == 2){ alert(pesan); } }function klik_NS(e) { if (document.layers || document.getElementById && !document.all){ if (e.which == 2 || e.which == 3){ alert(pesan); } } } if (document.layers) { document.captureEvents(event.mousedown); document.onmousedown = klik_NS; } else if (document.all && !document.getElementById) { document.onmousedown = klik_IE; } document.oncontextmenu = new Function("alert(pesan); return false") </script> <style type="text/css"> body{margin margin-top:100px; margin-bottom:100px; margin-right:163px; margin-left:100px; } p.padding { padding-top:25px; padding-bottom:75px; padding-right:50px; padding-left:50px; } h1 {color:#00ff00;}
</style> <body background="leaf1.jpg"> <table border ="0"> <tr> </table> <br/><br/><br/> <tr> <td align="left"> <font color=blue size=20> HERBALIFE <br/>OBAT- OBATAN HERBAL</font></td> </tr> <br/><br/><br/> <div id="header" style="width:750px;clear:both;text-align:center;"> <h2> BUNGA-BUNGA HERBAL </h2> </div> <tr> <td> <div id="container" style="width:700px"> <br/><br/> <div id="content" style="height:550px;width:750px;"> <br/><br/><br/><br/> <style type="text/css"> div.img { margin: 50px; border: 1px solid #0000ff; height: auto; width: auto; float: left; text-align: center; } div.img img { display: inline; margin: 3px; border: 1px solid #ffffff; } div.img a:hover img {border: 1px solid #0000ff;} div.desc { text-align: center; font-weight: normal; width: 120px; margin: 2px; } </style> </head> <body> <div class="img"> <img src="bunga_herbal\barucina.jpg" alt="Bunga Herbal" width="110" height="110" />
<div class="desc">Baru Cina</br> ID : BGH01 </br> Price : </br>Rp 20.000</div> </div> <div class="img"> <img src="bunga_herbal\cabejawa.jpg" alt="Bunga Herbal" width="110" height="110" /> <div class="desc">Cabe Jawa</br> ID : BGH02 </br> Price : </br>Rp 15.000</div> </div> <div class="img"> <img src="bunga_herbal\frambos merah.jpg" alt="Bunga Herbal" width="110" height="110" /> <div class="desc">Frambos Merah</br> ID : BGH03 </br> Price : </br>Rp 25.000</div> </div> <div class="img"> <img src="bunga_herbal\Harmos.jpg" alt="Bunga Herbal" width="110" height="110" /> <div class="desc">Harmos</br> ID : BGH04 </br> Price : </br>Rp 30.000</div> </div> <div class="img"> <img src="bunga_herbal\bugang.jpg" alt="Bunga Herbal" width="110" height="110" /> <div class="desc">Bugang</br> ID : BGH05 </br> Price : </br>Rp 15.000</div> </div> <div class="img"> <img src="bunga_herbal\kenop.jpg" alt="Bunga Herbal" width="110" height="110" /> <div class="desc">Kenop</br> ID : BGH06 </br> Price : </br>Rp 25.000</div> </div> <div class="img"> <img src="bunga_herbal\kumis kucing.jpg" alt="Bunga Herbal" width="110" height="110" /> <div class="desc">Kumis Kucing</br> ID : BGH07 </br> Price : </br>Rp 5.000</div> </div> <div class="img"> <img src="bunga_herbal\lavender.jpg" alt="Bunga Herbal" width="110" height="110" /> <div class="desc">Lavender</br> ID : BGH08 </br> Price : </br>Rp 35.000</div> </div> <div class="img"> <img src="bunga_herbal\kecombrang.jpg" alt="Bunga Herbal" width="110" height="110" /> <div class="desc">Kecombrang</br> ID : BGH09 </br> Price : </br>Rp 5.000</div> </div>
<br/> <style type="text/css"> body {font-family:Verdana; font-size:14px; font-weight:bold;} .navigasi{ list-style:none; margin: 2px; padding: 10px 10px 10px 10px; height: 10px; width: 1060px} li.model{ border:1px; padding:15px 15px 15px 15px; margin: 0px;} a:link{text-decoration:none; color:#000000;} a:visited{text-decoration:none; color:#000000;} a:active{text-decoration:none; color:#000000;} a:hover{text-decoration:none; color:#336633; background-color: white; font-weight: bolder} background-color:#FFCC00;display:block;} </style> <br/><br/> <ul class="navigasi"> <li class="model"><a href="HOME.html">HOME </a> </li> <li class="model"><a href="akar_herbal.html">AKAR-AKARAN HERBAL</a> </li> <li class="model"><a href="buah_herbal.html">BUAH-BUAHAN HERBAL </a> </li> <li class="model"><a href="bunga_herbal.html">BUNGA-BUNGA HERBAL </a> </li> <li class="model"><a href="daun_herbal.html">DAUN-DAUNAN HERBAL </a> </li> <li class="model"><a href="umbi_herbal.html">UMBI-UMBIAN HERBAL </a> </li> <li class="model"><a href="ABOUT.html">ABOUT </a> </li> <li class="model"><a href="MANFAAT.html">MANFAAT TANAMAN </a> </li> <li class="model"><a href="CARA_ORDER.html">CARA ORDER </a> </li> <li class="model"><a href="ORDER_DELIVERY.html">ORDER DELIVERY </a> </li> </ul> </div> <tr> <td colspan="10"> </td> <tr> <td> </td> </tr> <br/><br/><br/><br/><br/> <br/><br/><br/>
<div id="footer" style="width:750px;clear:both;text-align:center;"> <h2> BUNGA-BUNGA HERBAL </h2> </div> </body> <footer> </footer> </head> </html>
2.4 daun_herbal.html
<html> <head> <title>DAUN HERBAL</title> <script language="javascript"> var pesan = 'Sorry :)'; function klik_IE() { if (event.button == 2){ alert(pesan); } }function klik_NS(e) { if (document.layers || document.getElementById && !document.all) { if (e.which == 2 || e.which == 3){ alert(pesan); } } } if (document.layers) { document.captureEvents(event.mousedown); document.onmousedown = klik_NS; } else if (document.all && !document.getElementById) { document.onmousedown = klik_IE; } document.oncontextmenu = new Function("alert(pesan); return false") </script> <style type="text/css"> body{margin margin-top:100px; margin-bottom:100px; margin-right:163px; margin-left:100px; } p.padding { padding-top:25px; padding-bottom:75px; padding-right:50px; padding-left:50px; } h1 {color:#00ff00;} </style> <body background="leaf1.jpg"> <table border ="0"> <tr> </table> <br/><br/><br/> <tr> <td align="left"> <font color=blue size=20>HERBALIFE<br/>OBAT-OBATAN HERBAL</font></td> </tr> <br/><br/><br/> <div id="header" style="width:750px;clear:both;text-align:center;"> <h2> DAUN-DAUN HERBAL </h2> </div> <tr> <td> <div id="container" style="width:700px"> <br/><br/> <div id="content" style="height:550px;width:750px;"> <br/><br/><br/><br/> <style type="text/css"> div.img { margin: 50px; border: 1px solid #0000ff; height: auto; width: auto; float: left; text-align: center; } div.img img { display: inline; margin: 3px; border: 1px solid #ffffff; } div.img a:hover img {border: 1px solid #0000ff;} div.desc { text-align: center; font-weight: normal; width: 120px; margin: 2px; } </style> </head> <body> <div class="img">
<img src="daun_herbal\ciplukan.jpg" alt="Daun Herbal" width="110" height="110" /> <div class="desc">Ciplukan</br> ID : DUH01 </br> Price : </br>Rp 20.000</div> </div> <div class="img"> <img src="daun_herbal\cocorbebek.jpg" alt="Daun Herbal" width="110" height="110" /> <div class="desc">Cocor Bebek</br> ID : DUH02 </br> Price : </br>Rp 25.000</div> </div> <div class="img"> <img src="daun_herbal\daun dewa.jpg" alt="Daun Herbal" width="110" height="110" /> <div class="desc">Daun Dewa</br> ID : DUH03 </br> Price : </br>Rp 35.000</div> </div> <div class="img"> <img src="daun_herbal\daun kelor.jpg" alt="Daun Herbal" width="110" height="110" /> <div class="desc">Daun Kelor</br> ID : DUH04 </br> Price : </br>Rp 20.000</div> </div> <div class="img"> <img src="daun_herbal\kejibeling.jpg" alt="Daun Herbal" width="110" height="110" /> <div class="desc">Kejibeling</br> ID : DUH05 </br> Price : </br>Rp 28.000</div> </div> <div class="img"> <img src="daun_herbal\meniran.jpg" alt="Daun Herbal" width="110" height="110" /> <div class="desc">Meniran</br> ID : DUH06 </br> Price : </br>Rp 5.000</div> </div> <div class="img"> <img src="daun_herbal\seledri.jpg" alt="Daun Herbal" width="110" height="110" /> <div class="desc">Seledri</br> ID : DUH07 </br> Price : </br>Rp 10.000</div> </div> <div class="img"> <img src="daun_herbal\Sirih.jpg" alt="Daun Herbal" width="110" height="110" /> <div class="desc">Sirih</br> ID : DUH08 </br> Price : </br>Rp 15.000</div> </div> <div class="img"> <img src="daun_herbal\suji.jpg" alt="Daun Herbal" width="110" height="110" /> <div class="desc">Suji</br> ID : DUH09 </br> Price : </br>Rp 10.000</div>
</div> <br/> <style type="text/css"> body {font-family:Verdana; font-size:14px; font-weight:bold;} .navigasi{ list-style:none; margin: 2px; padding: 10px 10px 10px 10px; height: 10px; width: 1060px} li.model{ border:1px; padding:15px 15px 15px 15px; margin: 0px;} a:link{text-decoration:none; color:#000000;} a:visited{text-decoration:none; color:#000000;} a:active{text-decoration:none; color:#000000;} a:hover{text-decoration:none; color:#336633; background-color: white; font-weight: bolder} background-color:#FFCC00;display:block;} </style> <br/><br/> <ul class="navigasi"> <li class="model"><a href="HOME.html">HOME </a> </li> <li class="model"><a href="akar_herbal.html">AKAR-AKARAN HERBAL</a> </li> <li class="model"><a href="buah_herbal.html">BUAH-BUAHAN HERBAL </a> </li> <li class="model"><a href="bunga_herbal.html">BUNGA-BUNGA HERBAL </a> </li> <li class="model"><a href="daun_herbal.html">DAUN-DAUNAN HERBAL </a> </li> <li class="model"><a href="umbi_herbal.html">UMBI-UMBIAN HERBAL </a> </li> <li class="model"><a href="ABOUT.html">ABOUT </a> </li> <li class="model"><a href="MANFAAT.html">MANFAAT TANAMAN </a> </li> <li class="model"><a href="CARA_ORDER.html">CARA ORDER </a> </li> <li class="model"><a href="ORDER_DELIVERY.html">ORDER DELIVERY </a> </li> </ul> </div> <tr> <td colspan="10"> </td> <tr> <td> </td> </tr>
<br/><br/><br/><br/><br/> <br/><br/><br/> <div id="footer" style="width:750px;clear:both;text-align:center;"> <h2> DAUN-DAUN HERBAL </h2> </div> </body> <footer> </footer> </head> </html>
2.5 umbi_herbal.html
<html> <head> <title>UMBI-UMBI HERBAL</title> <script language="javascript"> var pesan = 'Sorry :)'; function klik_IE() { if (event.button == 2){ alert(pesan); } }function klik_NS(e) { if (document.layers || document.getElementById && !document.all){ if (e.which == 2 || e.which == 3){ alert(pesan); } } } if (document.layers) { document.captureEvents(event.mousedown); document.onmousedown = klik_NS; } else if (document.all && !document.getElementById) { document.onmousedown = klik_IE; } document.oncontextmenu = new Function("alert(pesan); return false") </script> <style type="text/css"> body{margin margin-top:100px; margin-bottom:100px; margin-right:163px; margin-left:100px; } p.padding { padding-top:25px; padding-bottom:75px; padding-right:50px; padding-left:50px; } h1 {color:#00ff00;} </style> <body background="leaf1.jpg"> <table border ="0"> <tr> </table> <br/><br/><br/> <tr> <td align="left"> <font color=blue size=20> HERBALIFE<br/>OBAT-OBATAN HERBAL</font></td> </tr> <br/><br/><br/><br/><br/> <br/><br/><br/> <div id="header" style="width:750px;clear:both;text-align:center;"> <h2> UMBI-UMBI HERBAL </h2> </div> <tr> <td> <div id="container" style="width:700px"> <br/><br/> <div id="content" style="height:900px;width:750px;float:left;"> <br/><br/><br/><br/> <style type="text/css"> div.img { margin: 50px; border: 1px solid #0000ff; height: auto; width: auto; float: left; text-align: center; } div.img img { display: inline; margin: 3px; border: 1px solid #ffffff; } div.img a:hover img {border: 1px solid #0000ff;} div.desc { text-align: center; font-weight: normal; width: 120px; margin: 2px; } </style>