Script HTML Indeks Pelanggan Listrik
<html>
<head>
<title>Indeks Pelanggan Listrik Prabayar Dan Pascabayar</title>
<style>
.flat-table {
margin-bottom: 20px;
border-collapse:collapse;
font-family: 'Helvetica', Open Sans, Trebuchet MS, sans-serif;
border: none;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
.flat-table th, .flat-table td {
box-shadow: inset 0 -1px rgba(0,0,0,0.25),
inset 0 1px rgba(0,0,0,0.25);
}
.flat-table th {
font-weight: normal;
-webkit-font-smoothing: antialiased;
padding: 1em;
color: rgba(0,0,0,0.45);
text-shadow: 0 0 1px rgba(0,0,0,0.1);
font-size: 1.4em;
font-weight: bold;
}
.flat-table td {
color: #f7f7f7;
padding: 0.7em 1em 0.7em 1.15em;
text-shadow: 0 0 1px rgba(255,255,255,0.1);
font-size: 1.1em;
}
.flat-table tr {
-webkit-transition: background 0.3s, box-shadow 0.3s;
-moz-transition: background 0.3s, box-shadow 0.3s;
transition: background 0.3s, box-shadow 0.3s;
}
.flat-table-3 {
background: #52be7f;
}
.flat-table-3 tr:hover {
background: rgba(0,0,0,0.1);
}
</Style>
</head>
<body>
<center><H1>Indeks Pelanggan Listrik<br/>
Prabayar Dan Pascabayar</H1></center>
<table class="flat-table flat-table-3">
<thead>
<th>No.</th>
<th>Nomer. Meter</th>
<th>Nama Pelanggan</th>
</thead>
<tbody>
<tr>
<td>1</td>
<td>22222222222</td>
<td>Iwan</td>
</tr>
<tr>
<td>2</td>
<td>33333333333</td>
<td>Budi</td>
</tr>
<tr>
<td>3</td>
<td>44444444444</td>
<td>Dani</td>
</tr>
<tr>
<td>4</td>
<td>55555555555</td>
<td>Dewi</td>
</tr>
<tr>
<td>5</td>
<td>66666666666</td>
<td>Sari</td>
</tr>
<tr>
<td>6</td>
<td>7777777777</td>
<td>Doni</td>
</tr>
<tr>
<td>7</td>
<td>8888888888</td>
<td>Rustam</td>
</tr>
<tr>
<td>8</td>
<td>9999999999</td>
<td>Dinda</td>
</tr>
<tr>
<td>9</td>
<td>1222222222</td>
<td>Pendi</td>
</tr>
<tr>
<td>10</td>
<td>11111111111</td>
<td>M.Handoko</td>
</tr>
</tbody>
</table>
</body>
</html>
Public Last updated: 2017-05-09 08:45:36 AM
