tag:blogger.com,1999:blog-89044378277780400162024-03-05T01:03:49.314-08:00Daily Enjoying Lifecekhttp://www.blogger.com/profile/16220870593574745960noreply@blogger.comBlogger5125tag:blogger.com,1999:blog-8904437827778040016.post-79625889907803216002017-03-31T04:07:00.000-07:002017-03-31T04:07:17.335-07:00PWEB 4: Bootstrap<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvww_zeZAzUggzmRDcsBkzypAXqJgZ_50eP_x-ANsWDFuxgXLpPfW7sdDPkEFmKSxUD6tXzHBHIPMNau_3u33_OGtjXy44hQkhfVUit64B1oc1dgQ5SlLbBmRw0zxFwz5dnKgjTeFuqbI/s1600/7h.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvww_zeZAzUggzmRDcsBkzypAXqJgZ_50eP_x-ANsWDFuxgXLpPfW7sdDPkEFmKSxUD6tXzHBHIPMNau_3u33_OGtjXy44hQkhfVUit64B1oc1dgQ5SlLbBmRw0zxFwz5dnKgjTeFuqbI/s320/7h.JPG" width="147" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZhLYl1stXqtIn6wZtAu__MG_6bIvv8TdM38LeeDCpI_A8p7ZYE7pIcDhLTrM19z25I2IghIuYv3JBdmwl6b9FAN7J0g1y06wvrnOw4Czn1t_eJQbNrxuVdgCHdKQtM2MasbnKrdzL2Hw/s1600/7g.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="157" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZhLYl1stXqtIn6wZtAu__MG_6bIvv8TdM38LeeDCpI_A8p7ZYE7pIcDhLTrM19z25I2IghIuYv3JBdmwl6b9FAN7J0g1y06wvrnOw4Czn1t_eJQbNrxuVdgCHdKQtM2MasbnKrdzL2Hw/s320/7g.JPG" width="320" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBeFm3XH0e_JuzxER2IUc9pjXxcJNAgdlxX5ZZHEMtQ2GIx_QlJwRjI_RiJPJbi2zsK1ggp-ULpVpzqoYZJljhi2dSEMgMygPHOPq9sCybt63_PQdIUgyMAeKy8UJ3d5Wdc92t0mRC4_0/s1600/6g.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBeFm3XH0e_JuzxER2IUc9pjXxcJNAgdlxX5ZZHEMtQ2GIx_QlJwRjI_RiJPJbi2zsK1ggp-ULpVpzqoYZJljhi2dSEMgMygPHOPq9sCybt63_PQdIUgyMAeKy8UJ3d5Wdc92t0mRC4_0/s320/6g.JPG" width="175" /></a></div>
<br />cekhttp://www.blogger.com/profile/16220870593574745960noreply@blogger.com0tag:blogger.com,1999:blog-8904437827778040016.post-46470594502296309212017-03-31T04:03:00.001-07:002017-03-31T04:03:17.436-07:00Rancangan Sketsa Desain Organisasi MRPTNI<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX1FWXZJDSzutciTJthYk-uwOYMxK453aSoi6OqEnA1AstU2dML6hJKEl1KUiZadY41cZKiAJRI-3x8ye4lsXSIMJNTPExUm-5Nbk4z6unnvBpQuq40zdSpF9kHBym_aHNnbfvH_opHv4/s1600/7h.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhX1FWXZJDSzutciTJthYk-uwOYMxK453aSoi6OqEnA1AstU2dML6hJKEl1KUiZadY41cZKiAJRI-3x8ye4lsXSIMJNTPExUm-5Nbk4z6unnvBpQuq40zdSpF9kHBym_aHNnbfvH_opHv4/s320/7h.JPG" width="147" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHrU7DCGikR7WdEEHuUDoC3B6ayJ5FNOs8H-hvH1PShGDsG6pf2-hlMu51077VHo_IJaqFvQCNSnnOrwxsXDF4g77uz37rAD5wP0Ust5fLTGxy-I0z2c2lzGfgQsYfhsT3UBivn0DtfTA/s1600/6g.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhHrU7DCGikR7WdEEHuUDoC3B6ayJ5FNOs8H-hvH1PShGDsG6pf2-hlMu51077VHo_IJaqFvQCNSnnOrwxsXDF4g77uz37rAD5wP0Ust5fLTGxy-I0z2c2lzGfgQsYfhsT3UBivn0DtfTA/s320/6g.JPG" width="175" /></a></div>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoR3Vhvgo1de04FY2E8PAh8cGnVFDxMJRJptWOVi2Zut8Z9eftQvr6126mebscNchTnFjR6ZBo_a1DJ-X86igXEqnkWdctG_cD_N9a_c5bwJ3__7zoewcGUZHn85m5_r9NP_g4uZ6oAa0/s1600/7g.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="157" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhoR3Vhvgo1de04FY2E8PAh8cGnVFDxMJRJptWOVi2Zut8Z9eftQvr6126mebscNchTnFjR6ZBo_a1DJ-X86igXEqnkWdctG_cD_N9a_c5bwJ3__7zoewcGUZHn85m5_r9NP_g4uZ6oAa0/s320/7g.JPG" width="320" /></a></div>
<br />cekhttp://www.blogger.com/profile/16220870593574745960noreply@blogger.com0tag:blogger.com,1999:blog-8904437827778040016.post-6047436692639648062017-03-16T17:40:00.001-07:002017-03-16T17:41:25.164-07:00JavaScript - Pemrograman Web<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe0jSqk56UGvKucS_SY3fodZ0wkubYYTX5Exe6eLTe3_uEUHJo-bSOXsAyZzdy4WmzvNm4KsxME9d_WSwnI_0v3LVVJ2lcIZZa1-kUhp7WyqO7QnmFRzD3ICZOpd8yxprwTljgE4zBySk/s1600/3df.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="133" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe0jSqk56UGvKucS_SY3fodZ0wkubYYTX5Exe6eLTe3_uEUHJo-bSOXsAyZzdy4WmzvNm4KsxME9d_WSwnI_0v3LVVJ2lcIZZa1-kUhp7WyqO7QnmFRzD3ICZOpd8yxprwTljgE4zBySk/s400/3df.png" width="400" /></a></div>
<br />
<span id="goog_1791062729"></span><span id="goog_1791062730"></span><br />
<br />
<br />
<br />
<!DOCTYPE html><br />
<html><br />
<head><br />
<title></title><br />
<script type="text/javascript"><br />
function myFunction(){<br />
var conf = window.alert("Pendaftaran Berhasil");<br />
}<br />
</script><br />
<style type="text/css"><br />
*{<br />
margin: 0px;<br />
padding: 0px;<br />
font-family: arial;<br />
}<br />
.navbar{<br />
background-color: #333;<br />
padding: 20px;<br />
margin-bottom:5em;<br />
color: white;<br />
}<br />
.head{<br />
color: grey;<br />
<br />
}<br />
.head_al{<br />
padding-top: 50px;<br />
}<br />
.table{<br />
margin-top: 20px;<br />
}<br />
input{<br />
padding-left: 10px;<br />
border: none;<br />
border-bottom: 2px solid grey;<br />
height: 20px;<br />
width: 250px;<br />
font-size: 15px;<br />
}<br />
td{<br />
padding: 5px;<br />
padding-right: 15px;<br />
}<br />
button{<br />
margin: 40px;<br />
padding: 10px;<br />
background-color: #333;<br />
border: none;<br />
border-radius: 8px;<br />
color: white;<br />
font-size: 15px;<br />
font-weight: bold;<br />
}<br />
button:hover{<br />
background-color: #ffce42;<br />
}<br />
.footer{<br />
background-color: #333;<br />
height: 300px;<br />
}<br />
img{<br />
margin-top: 20px;<br />
height: 100px;<br />
border: 2px solid #333;<br />
border-radius: 100px;<br />
}<br />
</style><br />
</head><br />
<body><br />
<div class="navbar"><br />
<h3>LOVE.ME</h3><br />
</div><br />
<div align="center"><br />
<h2 class="head">PENDAFTARAN MEMBER</h2><br />
<table class="table"><br />
<tr><br />
<td>Nama</td><br />
<td><br />
<input list="nama" name="" type="text"><br />
</td><br />
</tr><br />
<tr><br />
<td>Status</td><br />
<td><br />
<input list="status" name="" type="text"> <datalist id="status"><br />
</datalist><br />
<script><br />
var statusli = ["Single","In Relationship","Complicated"];<br />
var options = '';<br />
for(var i=0; i<statusli.length; i++){<br />
options += '<option value="'+statusli[i]+'">';<br />
}<br />
document.getElementById('status').innerHTML = options;<br />
console.log(options);<br />
</script><br />
</td><br />
</tr><br />
</table><br />
</div><br />
<div align="center"><br />
<button onclick="myFunction()" type="button">DAFTARKAN SAYA!</button><br />
</div><br />
<div class="footer"></div><br />
</body><br />
</html>cekhttp://www.blogger.com/profile/16220870593574745960noreply@blogger.com0tag:blogger.com,1999:blog-8904437827778040016.post-10943253970812030312017-03-02T18:54:00.000-08:002017-03-02T18:54:16.899-08:00PWEB 2<!DOCTYPE html><br />
<head><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><style type="text/css"><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>body{<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>margin:0;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>padding:0;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>margin:0 auto;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>#navigasi{<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background:#78a5ed;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>display:block;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>position: relative;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>height:50px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>width: 100%<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>#navigasi ul li{<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>list-style: none;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>float:right;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>padding-left:20px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>#navigasi ul li a{<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>color:#fff;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>text-decoration: none;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>#header{<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>height:400px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>display: block;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>ul.left{<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>float:left;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>ul.right{<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>float:right;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>padding-right:20px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>.wrapper{<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>width:960px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>margin: 0 auto;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>#header{<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>width: 100%;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>height: 80px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>border-bottom: 2px solid #444;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>margin: 0 auto;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>text-align: center;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>#konten{<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>width:100%;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>height:500px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>padding-top:40px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>margin: 0 auto;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>table {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> border-collapse: separate;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> background:#fff;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> margin:50px auto;<br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>thead {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>background:#3576dd;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>thead th {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> font-family: 'Patua One', cursive;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> font-size:16px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> font-weight:400;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> color:#fff;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> text-align:left;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> padding:20px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> border-top:1px solid #858d99;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>tbody tr td {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> font-family: 'Open Sans', sans-serif;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> font-weight:400;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> color:#5f6062;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> font-size:13px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> padding:20px 20px 20px 20px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> border-bottom:1px solid #e0e0e0;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>tbody:hover > tr td {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>tbody:hover > tr:hover td {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>}<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>@import "compass/css3";<br />
<br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span>form {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> max-width: 600px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> text-align: center;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> margin: 20px auto;<br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> }<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> input, textarea {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> border:1px solid #ccc; outline:0;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> padding: 1em;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> width: 100%;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> font-family: 'Open sans', sans-serif;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> }<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> #input-submit {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> color: white;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> cursor: pointer;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> }<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> textarea {<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> height: 126px;<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> }<br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span></style><br />
</head><br />
<body><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div id="navigasi"><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><ul class="left"><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><li>Pemesanan Tiket Kereta Api Online</li><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><li><a href="#">Daftar Harga Kelas KA</a></li><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><li><a href="#">Daftar Jadwal KA</a></li><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><li><a href="#">Daftar Pesanan Tiket</a></li><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span></ul><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><ul class="right"><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><li><a href="#">Logout</a></li><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span></ul><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div id="header"><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div class="wrapper"><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><h1 class="title">Selamat Datang!!!</h1><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div id="konten"><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span><div id="wrapper"><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <form action="" method="GET" name="giuliamalaroda"><br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <label for="name">Nama Kereta</label><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <input type="text" name="name" id="name" placeholder="Name" required><br><br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <label for="berangkat">Tanggal Berangkat</label><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <input type="date" name="berangkat" id="berangkat" placeholder="berangkat" required><br><br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <label for="tiba">Tanggal Tiba</label><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <input type="date" name="tiba" id="tiba" placeholder="tiba" required><br><br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <label for="jamber">Jam Berangkat</label><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <input type="datetime-local" name="jamber" id="jamber" placeholder="jamber" required><br><br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <label for="jamtiba">Jam Tiba</label><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <input type="datetime-local" name="jamtiba" id="jamtiba" placeholder="jamtiba" required><br><br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <label for="dari">Dari</label><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <input type="text" name="dari" id="dari" placeholder="tujuan" required><br><br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <label for="tujuan">Ke</label><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <input type="text" name="tujuan" id="tujuan" placeholder="Email" required><br><br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <label for="essay">Kelas</label><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <input type="dropdown"><br><br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <input type="submit" value="Submit"><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> </form><br />
<br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <table><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <thead><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <tr><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <th>No</th><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <th>Nama Kereta</th><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <th>Jadwal Berangkat</th><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <th>Jadwal Tiba</th><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <th>Dari</th><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <th>Ke</th><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <th>Harga (Kelas)</th><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <th>Action</th><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> </tr><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> </thead><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <tbody><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <tr><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <td>1</td><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <td>Argo Paralayang</td><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <td>2014-4-5</td><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <td>2015-4-1</td><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <td>Gambir, Jakarta Pusat</td><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <td>Bandung</td><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <td>Bisnis - 90.000</td><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <td><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <span class="Apple-tab-span" style="white-space: pre;"> </span><button>Edit</button><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <span class="Apple-tab-span" style="white-space: pre;"> </span><button>Delete</button><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> </td><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> </tr><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <tr><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <td>2</td><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <td>Argo Paralayang</td><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <td>2015-4-5</td><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <td>2016-4-1</td><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <td>Gambir, Jakarta Pusat</td><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <td>Surabaya</td><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <td>Ekonomi - 50.000</td><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <td><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <span class="Apple-tab-span" style="white-space: pre;"> </span><button>Edit</button><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> <span class="Apple-tab-span" style="white-space: pre;"> </span><button>Delete</button><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> </td><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> </tr><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span> </tbody><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span></table><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span></div><br />
<span class="Apple-tab-span" style="white-space: pre;"> </span></div><br />
</body><br />
<br />
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirV5v94g87-5v1ahraYrt3Uw9H8lwBiU_M9Bgpn_2UTYU5rJnuVH2WambPdmSHO-YQf_STJHHvsyeUSSrLW42V-JOdp8P3qUGKq4hR8QGYM3sXunWVGa8yKYLeknueOkwvloqFoPnAWCU/s1600/232323.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirV5v94g87-5v1ahraYrt3Uw9H8lwBiU_M9Bgpn_2UTYU5rJnuVH2WambPdmSHO-YQf_STJHHvsyeUSSrLW42V-JOdp8P3qUGKq4hR8QGYM3sXunWVGa8yKYLeknueOkwvloqFoPnAWCU/s320/232323.PNG" width="320" /></a></div>
<br />cekhttp://www.blogger.com/profile/16220870593574745960noreply@blogger.com0tag:blogger.com,1999:blog-8904437827778040016.post-32918200530205710312017-03-02T15:47:00.001-08:002017-03-02T15:47:22.905-08:00PEMROGRAMAN WEB 1 - Pengenalan HTML CSS<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlC1uI15bkmOyaXj5akYeVc-e1GN860UVvP1EjF-gtN0gP79LkEIk1Uch_5qdrQLIRcJzLC0LgEQK65fJHTfbjLv_nSl61lJAraSvAZN_ic1Ml43suSBSjT04eTCMh8KX4zGk2Ms2IsjA/s1600/4r.JPG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="172" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlC1uI15bkmOyaXj5akYeVc-e1GN860UVvP1EjF-gtN0gP79LkEIk1Uch_5qdrQLIRcJzLC0LgEQK65fJHTfbjLv_nSl61lJAraSvAZN_ic1Ml43suSBSjT04eTCMh8KX4zGk2Ms2IsjA/s320/4r.JPG" width="320" /></a></div>
<blockquote class="tr_bq">
<!DOCTYPE html> <br /> <html> <br /> <head> <br /> <title>Muflich Kamil Portfolio</title> <br /> <style type="text/css"> <br /> body{ <br /> background:#444; <br /> color: white; <br /> text-align: center; <br /> font-family: century gothic; <br /> padding: 10px; <br /> } <br /> p { <br /> border: 1px; <br /> padding: 30px; <br /><span class="Apple-tab-span" style="white-space: pre;"> </span>color:#444;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>width:30%;<br /><span class="Apple-tab-span" style="white-space: pre;"> </span>margin:0 auto;<br /> background-color : #f5f5f5; <br /> } <br /> </style> <br /> </head> <br /> <body> <br /> <h1>Hello World!</h1> <br /> <img src="C:\Users\organizer\Desktop\Impormen\pict_muflichkamil.jpg" height="180"> <br /> <h2>@kamilolimak</h2> <br /> <p>Nama : Muflich Kamil <br /> <br>Jenis Kelamin : Laki-laki <br /> <br>Tempat & Tanggal Lahir : Gresik, 25 September 1997 <br /> <br>Alamat : Jl Mulyosari Tengah <br /> <br>Agama : Islam <br /> <br>No HP : 085648819192 <br /> </p> <br /> </body> <br /> </html> </blockquote>
cekhttp://www.blogger.com/profile/16220870593574745960noreply@blogger.com0