<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pasar Jombang | Home</title>
<link rel="stylesheet" href="bootstrap-5.3.3-dist/css/bootstrap.min.css">
<link rel="stylesheet" href="fontawesome-free-6.6.0-web/css/all.min.css">
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<nav class="navbar navbar-expand-lg navbar-dark warna2">
<div class="container">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent"
aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item me-4">
<a class="nav-link" href="index.php">Home</a>
</li>
<li class="nav-item me-4">
<a class="nav-link" href="tentang-kami.php">tentang kami</a>
</li>
<li class="nav-item me-4">
<a class="nav-link" href="produk.php">Produk</a>
</li>
</ul>
</div>
</div>
</nav> <div class="container-fluid banner d-flex align-items-center">
<div class="container text-center text-white">
<h1>Pasar Online Jombang</h1>
<h3>apa Yang Ingin Anda Cari?</h3>
<div class="col-md-8 offset-md-2">
<form method="get" action="produk.php">
<div class="input-group input-group-lg my-4">
<input type="text" class="form-control" placeholder="Nama Barang" aria-label="Nama Barang"
aria-describedby="basic-addon2" name="keyword">
<button type="submit" class="btn warna1 text-white">Cari</button>
</div>
</form>
</div>
</div>
</div>
<!-- hightlight kategori -->
<div class="container-fluid py-5">
<div class="container text-center">
<h3>Kategori Terlaris</h3>
<div class="row mt-5">
<div class="col-md-4 mb-3">
<div
class="hightlight-kategori kategori-baju-pria d-flex justify-content-center align-items-center">
<h4 class="text-white">
<a class="no-decoration" href="produk.php?kategori=baju pria">
Baju Pria
</a>
</h4>
</div>
</div>
<div class="col-md-4 mb-3">
<div
class="hightlight-kategori kategori-baju-wanita d-flex justify-content-center align-items-center">
<h4 class="text-white">
<a class="no-decoration" href="produk.php?kategori=baju wanita">
Baju wanita
</a>
</h4>
</div>
</div>
<div class="col-md-4 mb-3">
<div class="hightlight-kategori kategori-sepatu d-flex justify-content-center align-items-center">
<h4 class="text-white">
<a class="no-decoration" href="produk.php?kategori=sepatu">
Sepatu
</a>
</h4>
</div>
</div>
</div>
</div>
</div>
<!-- tentang kami -->
<div class="container-fluid warna3 py-5">
<div class="container text-center">
<h3>Tentang Kami</h3>
<p class="fs-5 mt-3">Lorem ipsum dolor sit amet consectetur, adipisicing elit. Quae vero, quas
aliquid
ducimus eveniet quo sit eum porro! Exercitationem hic voluptate aspernatur rerum soluta corporis
illo in
iusto, voluptatibus eaque sequi porro nostrum nihil nam, atque quia, illum ullam voluptatem.</p>
</div>
</div>
<!-- produk -->
<div class="container-fluid py-5">
<div class="container text-center">
<h3>Produk</h3>
<div class="row mt-5">
<div class="col-sm-6 col-md-4 mb-3">
<div class="card h-100">
<div class="image-box">
<img src="image/2066f10f6780c15.jpg" class="card-img-top" alt="...">
</div>
<div class="card-body">
<h4 class="card-title">baju pantai</h4>
<p class="card-text text-truncate">diubah pertama kalinya </p>
<p class="card-text text-harga">35000</p>
<a href="produk-detail.php?nama=baju pantai "
class="btn warna2 text-white">Lihat
Detail</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- footer -->