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