weektigabelas.php
This commit is contained in:
parent
1e6e5e59e7
commit
9af2a7e3e9
@ -1,82 +0,0 @@
|
|||||||
<?php
|
|
||||||
include 'koneksi.php';
|
|
||||||
$data = mysqli_query($conn, "SELECT KODE_BARANG, NAMA_BARANG, HARGA_JUAL, STOK FROM BARANG");
|
|
||||||
?>
|
|
||||||
|
|
||||||
|
|
||||||
<html>
|
|
||||||
<head>
|
|
||||||
<style type="text/css">
|
|
||||||
#container{
|
|
||||||
display: grid;
|
|
||||||
position: static;
|
|
||||||
grid-template-columns: repeat(4, 1fr);
|
|
||||||
}
|
|
||||||
|
|
||||||
#container > div{
|
|
||||||
border: 2px solid;
|
|
||||||
border-radius: 10px;
|
|
||||||
margin: 5px;
|
|
||||||
width:350px;
|
|
||||||
height: 400px;
|
|
||||||
text-align: center;
|
|
||||||
padding: 5px;
|
|
||||||
transition: 0.2s;
|
|
||||||
}
|
|
||||||
|
|
||||||
#container > div:hover{
|
|
||||||
scale: 1.02;
|
|
||||||
}
|
|
||||||
|
|
||||||
.header{
|
|
||||||
font-weight: bold;
|
|
||||||
font-size: 40px;
|
|
||||||
}
|
|
||||||
|
|
||||||
.kedua{
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
}
|
|
||||||
|
|
||||||
.kedua > div{
|
|
||||||
margin: 10px;
|
|
||||||
}
|
|
||||||
|
|
||||||
img{
|
|
||||||
width: 200px;
|
|
||||||
height: 200px;
|
|
||||||
}
|
|
||||||
|
|
||||||
iframe{
|
|
||||||
width: 200px;
|
|
||||||
height: 115px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
</head>
|
|
||||||
|
|
||||||
<body>
|
|
||||||
<div id="container">
|
|
||||||
<?php
|
|
||||||
while ($d =mysqli_fetch_assoc($data))
|
|
||||||
{
|
|
||||||
echo "<div><div class='header'>".$d['NAMA_BARANG']."</div>";
|
|
||||||
echo "<img src='asset/".$d['KODE_BARANG'] .".jpg'>";
|
|
||||||
echo "<div>".$d['HARGA_JUAL']."</div>";
|
|
||||||
echo "<button>Buy</button>
|
|
||||||
<button>Details</button>";
|
|
||||||
echo "</div>";
|
|
||||||
}
|
|
||||||
?>
|
|
||||||
</div>
|
|
||||||
<div class="header">A a</div>
|
|
||||||
<div class="kedua">
|
|
||||||
<div>a</div>
|
|
||||||
<div>a</div>
|
|
||||||
</div>
|
|
||||||
<img src="bg.jpg">
|
|
||||||
<div>ayam</div>
|
|
||||||
</div>
|
|
||||||
|
|
||||||
</div>
|
|
||||||
</body>
|
|
||||||
</html>
|
|
||||||
Loading…
x
Reference in New Issue
Block a user