Tugas 2 individu MK WebProg
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {
background: url(ini.jpg) no-repeat fixed;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
}
table {
border-collapse: collapse;
width: 100%;
}
th, td {
text-align: left;
padding: 10px;
}
tr:nth-child(even) {background-color: #f2f2f2f2;}
</style>
<title>Toko Helm</title>
</head>
<div class="header"><center>
<div style="background: #9fc5e8; color:#0000cc; padding: 10px 20px 30px 25px; text-align: center; font-family: impact; font-size: 30px; width: 400px; border: 4px outset #3d85c6; border-radius:15px; -moz-box-shadow: 0px 0px 5px 4px #6fa8dc; -webkit-box-shadow: 0px 0px 5px 4px #6fa8dc; box-shadow: 0px 0px 5px 4px #6fa8dc">
Helm Aman
</center></div>
<table border="1" bgcolor="black" align="center" width="100%"><br>
<tr>
<td align="center" bgcolor="black" colspan="100%" height="100%" width="100%">
<center><font face="impact" color="white"> Contact Person : <img src ="C:\Users\User\Pictures\wa.png" width="20" height="20"> 08972230944
<img src="C:\Users\User\Pictures\gmail.png" width="20" height="20"> rezarinanda11@gmail.com </center><font></td>
</tr></br>
</table>
<br><center><img src ="C:\Users\User\Pictures\bogo.jpg" width="100" height="100"><img src ="C:\Users\User\Pictures\retro.jpg" width="100" height="100"><img src="C:\Users\User\Pictures\ful.jpg" width="100" height="100"></center></br>
<table><center>
<tr>
<td><a href ="C:\Users\User\Documents\WebPro\Bogo.html"><center><font face ="impact" color="black"> Helm Bogo </a></center></td>
<td><a href ="C:\Users\User\Documents\WebPro\FullFace.html"><center><font face ="impact" color="black"> Helm Full Face </a></center></td>
</tr>
<tr>
<td><center><a href ="C:\Users\User\Documents\WebPro\Bogo.html"><img src = "C:\Users\User\Pictures\ooo.jpg" width="500" height="500"></a></center></td>
<td><center><a href ="C:\Users\User\Documents\WebPro\FullFace.html"><img src = "C:\Users\User\Pictures\iiii.jpg" width="400" height="500"></a></center></td>
</tr>
</center></table>
<body>
</body>
</head>
</html>
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {
background: url(ini.jpg)no-repeat fixed;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
}
table {
border-collapse: collapse;
width: 100%;
}
th, td {
text-align: left;
padding: 10px;
}
tr:nth-child(even) {background-color: #f2f2f2f2;}
</style>
<title>Bogo Helm</title>
</head>
<body>
<div class="header"><center>
<div style="background: #9fc5e8; color:#0000cc; padding: 10px 20px 30px 25px; text-align: center; font-family: impact; font-size: 30px; width: 400px; border: 4px outset #3d85c6; border-radius:15px; -moz-box-shadow: 0px 0px 5px 4px #6fa8dc; -webkit-box-shadow: 0px 0px 5px 4px #6fa8dc; box-shadow: 0px 0px 5px 4px #6fa8dc">
Bogo Helm
</center></div>
<table border="1" bgcolor="black" align="center"><br>
<tr>
<td align="center" bgcolor="black" colspan="100%" height="100%" width="100%"><center><font face="impact" color="white"> Contact Person : <img src ="C:\Users\User\Pictures\wa.png" width="20" height="20"> 08972230944 <img src="C:\Users\User\Pictures\gmail.png" width="20" height="20"> rezarinanda11@gmail.com </center><font></td>
</tr>
</br></table>
<table><center>
<tr>
<td><center><font face ="impact" color="white"> Helm Bogo Carglos</center></td>
<td><center><font face ="impact" color="white"> Helm Bogo JPN </center></td>
<td><center><font face ="impact" color="white"> Helm Bogo WTO </center></td>
</tr>
<tr>
<td><center><img src = "C:\Users\User\Pictures\carglos.jpg" width="400" height="400">
<br><a href = "Pesanan.html"><button type="submit">Pesan</button></a></br></center>
</td>
<td><center><img src = "C:\Users\User\Pictures\jpn.jpg" width="400" height="360"><br><a href = "Pesanan.html"><button type="submit">Pesan</button></a></br></center>
</td>
<td><center><img src = "C:\Users\User\Pictures\wto.jpg" width="400" height="400"><br><a href = "Pesanan.html"><button type="submit">Pesan</button></a></br></center>
</td>
</tr>
<tr>
<td><a href =""><center><font face ="impact" color="white"> Helm Bogo Carglos </a></center>
<ul>
<li>Harga Pakai Kaca : Rp 300.000</li>
<li>Harga Pakai Kacamata Helm : Rp 275.000</li>
<li>Harga Tanpa Kaca : Rp 250.000</li>
</ul>
</td>
<td><a href =""><center><font face ="impact" color="white"> Helm Bogo JPN </a></center>
<ul>
<li>Harga Pakai Kaca : Rp 275.000</li>
<li>Harga Pakai Kacamata Helm : Rp 285.000</li>
<li>Harga Tanpa Kaca : Rp 250.000</li>
</ul>
</td>
<td><a href =""><center><font face ="impact" color="white"> Helm Bogo WTO </a></center>
<ul>
<li>Harga Pakai Kaca : Rp 325.000</li>
<li>Harga Pakai Kacamata Helm : Rp 310.000</li>
<li>Harga Tanpa Kaca : Rp 300.000</li>
</ul>
</td>
</tr>
</center></table>
<table border="1" bgcolor="black" align="center"><br>
<tr>
<td align="center" bgcolor="black" colspan="100%" height="100%" width="100%"><center><font face="impact" color="white"> Contact Person : <img src ="C:\Users\User\Pictures\wa.png" width="20" height="20"> 08972230944 <img src="C:\Users\User\Pictures\gmail.png" width="20" height="20"> rezarinanda11@gmail.com </center><font></td>
</tr>
</br></table>
<table width=50% height=70% bgcolor="#C4C4C4">
<tr>
<td colspan="2" bgcolor=white>
<table bgcolor=white width=100% height=50%>
<tr>
<td><textarea cols="`100" rows=5 PLACEHOLDER="Input Komen Anda..."></textarea><br>Coment as: <select name="select" >
<option>Select Profil...</option>
</table>
</td>
</tr>
<tr><td width=80px><input type=button value=PUBLISH style=color:white;background-color:blue> </td><td>
<input type=button value=PREVIEW style=background-color:blue>
</table>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {
background: url(ini.jpg)no-repeat fixed;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
}
table {
border-collapse: collapse;
width: 100%;
}
th, td {
text-align: left;
padding: 10px;
}
tr:nth-child(even) {background-color: #f2f2f2f2;}
</style>
<title>Full Face Helm </title>
</head>
<body>
<div class="header"><center>
<div style="background: #9fc5e8; color:#0000cc; padding: 10px 20px 30px 25px; text-align: center; font-family: impact; font-size: 30px; width: 400px; border: 4px outset #3d85c6; border-radius:15px; -moz-box-shadow: 0px 0px 5px 4px #6fa8dc; -webkit-box-shadow: 0px 0px 5px 4px #6fa8dc; box-shadow: 0px 0px 5px 4px #6fa8dc">
Full Face Helm
</center></div>
<table border="1" bgcolor="black" align="center"><br>
<tr>
<td align="center" bgcolor="black" colspan="100%" height="100%" width="100%">
<center><font face="impact" color="white"> Contact Person : <img src ="C:\Users\User\Pictures\wa.png" width="20" height="20"> 08972230944
<img src="C:\Users\User\Pictures\gmail.png" width="20" height="20"> rezarinanda11@gmail.com </center><font></td>
</tr>
</br></table>
<table><center>
<tr>
<td><center><font face ="impact" color="white"> Helm AGV </center></td>
<td><center><font face ="impact" color="white"> Helm INK </center></td>
<td><center><font face ="impact" color="white"> Helm KYT </center></td>
</tr>
<tr>
<td><center><img src = "C:\Users\User\Pictures\AGV.jpg" width="400" height="400"><br><a href = "Pesanan.html"><button type="submit">Pesan</button></a></br></center></td>
<td><center><img src = "C:\Users\User\Pictures\INK.jpg" width="300" height="300"><br><a href = "Pesanan.html"><button type="submit">Pesan</button></a></br></center></td>
<td><center><img src = "C:\Users\User\Pictures\KYT.jpg" width="400" height="400"><br><a href = "Pesanan.html"><button type="submit">Pesan</button></a></br></center></td>
</tr>
<tr>
<td><a href =""><center><font face ="impact" color="white"> Helm AGV : Rp 700.000 </a></td>
<td><a href =""><center><font face ="impact" color="white"> Helm INK : Rp 800.000</a></td><td><a href =""><center><font face ="impact" color="white"> Helm KYT : Rp 1000.000</a></td>
</tr>
</center></table>
<table border="1" bgcolor="black" align="center"><br>
<tr>
<td align="center" bgcolor="black" colspan="100%" height="100%" width="100%">
<center><font face="impact" color="white"> Contact Person : <img src ="C:\Users\User\Pictures\wa.png" width="20" height="20"> 08972230944
<img src="C:\Users\User\Pictures\gmail.png" width="20" height="20"> rezarinanda11@gmail.com </center><font></td>
</tr>
</br></table>
<table width=50% height=70% bgcolor="#C4C4C4">
<tr>
<td colspan="2" bgcolor=white>
<table bgcolor=white width=100% height=50%>
<tr>
<td><textarea cols="`100" rows=5 PLACEHOLDER="Input Komen Anda..."></textarea><br>
Coment as: <select name="select" ><option>Select Profil...</option>
</table>
</td>
</tr>
<tr><td width=80px><input type=button value=PUBLISH style=color:white;background-color:blue> </td><td>
<input type=button value=PREVIEW style=background-color:blue>
</table>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {
background: url(ini.jpg)no-repeat fixed;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
}
table {
border-collapse: collapse;
width: 100%;
}
th, td {
text-align: left;
padding: 10px;
}
tr:nth-child(even) {background-color: #f2f2f2f2;}
</style>
</head>
<body>
<table border="1" bgcolor="black" align="center" width="100%"><br>
<tr>
<td align="center" bgcolor="black" colspan="100%" height="100%" width="100%">
<center><font face="impact" color="white">Input Pesanan</center><font></td>
</tr>
</br></table>
<table><br>
<tr>
<td><center><font face="impact" color="white"> Jenis Pesanan :
<main>
<!-- input -->
<form class="submit">
<input type="url" placeholder="">
</form>
<!-- ./input -->
</main>
<font face="impact" color="white"> Banyaknya Pesanan :
<main>
<!-- input -->
<form class="submit">
<input type="url" placeholder="">
</form>
<!-- ./input -->
</main>
<font face="impact" color="white"> Alamat :
<main>
<!-- input -->
<form class="submit">
<input type="url" placeholder="">
</form>
<!-- ./input -->
</main>
<font face="impact" color="white"> No. Tlp :
<main>
<!-- input -->
<form class="submit">
<input type="url" placeholder="">
</form>
<!-- ./input -->
</main>
<font face="impact" color="white"> Keterangan :
<main>
<!-- input -->
<form class="submit">
<input type="url" placeholder="Warna (Merah) Size (M)">
</form>
<!-- ./input -->
</main><br>
<a href = "#"><button type="submit">Pesan</button></a></main>
</tr>
</br></table>
</body>
</html>
<html>
<head>
<style type="text/css">
body {
background: url(ini.jpg) no-repeat fixed;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
}
table {
border-collapse: collapse;
width: 100%;
}
th, td {
text-align: left;
padding: 10px;
}
tr:nth-child(even) {background-color: #f2f2f2f2;}
</style>
<title>Toko Helm</title>
</head>
<div class="header"><center>
<div style="background: #9fc5e8; color:#0000cc; padding: 10px 20px 30px 25px; text-align: center; font-family: impact; font-size: 30px; width: 400px; border: 4px outset #3d85c6; border-radius:15px; -moz-box-shadow: 0px 0px 5px 4px #6fa8dc; -webkit-box-shadow: 0px 0px 5px 4px #6fa8dc; box-shadow: 0px 0px 5px 4px #6fa8dc">
Helm Aman
</center></div>
<table border="1" bgcolor="black" align="center" width="100%"><br>
<tr>
<td align="center" bgcolor="black" colspan="100%" height="100%" width="100%">
<center><font face="impact" color="white"> Contact Person : <img src ="C:\Users\User\Pictures\wa.png" width="20" height="20"> 08972230944
<img src="C:\Users\User\Pictures\gmail.png" width="20" height="20"> rezarinanda11@gmail.com </center><font></td>
</tr></br>
</table>
<br><center><img src ="C:\Users\User\Pictures\bogo.jpg" width="100" height="100"><img src ="C:\Users\User\Pictures\retro.jpg" width="100" height="100"><img src="C:\Users\User\Pictures\ful.jpg" width="100" height="100"></center></br>
<table><center>
<tr>
<td><a href ="C:\Users\User\Documents\WebPro\Bogo.html"><center><font face ="impact" color="black"> Helm Bogo </a></center></td>
<td><a href ="C:\Users\User\Documents\WebPro\FullFace.html"><center><font face ="impact" color="black"> Helm Full Face </a></center></td>
</tr>
<tr>
<td><center><a href ="C:\Users\User\Documents\WebPro\Bogo.html"><img src = "C:\Users\User\Pictures\ooo.jpg" width="500" height="500"></a></center></td>
<td><center><a href ="C:\Users\User\Documents\WebPro\FullFace.html"><img src = "C:\Users\User\Pictures\iiii.jpg" width="400" height="500"></a></center></td>
</tr>
</center></table>
<body>
</body>
</head>
</html>
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {
background: url(ini.jpg)no-repeat fixed;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
}
table {
border-collapse: collapse;
width: 100%;
}
th, td {
text-align: left;
padding: 10px;
}
tr:nth-child(even) {background-color: #f2f2f2f2;}
</style>
<title>Bogo Helm</title>
</head>
<body>
<div class="header"><center>
<div style="background: #9fc5e8; color:#0000cc; padding: 10px 20px 30px 25px; text-align: center; font-family: impact; font-size: 30px; width: 400px; border: 4px outset #3d85c6; border-radius:15px; -moz-box-shadow: 0px 0px 5px 4px #6fa8dc; -webkit-box-shadow: 0px 0px 5px 4px #6fa8dc; box-shadow: 0px 0px 5px 4px #6fa8dc">
Bogo Helm
</center></div>
<table border="1" bgcolor="black" align="center"><br>
<tr>
<td align="center" bgcolor="black" colspan="100%" height="100%" width="100%"><center><font face="impact" color="white"> Contact Person : <img src ="C:\Users\User\Pictures\wa.png" width="20" height="20"> 08972230944 <img src="C:\Users\User\Pictures\gmail.png" width="20" height="20"> rezarinanda11@gmail.com </center><font></td>
</tr>
</br></table>
<table><center>
<tr>
<td><center><font face ="impact" color="white"> Helm Bogo Carglos</center></td>
<td><center><font face ="impact" color="white"> Helm Bogo JPN </center></td>
<td><center><font face ="impact" color="white"> Helm Bogo WTO </center></td>
</tr>
<tr>
<td><center><img src = "C:\Users\User\Pictures\carglos.jpg" width="400" height="400">
<br><a href = "Pesanan.html"><button type="submit">Pesan</button></a></br></center>
</td>
<td><center><img src = "C:\Users\User\Pictures\jpn.jpg" width="400" height="360"><br><a href = "Pesanan.html"><button type="submit">Pesan</button></a></br></center>
</td>
<td><center><img src = "C:\Users\User\Pictures\wto.jpg" width="400" height="400"><br><a href = "Pesanan.html"><button type="submit">Pesan</button></a></br></center>
</td>
</tr>
<tr>
<td><a href =""><center><font face ="impact" color="white"> Helm Bogo Carglos </a></center>
<ul>
<li>Harga Pakai Kaca : Rp 300.000</li>
<li>Harga Pakai Kacamata Helm : Rp 275.000</li>
<li>Harga Tanpa Kaca : Rp 250.000</li>
</ul>
</td>
<td><a href =""><center><font face ="impact" color="white"> Helm Bogo JPN </a></center>
<ul>
<li>Harga Pakai Kaca : Rp 275.000</li>
<li>Harga Pakai Kacamata Helm : Rp 285.000</li>
<li>Harga Tanpa Kaca : Rp 250.000</li>
</ul>
</td>
<td><a href =""><center><font face ="impact" color="white"> Helm Bogo WTO </a></center>
<ul>
<li>Harga Pakai Kaca : Rp 325.000</li>
<li>Harga Pakai Kacamata Helm : Rp 310.000</li>
<li>Harga Tanpa Kaca : Rp 300.000</li>
</ul>
</td>
</tr>
</center></table>
<table border="1" bgcolor="black" align="center"><br>
<tr>
<td align="center" bgcolor="black" colspan="100%" height="100%" width="100%"><center><font face="impact" color="white"> Contact Person : <img src ="C:\Users\User\Pictures\wa.png" width="20" height="20"> 08972230944 <img src="C:\Users\User\Pictures\gmail.png" width="20" height="20"> rezarinanda11@gmail.com </center><font></td>
</tr>
</br></table>
<table width=50% height=70% bgcolor="#C4C4C4">
<tr>
<td colspan="2" bgcolor=white>
<table bgcolor=white width=100% height=50%>
<tr>
<td><textarea cols="`100" rows=5 PLACEHOLDER="Input Komen Anda..."></textarea><br>Coment as: <select name="select" >
<option>Select Profil...</option>
</table>
</td>
</tr>
<tr><td width=80px><input type=button value=PUBLISH style=color:white;background-color:blue> </td><td>
<input type=button value=PREVIEW style=background-color:blue>
</table>
</body>
</html>
<html>
<head>
<style type="text/css">
body {
background: url(ini.jpg)no-repeat fixed;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
}
table {
border-collapse: collapse;
width: 100%;
}
th, td {
text-align: left;
padding: 10px;
}
tr:nth-child(even) {background-color: #f2f2f2f2;}
</style>
<title>Full Face Helm </title>
</head>
<body>
<div class="header"><center>
<div style="background: #9fc5e8; color:#0000cc; padding: 10px 20px 30px 25px; text-align: center; font-family: impact; font-size: 30px; width: 400px; border: 4px outset #3d85c6; border-radius:15px; -moz-box-shadow: 0px 0px 5px 4px #6fa8dc; -webkit-box-shadow: 0px 0px 5px 4px #6fa8dc; box-shadow: 0px 0px 5px 4px #6fa8dc">
Full Face Helm
</center></div>
<table border="1" bgcolor="black" align="center"><br>
<tr>
<td align="center" bgcolor="black" colspan="100%" height="100%" width="100%">
<center><font face="impact" color="white"> Contact Person : <img src ="C:\Users\User\Pictures\wa.png" width="20" height="20"> 08972230944
<img src="C:\Users\User\Pictures\gmail.png" width="20" height="20"> rezarinanda11@gmail.com </center><font></td>
</tr>
</br></table>
<table><center>
<tr>
<td><center><font face ="impact" color="white"> Helm AGV </center></td>
<td><center><font face ="impact" color="white"> Helm INK </center></td>
<td><center><font face ="impact" color="white"> Helm KYT </center></td>
</tr>
<tr>
<td><center><img src = "C:\Users\User\Pictures\AGV.jpg" width="400" height="400"><br><a href = "Pesanan.html"><button type="submit">Pesan</button></a></br></center></td>
<td><center><img src = "C:\Users\User\Pictures\INK.jpg" width="300" height="300"><br><a href = "Pesanan.html"><button type="submit">Pesan</button></a></br></center></td>
<td><center><img src = "C:\Users\User\Pictures\KYT.jpg" width="400" height="400"><br><a href = "Pesanan.html"><button type="submit">Pesan</button></a></br></center></td>
</tr>
<tr>
<td><a href =""><center><font face ="impact" color="white"> Helm AGV : Rp 700.000 </a></td>
<td><a href =""><center><font face ="impact" color="white"> Helm INK : Rp 800.000</a></td><td><a href =""><center><font face ="impact" color="white"> Helm KYT : Rp 1000.000</a></td>
</tr>
</center></table>
<table border="1" bgcolor="black" align="center"><br>
<tr>
<td align="center" bgcolor="black" colspan="100%" height="100%" width="100%">
<center><font face="impact" color="white"> Contact Person : <img src ="C:\Users\User\Pictures\wa.png" width="20" height="20"> 08972230944
<img src="C:\Users\User\Pictures\gmail.png" width="20" height="20"> rezarinanda11@gmail.com </center><font></td>
</tr>
</br></table>
<table width=50% height=70% bgcolor="#C4C4C4">
<tr>
<td colspan="2" bgcolor=white>
<table bgcolor=white width=100% height=50%>
<tr>
<td><textarea cols="`100" rows=5 PLACEHOLDER="Input Komen Anda..."></textarea><br>
Coment as: <select name="select" ><option>Select Profil...</option>
</table>
</td>
</tr>
<tr><td width=80px><input type=button value=PUBLISH style=color:white;background-color:blue> </td><td>
<input type=button value=PREVIEW style=background-color:blue>
</table>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
body {
background: url(ini.jpg)no-repeat fixed;
-webkit-background-size: 100% 100%;
-moz-background-size: 100% 100%;
-o-background-size: 100% 100%;
background-size: 100% 100%;
}
table {
border-collapse: collapse;
width: 100%;
}
th, td {
text-align: left;
padding: 10px;
}
tr:nth-child(even) {background-color: #f2f2f2f2;}
</style>
</head>
<body>
<table border="1" bgcolor="black" align="center" width="100%"><br>
<tr>
<td align="center" bgcolor="black" colspan="100%" height="100%" width="100%">
<center><font face="impact" color="white">Input Pesanan</center><font></td>
</tr>
</br></table>
<table><br>
<tr>
<td><center><font face="impact" color="white"> Jenis Pesanan :
<main>
<!-- input -->
<form class="submit">
<input type="url" placeholder="">
</form>
<!-- ./input -->
</main>
<font face="impact" color="white"> Banyaknya Pesanan :
<main>
<!-- input -->
<form class="submit">
<input type="url" placeholder="">
</form>
<!-- ./input -->
</main>
<font face="impact" color="white"> Alamat :
<main>
<!-- input -->
<form class="submit">
<input type="url" placeholder="">
</form>
<!-- ./input -->
</main>
<font face="impact" color="white"> No. Tlp :
<main>
<!-- input -->
<form class="submit">
<input type="url" placeholder="">
</form>
<!-- ./input -->
</main>
<font face="impact" color="white"> Keterangan :
<main>
<!-- input -->
<form class="submit">
<input type="url" placeholder="Warna (Merah) Size (M)">
</form>
<!-- ./input -->
</main><br>
<a href = "#"><button type="submit">Pesan</button></a></main>
</tr>
</br></table>
</body>
</html>
Komentar
Posting Komentar