• Tidak ada hasil yang ditemukan

KODE PROGRAM

Halman index pelanggan

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta content="width=device-width, initial-scale=1.0" name="viewport">

<title>Exito </title>

<meta content="" name="description">

<meta content="" name="keywords">

<!-- Favicons -->

<link href="https://icon-library.com/images/letter-t-icon/letter-t-icon-11.jpg" rel="icon">

<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">

<!-- Google Fonts -->

<link

href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:30 0,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">

<!-- Vendor CSS Files -->

<link href="assets/vendor/animate.css/animate.min.css" rel="stylesheet">

<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">

<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">

<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">

<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">

<!-- Template Main CSS File -->

<link href="assets/css/style.css" rel="stylesheet">

</head>

37

<body>

<!-- ======= Header ======= -->

<header id="header" class="d-flex align-items-center">

<div class="container d-flex justify-content-between align-items-center">

<div class="logo">

<h1><a href="../kp/admin/index.php">Exito</a></h1>

</div>

<nav id="navbar" class="navbar">

<ul>

<li><a class="active" href="index.php">Home</a></li>

<li><a href="product.php">All Product</a></li>

<li><a href="kontak.php">kontak</a></li>

</ul>

<i class="bi bi-list mobile-nav-toggle"></i>

</nav><!-- .navbar -->

</div>

</header><!-- End Header -->

<!-- ======= Hero Section ======= -->

<section id="hero">

<div class="hero-container">

<div id="heroCarousel" data-bs-interval="5000" class="carousel slide carousel-fade" data-bs-ride="carousel">

<ol class="carousel-indicators" id="hero-carousel-indicators"></ol>

<?php

include 'koneksi.php';

$sql = "SELECT * FROM tb_poster";

$result = $conn->query($sql);

38

$images = array();

if ($result->num_rows > 0) {

while ($row = $result->fetch_assoc()) { $images[] = $row["image_url"];

} } ?>

<div class="carousel-inner" role="listbox">

<?php

$imagesPerSlide = 3; // Number of images per slide

for ($i = 0; $i < count($images); $i += $imagesPerSlide) { $activeClass = ($i === 0) ? "active" : "";

?>

<div class="carousel-item <?php echo $activeClass; ?>">

<div class="carousel-container">

<div class="carousel-content">

<div class="row">

<?php

for ($j = 0; $j < $imagesPerSlide; $j++) { $index = $i + $j;

if ($index < count($images)) { ?>

<div class="col-md-4">

<img src="./admin/assets/images/slide/<?php echo $images[$index]; ?>" alt="Slide Image">

</div>

<?php } } ?>

</div>

</div>

</div>

</div>

<?php }

39

?>

</div>

<a class="carousel-control-prev" href="#heroCarousel" role="button" data-bs-slide="prev">

<span class="carousel-control-prev-icon bi bi-chevron-left" aria-hidden="true"></span>

</a>

<a class="carousel-control-next" href="#heroCarousel" role="button" data-bs-slide="next">

<span class="carousel-control-next-icon bi bi-chevron-right" aria-hidden="true"></span>

</a>

</div>

</div>

</section><!-- End Hero -->

<main id="main">

<!-- ======= Featured Section ======= -->

<section id="featured" class="featured">

<div class="container">

<div class="section-title">

<h2>SERVICE</h2>

</div>

<div class="row">

<div class="col-lg-4">

<div class="icon-box">

<i class="bi bi-card-checklist"></i>

<h3><a href="">Custom </a></h3>

<p>Kami menerima pembuatan jersey,t-shirt,seragam kantor dengan desain sesuai keinginan Anda dan harga yang terjangkau.</p>

</div>

</div>

<div class="col-lg-4 mt-4 mt-lg-0">

<div class="icon-box">

<i class="bi bi-bar-chart"></i>

<h3><a href="">Perlengkapan Olahraga</a></h3>

40

<p>Perlengkapan olahraga berkualitas tinggi dari kami, termasuk bola, rompi, dan kaos kaki, akan memastikan kenyamanan dan performa terbaik saat Anda berolahraga.</p>

</div>

</div>

<div class="col-lg-4 mt-4 mt-lg-0">

<div class="icon-box">

<i class="bi bi-binoculars"></i>

<h3><a href="">Brand Exito</a></h3>

<p>Kami menjual produk brand sendiri yang sesuai dengan tren terbaru dan kebutuhan konsumen, sehingga Anda bisa menemukan produk yang Anda cari dengan mudah.</p>

</div>

</div>

</div>

</div>

</section><!-- End Featured Section -->

<!-- ======= Services Section ======= -->

<section id="services" class="services">

<div class="container">

<div class="section-title">

<h2>Produk Terbaru</h2>

</div>

<div class="row">

<?php

$produk = mysqli_query($conn, "SELECT * FROM tb_product ORDER BY product_id DESC LIMIT 6");

if(mysqli_num_rows($produk)>0){

while($p = mysqli_fetch_array($produk)){

?>

<div class="col-lg-4 col-md-6 d-flex align-items-stretch">

<div class="icon-box">

<img src="admin/assets/images/products/<?php echo $p['product_image'] ?>" width="100%">

<h4><a href="detail-product.php?id=<?php echo $p['product_id'] ?> "><?php echo $p['product_name'] ?></a></h4>

<p style="font-weight: bold; font-size: 16px;">Rp. <?php echo $p['product_price'] ?></p>

</div>

</div>

<?php }} else{?>

41

<h4>Produk Tidak ada</h4>

<?php } ?>

</div>

<style>

.product-item { text-align: center;

}

.product-item h4, .product-item p { margin-top: 10px;

} </style>

</div>

</section><!-- End Services Section -->

<!-- ======= Clients Section ======= -->

<section id="clients" class="clients">

<div class="container">

<div class="section-title">

<p>kami saat ini bekerja sama dengan layanan pengiriman JNE, TIKI, dan POS untuk memenuhi kebutuhan pengiriman Anda. Selain itu, kami juga menyediakan beberapa pilihan pembayaran yang mudah, termasuk transfer bank, GoPay, dan Dana. Kami berusaha untuk memberikan kemudahan dan fleksibilitas kepada pelanggan kami dalam proses pengiriman dan pembayaran. Terima kasih atas kepercayaan Anda kepada kami.</p>

</div>

<div class="clients-slider swiper">

<div class="swiper-wrapper align-items-center">

<div class="swiper-slide"><img src="assets/img/clients/client-1.PNG" class="img-fluid" alt=""></div>

<div class="swiper-slide"><img src="assets/img/clients/client-2.PNG" class="img-fluid" alt=""></div>

<div class="swiper-slide"><img src="assets/img/clients/client-3.PNG" class="img-fluid" alt=""></div>

<div class="swiper-slide"><img src="assets/img/clients/client-4.PNG" class="img-fluid" alt=""></div>

<div class="swiper-slide"><img src="assets/img/clients/client-5.jpg" class="img-fluid" alt=""></div>

<div class="swiper-slide"><img src="assets/img/clients/client-6.PNG" class="img-fluid" alt=""></div>

<div class="swiper-slide"><img src="assets/img/clients/client-7.PNG" class="img-fluid" alt=""></div>

42

<div class="swiper-slide"><img src="assets/img/clients/client-8.PNG" class="img-fluid" alt=""></div>

</div>

<div class="swiper-pagination"></div>

</div>

</div>

</section><!-- End Clients Section -->

</main><!-- End #main -->

<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>

<!-- Vendor JS Files -->

<script src="assets/vendor/purecounter/purecounter.js"></script>

<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>

<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>

<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>

<script src="assets/vendor/waypoints/noframework.waypoints.js"></script>

<script src="assets/vendor/php-email-form/validate.js"></script>

<!-- Template Main JS File -->

<script src="assets/js/main.js"></script>

</body>

</html>

Halaman produk pelanggan

<?php include 'koneksi.php'; ?>

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="utf-8">

<meta content="width=device-width, initial-scale=1.0" name="viewport">

43

<title>Exito </title>

<meta content="" name="description">

<meta content="" name="keywords">

<!-- Favicons -->

<link href="https://icon-library.com/images/letter-t-icon/letter-t-icon-11.jpg" rel="icon">

<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">

<!-- Google Fonts -->

<link

href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:30 0,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">

<!-- Vendor CSS Files -->

<link href="assets/vendor/animate.css/animate.min.css" rel="stylesheet">

<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">

<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">

<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">

<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">

<!-- Template Main CSS File -->

<link href="assets/css/style.css" rel="stylesheet">

</head>

<body>

<!-- ======= Header ======= -->

<header id="header" class="d-flex align-items-center">

<div class="container d-flex justify-content-between align-items-center">

<div class="logo">

<h1><a href="index.php">Exito</a></h1>

</div>

<nav id="navbar" class="navbar">

44

<ul>

<li><a class="active" href="index.php">Home</a></li>

<li><a href="product.php">All Product</a></li>

<li><a href="kontak.php">Kontak</a></li>

</ul>

<i class="bi bi-list mobile-nav-toggle"></i>

</nav><!-- .navbar -->

</div>

</header><!-- End Header -->

<main id="main">

<!-- ======= Breadcrumbs ======= -->

<section id="breadcrumbs" class="breadcrumbs">

<div class="container">

<ol>

<li><a href="index.php">Home</a></li>

<li>Product</li>

</ol>

<h2>PRODUCTS</h2>

</div>

</section><!-- End Breadcrumbs -->

<!-- ======= Portfolio Section ======= -->

<section id="portfolio" class="portfolio">

<div class="container">

<div class="row">

<div class="col-lg-12 d-flex justify-content-center">

<ul id="portfolio-flters">

<li data-filter="*" class="filter-active">All</li>

<?php

$kategory = mysqli_query($conn, "SELECT * FROM tb_category ORDER BY category_id DESC");

if(mysqli_num_rows($kategory)>0){

while($p = mysqli_fetch_array($kategory)){

45

?>

<li data-filter=".filter-<?php echo $p['category_id'] ?>"><?php echo $p['name_category'] ?></li>

<?php }} else{?>

<h4>Produk Tidak ada</h4>

<?php } ?>

</ul>

</div>

</div>

<div class="row portfolio-container">

<?php

$produk = mysqli_query($conn, "SELECT * FROM tb_product WHERE product_status = 1 ORDER BY product_id DESC");

if(mysqli_num_rows($produk)>0){

while($p = mysqli_fetch_array($produk)){

?>

<div class="col-lg-4 col-md-6 portfolio-item filter-<?php echo $p['category_id'] ?>">

<div class="portfolio-wrap">

<img src="admin/assets/images/products/<?php echo $p['product_image'] ?>" class="img-fluid" alt="">

<div class="portfolio-info">

<h4><?php echo $p['product_name'] ?></h4>

<p>Rp. <?php echo $p['product_price'] ?></p>

<div class="portfolio-links">

<a href="admin/assets/images/products/<?php echo $p['product_image'] ?>" data-gallery="portfolioGallery" class="portfolio-lightbox" title="<?php echo

$p['product_name'] ?>"><i class="bx bx-link"></i></a>

<a href="detail-product.php?id=<?php echo $p['product_id'] ?>" title="More Details"><i class="bx bx-plus"></i></a>

</div>

</div>

</div>

</div>

<?php }} else{?>

<h4>Produk Tidak ada</h4>

<?php } ?>

</div>

</div>

</section><!-- End Portfolio Section -->

<!-- ======= Clients Section ======= -->

46

<footer id="footer">

<div class="container">

<div class="copyright">

&copy; Copyright <strong><span>EXito</span></strong>. All Rights Reserved </div>

<div class="credits">

Designed by <a >tempiltin</a>

</div>

</div>

</footer><!-- End Footer -->

<a href="#" class="back-to-top d-flex align-items-center justify-content-center"><i class="bi bi-arrow-up-short"></i></a>

<!-- Vendor JS Files -->

<script src="assets/vendor/purecounter/purecounter.js"></script>

<script src="assets/vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

<script src="assets/vendor/glightbox/js/glightbox.min.js"></script>

<script src="assets/vendor/isotope-layout/isotope.pkgd.min.js"></script>

<script src="assets/vendor/swiper/swiper-bundle.min.js"></script>

<script src="assets/vendor/waypoints/noframework.waypoints.js"></script>

<script src="assets/vendor/php-email-form/validate.js"></script>

<!-- Template Main JS File -->

<script src="assets/js/main.js"></script>

</body>

</html>

Halaman detail produk

<?php include 'koneksi.php'; ?>

<!DOCTYPE html>

<html lang="en">

47

<meta charset="utf-8">

<meta content="width=device-width, initial-scale=1.0" name="viewport">

<title>Exito </title>

<meta content="" name="description">

<meta content="" name="keywords">

<!-- Favicons -->

<link href="https://icon-library.com/images/letter-t-icon/letter-t-icon-11.jpg" rel="icon">

<link href="assets/img/apple-touch-icon.png" rel="apple-touch-icon">

<!-- Google Fonts -->

<link

href="https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i|Raleway:300,300i,400,400i,500,500i,600,600i,700,700i|Poppins:30 0,300i,400,400i,500,500i,600,600i,700,700i" rel="stylesheet">

<!-- Vendor CSS Files -->

<link href="assets/vendor/animate.css/animate.min.css" rel="stylesheet">

<link href="assets/vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

<link href="assets/vendor/bootstrap-icons/bootstrap-icons.css" rel="stylesheet">

<link href="assets/vendor/boxicons/css/boxicons.min.css" rel="stylesheet">

<link href="assets/vendor/glightbox/css/glightbox.min.css" rel="stylesheet">

<link href="assets/vendor/swiper/swiper-bundle.min.css" rel="stylesheet">

<!-- Template Main CSS File -->

<link href="assets/css/style.css" rel="stylesheet">

</head>

<body>

<!-- ======= Header ======= -->

<header id="header" class="d-flex align-items-center">

<div class="container d-flex justify-content-between align-items-center">

<div class="logo">

<h1><a href="index.php">Exito</a></h1>

</div>

48

<nav id="navbar" class="navbar">

<ul>

<li><a class="active" href="index.php">Home</a></li>

<li><a href="product.php">All Product</a></li>

<li><a href="kontak.php">kontak</a></li>

</ul>

<i class="bi bi-list mobile-nav-toggle"></i>

</nav><!-- .navbar -->

</div>

</header><!-- End Header -->

<main id="main">

<!-- ======= Breadcrumbs ======= -->

<section id="breadcrumbs" class="breadcrumbs">

<div class="container">

<ol>

<li><a href="index.php">Home</a></li>

<li> Details Product</li>

</ol>

<h2>Details Product</h2>

</div>

</section><!-- End Breadcrumbs -->

<!-- ======= Portfolio Details Section ======= -->

<section id="portfolio-details" class="portfolio-details">

<?php

$produk = mysqli_query($conn, "SELECT * FROM tb_product WHERE product_id = '".$_GET['id']."' ");

$p = mysqli_fetch_object($produk);

?>

<div class="container">

<div class="row gy-4">

49

<div class="col-lg-8">

<div class="portfolio-details-slider swiper">

<div class="swiper-wrapper align-items-center">

<div class="swiper-slide">

<img src="admin/assets/images/products/<?php echo $p->product_image ?>" width="100%" alt="">

</div>

</div>

<div class="swiper-pagination"></div>

</div>

</div>

<div class="col-lg-4">

<form action="" method="post" enctype="multipart/form-data">

<div class="portfolio-info">

<h3>Brands Exito</h3>

<ul>

<li><strong>Product</strong>: <?php echo $p->product_name ?></li>

<li><strong>Harga</strong>: Rp. <?php echo $p->product_price ?></li>

<li>

<a href="kontak.php" name="submit"

value="Order Sekarang"

type="submit"

class="main-btn primary-btn square-btn btn-hover"

>Order Sekarang</a>

</li>

</ul>

</div>

<div class="portfolio-description">

<h2>Detail Product</h2>

<p><?php echo $p->product_deskripsi ?></p>

</div>

</div>

</div>

</section><!-- End Portfolio Details Section -->

Unduh sekarang "LAPORAN MAGANG “ PERAN..."

Garis besar

Dokumen terkait