<!--
-- Uploaded on : https://haxor.my.id/open/Sanz-store.html
-- Official Web : https://prinsh.com
-- script-deface-generator.prinsh.com
-->
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Toko Sanz</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<style>
/* CSS untuk tampilan website */
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f4f4f4;
}
.container {
width: 80%;
margin: 0 auto;
}
header {
background-color: #333;
color: #fff;
padding: 20px 0;
}
header h1 {
margin: 0;
}
nav ul {
list-style: none;
padding: 0;
}
nav ul li {
display: inline;
margin-right: 20px;
}
nav ul li a {
color: #fff;
text-decoration: none;
}
main {
display: flex;
justify-content: space-between;
margin-top: 20px;
}
.produk {
width: 60%;
}
.item-produk {
border: 1px solid #ccc;
padding: 20px;
margin-bottom: 20px;
background-color: #fff;
}
.item-produk img {
max-width: 100%;
}
.sidebar {
width: 30%;
}
footer {
background-color: #333;
color: #fff;
text-align: center;
padding: 10px 0;
}
footer p, footer ul {
margin: 0;
padding: 0;
}
footer ul li {
display: inline;
margin-right: 10px;
}
</style>
<header>
<div class="container">
<h1>Sanz-Store</h1>
<nav>
<img src="https://i.ibb.co/f0tVc56/68747470733a2f2f692e6962622e636f2f6231486d4462302f32303233313131332d3038333830382e706e67.png"height="100px"width="100px">
<ul>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
<li><a href="#"></a></li>
</ul>
</nav>
</div>
</header>
<main class="container">
<section class="produk">
<div class="item-produk">
<img src="https://i.ibb.co/fSjKXm0/7f7fa5bcc65963f246bf52be438a44fe-jpg-720x720q80.jpg" alt="Produk 1">
<h2>HARGA FOLOWERS</h2>
<p>Klik di bawah</p>
<p>untuk membeli</p>
<button><a href="https://aristriadi123@gmail.com">Beli</a></button>
</div>
<div class="item-produk">
<!-- Informasi produk kedua -->
</div>
<!-- Tambahkan kategori lainnya -->
</ul>
</div>
</aside>
</main>
<footer>
<div class="container">
<p>Kontak: email: aristriadi123@gmail.com | Telp:b: +62 831-5169-7416</p>
<ul class="sosial-media">
<li><a href="https://www.youtube.com/@Mr_jhon26">YouTube</a></li>
<li><a href="tiktok.com/@sanzacil_026">TikTok</a></li>
<li><a href="https://instagram.com/sanzacil_026?igshid=OGY3MTU3OGY1Mw==">Instagram</a></li>
<!-- Tautan ke platform sosial media lainnya -->
</ul>
</div>
</footer>
</body>
</html>