83 lines
1.8 KiB
PHP
83 lines
1.8 KiB
PHP
<?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>
|