FileMaster
Search
Toggle Dark Mode
Home
/
.
/
backup
Edit File: kategori.php
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <meta name="msapplication-TileColor" content="#0E0E0E"> <meta name="template-color" content="#0E0E0E"> <meta name="description" content="Index page"> <meta name="keywords" content="index, page"> <meta name="author" content=""> <link rel="shortcut icon" type="image/x-icon" href="assets/imgs/template/favicon.svg"> <link href="assets/css/style.css?v=1.0.0" rel="stylesheet"> <title>Kategori</title> </head> <body> <div id="preloader-active"> <div class="preloader d-flex align-items-center justify-content-center"> <div class="preloader-inner position-relative"> <div class="page-loading"> <div class="page-loading-inner"> <div class="scaling-dots"> <div></div> <div></div> <div></div> <div></div> <div></div> </div> </div> </div> </div> </div> </div> <?php include('header.php'); ?> <main class="main"> <section class="section block-banner-shop"> <div class="container"> <h1 class="text-56-medium">Kategori Daftar</h1> </div> </section> <section class="section block-content-shop"> <div class="container"> <div class="box-list-products box-list-products-4 box-list-products-shop-2"> <div class="product-item"> <div class="cardProduct wow fadeInUp"> <div class="cardImage"><a href="#"><img class="imageMain" src="assets/imgs/page/homepage1/product8.png" alt="guza"><img class="imageHover" src="assets/imgs/page/homepage1/product1-hover.png" alt="guza"></a> <div class="button-select"><a href="#">Detail</a></div> </div> <div class="cardInfo"><a href="#"> <h6 class="text-16-medium cardTitle">Lace Shirt Cut II</h6></a> <p class="body-p2 cardDesc">$16.00</p> </div> </div> </div> <div class="product-item"> <div class="cardProduct wow fadeInUp"> <div class="cardImage"><a href="#"><img class="imageMain" src="assets/imgs/page/homepage1/product7.png" alt="guza"><img class="imageHover" src="assets/imgs/page/homepage1/product1-hover.png" alt="guza"></a> <div class="button-select"><a href="#">Detail</a></div> </div> <div class="cardInfo"><a href="#"> <h6 class="text-16-medium cardTitle">Lace Shirt Cut II</h6></a> <p class="body-p2 cardDesc">$16.00</p> </div> </div> </div> <div class="product-item"> <div class="cardProduct wow fadeInUp"> <div class="cardImage"><a href="#"><img class="imageMain" src="assets/imgs/page/homepage1/product6.png" alt="guza"><img class="imageHover" src="assets/imgs/page/homepage1/product1-hover.png" alt="guza"></a> <div class="button-select"><a href="#">Detail</a></div> </div> <div class="cardInfo"><a href="#"> <h6 class="text-16-medium cardTitle">Lace Shirt Cut II</h6></a> <p class="body-p2 cardDesc">$16.00</p> </div> </div> </div> <div class="product-item"> <div class="cardProduct wow fadeInUp"> <div class="cardImage"><a href="#"><img class="imageMain" src="assets/imgs/page/homepage1/product5.png" alt="guza"><img class="imageHover" src="assets/imgs/page/homepage1/product1-hover.png" alt="guza"></a> <div class="button-select"><a href="#">Detail</a></div> </div> <div class="cardInfo"><a href="#"> <h6 class="text-16-medium cardTitle">Lace Shirt Cut II</h6></a> <p class="body-p2 cardDesc">$16.00</p> </div> </div> </div> <div class="product-item"> <div class="cardProduct wow fadeInUp"> <div class="cardImage"><a href="#"><img class="imageMain" src="assets/imgs/page/homepage1/product4.png" alt="guza"><img class="imageHover" src="assets/imgs/page/homepage1/product1-hover.png" alt="guza"></a> <div class="button-select"><a href="#">Detail</a></div> </div> <div class="cardInfo"><a href="#"> <h6 class="text-16-medium cardTitle">Lace Shirt Cut II</h6></a> <p class="body-p2 cardDesc">$16.00</p> </div> </div> </div> <div class="product-item"> <div class="cardProduct wow fadeInUp"> <div class="cardImage"><a href="#"><img class="imageMain" src="assets/imgs/page/homepage1/product3.png" alt="guza"><img class="imageHover" src="assets/imgs/page/homepage1/product1-hover.png" alt="guza"></a> <div class="button-select"><a href="#">Detail</a></div> </div> <div class="cardInfo"><a href="#"> <h6 class="text-16-medium cardTitle">Lace Shirt Cut II</h6></a> <p class="body-p2 cardDesc">$16.00</p> </div> </div> </div> <div class="product-item"> <div class="cardProduct wow fadeInUp"> <div class="cardImage"><a href="#"><img class="imageMain" src="assets/imgs/page/homepage1/product2.png" alt="guza"><img class="imageHover" src="assets/imgs/page/homepage1/product1-hover.png" alt="guza"></a> <div class="button-select"><a href="#">Detail</a></div> </div> <div class="cardInfo"><a href="#"> <h6 class="text-16-medium cardTitle">Lace Shirt Cut II</h6></a> <p class="body-p2 cardDesc">$16.00</p> </div> </div> </div> <div class="product-item"> <div class="cardProduct wow fadeInUp"> <div class="cardImage"><a href="#"><img class="imageMain" src="assets/imgs/page/homepage1/product1.png" alt="guza"><img class="imageHover" src="assets/imgs/page/homepage1/product1-hover.png" alt="guza"></a> <div class="button-select"><a href="#">Detail</a></div> </div> <div class="cardInfo"><a href="#"> <h6 class="text-16-medium cardTitle">Lace Shirt Cut II</h6></a> <p class="body-p2 cardDesc">$16.00</p> </div> </div> </div> <div class="product-item"> <div class="cardProduct wow fadeInUp"> <div class="cardImage"><a href="#"><img class="imageMain" src="assets/imgs/page/homepage1/product2.png" alt="guza"><img class="imageHover" src="assets/imgs/page/homepage1/product1-hover.png" alt="guza"></a> <div class="button-select"><a href="#">Detail</a></div> </div> <div class="cardInfo"><a href="#"> <h6 class="text-16-medium cardTitle">Lace Shirt Cut II</h6></a> <p class="body-p2 cardDesc">$16.00</p> </div> </div> </div> <div class="product-item"> <div class="cardProduct wow fadeInUp"> <div class="cardImage"><a href="#"><img class="imageMain" src="assets/imgs/page/homepage1/product3.png" alt="guza"><img class="imageHover" src="assets/imgs/page/homepage1/product1-hover.png" alt="guza"></a> <div class="button-select"><a href="#">Select Options</a></div> <div class="box-quick-button"><a class="btn" href="#"> <svg class="d-inline-flex align-items-center justify-content-center" width="28" height="28" viewbox="0 0 28 28" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_116_452)"> <path d="M14.001 6.52898C16.35 4.41998 19.98 4.48998 22.243 6.75698C24.505 9.02498 24.583 12.637 22.479 14.993L13.999 23.485L5.52101 14.993C3.41701 12.637 3.49601 9.01898 5.75701 6.75698C8.02201 4.49298 11.645 4.41698 14.001 6.52898ZM20.827 8.16998C19.327 6.66798 16.907 6.60698 15.337 8.01698L14.002 9.21498L12.666 8.01798C11.091 6.60598 8.67601 6.66798 7.17201 8.17198C5.68201 9.66198 5.60701 12.047 6.98001 13.623L14 20.654L21.02 13.624C22.394 12.047 22.319 9.66498 20.827 8.16998Z" fill=""></path> </g> <defs> <clippath id="clip0_116_452"> <rect width="24" height="24" fill="white" transform="translate(2 2)"></rect> </clippath> </defs> </svg></a><a class="btn" href="#"> <svg class="d-inline-flex align-items-center justify-content-center" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_200_1102)"> <path d="M15.375 12.0416L19.5 16.1666L15.375 20.2916L14.1967 19.1133L16.31 16.9991L5.33333 17V15.3333H16.31L14.1967 13.22L15.375 12.0416ZM8.625 3.70831L9.80333 4.88665L7.69 6.99998H18.6667V8.66665H7.69L9.80333 10.78L8.625 11.9583L4.5 7.83331L8.625 3.70831Z" fill=""></path> </g> <defs> <clippath id="clip0_200_1102"> <rect width="20" height="20" fill="white" transform="translate(2 2)"></rect> </clippath> </defs> </svg></a><a class="btn preview-product" href="#"> <svg class="d-inline-flex align-items-center justify-content-center" width="28" height="28" viewbox="0 0 28 28" fill="" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_91_73)"> <path d="M20.031 18.617L24.314 22.899L22.899 24.314L18.617 20.031C17.0237 21.3082 15.042 22.0029 13 22C8.032 22 4 17.968 4 13C4 8.032 8.032 4 13 4C17.968 4 22 8.032 22 13C22.0029 15.042 21.3082 17.0237 20.031 18.617ZM18.025 17.875C19.2941 16.5699 20.0029 14.8204 20 13C20 9.132 16.867 6 13 6C9.132 6 6 9.132 6 13C6 16.867 9.132 20 13 20C14.8204 20.0029 16.5699 19.2941 17.875 18.025L18.025 17.875Z" fill=""></path> </g> <defs> <clippath id="clip0_91_73"> <rect width="24" height="24" fill="white" transform="translate(2 2)"></rect> </clippath> </defs> </svg></a></div> </div> <div class="cardInfo"><a href="#"> <h6 class="text-16-medium cardTitle">Lace Shirt Cut II</h6></a> <p class="body-p2 cardDesc">$16.00</p> <div class="box-colors"> <div class="item-color color-1"></div> <div class="item-color color-2"></div> <div class="item-color color-3"></div> </div> </div> </div> </div> <div class="product-item"> <div class="cardProduct wow fadeInUp"> <div class="cardImage"><a href="#"><img class="imageMain" src="assets/imgs/page/homepage1/product4.png" alt="guza"><img class="imageHover" src="assets/imgs/page/homepage1/product1-hover.png" alt="guza"></a> <div class="button-select"><a href="#">Select Options</a></div> <div class="box-quick-button"><a class="btn" href="#"> <svg class="d-inline-flex align-items-center justify-content-center" width="28" height="28" viewbox="0 0 28 28" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_116_452)"> <path d="M14.001 6.52898C16.35 4.41998 19.98 4.48998 22.243 6.75698C24.505 9.02498 24.583 12.637 22.479 14.993L13.999 23.485L5.52101 14.993C3.41701 12.637 3.49601 9.01898 5.75701 6.75698C8.02201 4.49298 11.645 4.41698 14.001 6.52898ZM20.827 8.16998C19.327 6.66798 16.907 6.60698 15.337 8.01698L14.002 9.21498L12.666 8.01798C11.091 6.60598 8.67601 6.66798 7.17201 8.17198C5.68201 9.66198 5.60701 12.047 6.98001 13.623L14 20.654L21.02 13.624C22.394 12.047 22.319 9.66498 20.827 8.16998Z" fill=""></path> </g> <defs> <clippath id="clip0_116_452"> <rect width="24" height="24" fill="white" transform="translate(2 2)"></rect> </clippath> </defs> </svg></a><a class="btn" href="#"> <svg class="d-inline-flex align-items-center justify-content-center" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_200_1102)"> <path d="M15.375 12.0416L19.5 16.1666L15.375 20.2916L14.1967 19.1133L16.31 16.9991L5.33333 17V15.3333H16.31L14.1967 13.22L15.375 12.0416ZM8.625 3.70831L9.80333 4.88665L7.69 6.99998H18.6667V8.66665H7.69L9.80333 10.78L8.625 11.9583L4.5 7.83331L8.625 3.70831Z" fill=""></path> </g> <defs> <clippath id="clip0_200_1102"> <rect width="20" height="20" fill="white" transform="translate(2 2)"></rect> </clippath> </defs> </svg></a><a class="btn preview-product" href="#"> <svg class="d-inline-flex align-items-center justify-content-center" width="28" height="28" viewbox="0 0 28 28" fill="" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_91_73)"> <path d="M20.031 18.617L24.314 22.899L22.899 24.314L18.617 20.031C17.0237 21.3082 15.042 22.0029 13 22C8.032 22 4 17.968 4 13C4 8.032 8.032 4 13 4C17.968 4 22 8.032 22 13C22.0029 15.042 21.3082 17.0237 20.031 18.617ZM18.025 17.875C19.2941 16.5699 20.0029 14.8204 20 13C20 9.132 16.867 6 13 6C9.132 6 6 9.132 6 13C6 16.867 9.132 20 13 20C14.8204 20.0029 16.5699 19.2941 17.875 18.025L18.025 17.875Z" fill=""></path> </g> <defs> <clippath id="clip0_91_73"> <rect width="24" height="24" fill="white" transform="translate(2 2)"></rect> </clippath> </defs> </svg></a></div> </div> <div class="cardInfo"><a href="#"> <h6 class="text-16-medium cardTitle">Lace Shirt Cut II</h6></a> <p class="body-p2 cardDesc">$16.00</p> <div class="box-colors"> <div class="item-color color-1"></div> <div class="item-color color-2"></div> <div class="item-color color-3"></div> </div> </div> </div> </div> <div class="product-item"> <div class="cardProduct wow fadeInUp"> <div class="cardImage"><a href="#"><img class="imageMain" src="assets/imgs/page/homepage1/product5.png" alt="guza"><img class="imageHover" src="assets/imgs/page/homepage1/product1-hover.png" alt="guza"></a> <div class="button-select"><a href="#">Select Options</a></div> <div class="box-quick-button"><a class="btn" href="#"> <svg class="d-inline-flex align-items-center justify-content-center" width="28" height="28" viewbox="0 0 28 28" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_116_452)"> <path d="M14.001 6.52898C16.35 4.41998 19.98 4.48998 22.243 6.75698C24.505 9.02498 24.583 12.637 22.479 14.993L13.999 23.485L5.52101 14.993C3.41701 12.637 3.49601 9.01898 5.75701 6.75698C8.02201 4.49298 11.645 4.41698 14.001 6.52898ZM20.827 8.16998C19.327 6.66798 16.907 6.60698 15.337 8.01698L14.002 9.21498L12.666 8.01798C11.091 6.60598 8.67601 6.66798 7.17201 8.17198C5.68201 9.66198 5.60701 12.047 6.98001 13.623L14 20.654L21.02 13.624C22.394 12.047 22.319 9.66498 20.827 8.16998Z" fill=""></path> </g> <defs> <clippath id="clip0_116_452"> <rect width="24" height="24" fill="white" transform="translate(2 2)"></rect> </clippath> </defs> </svg></a><a class="btn" href="#"> <svg class="d-inline-flex align-items-center justify-content-center" width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_200_1102)"> <path d="M15.375 12.0416L19.5 16.1666L15.375 20.2916L14.1967 19.1133L16.31 16.9991L5.33333 17V15.3333H16.31L14.1967 13.22L15.375 12.0416ZM8.625 3.70831L9.80333 4.88665L7.69 6.99998H18.6667V8.66665H7.69L9.80333 10.78L8.625 11.9583L4.5 7.83331L8.625 3.70831Z" fill=""></path> </g> <defs> <clippath id="clip0_200_1102"> <rect width="20" height="20" fill="white" transform="translate(2 2)"></rect> </clippath> </defs> </svg></a><a class="btn preview-product" href="#"> <svg class="d-inline-flex align-items-center justify-content-center" width="28" height="28" viewbox="0 0 28 28" fill="" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_91_73)"> <path d="M20.031 18.617L24.314 22.899L22.899 24.314L18.617 20.031C17.0237 21.3082 15.042 22.0029 13 22C8.032 22 4 17.968 4 13C4 8.032 8.032 4 13 4C17.968 4 22 8.032 22 13C22.0029 15.042 21.3082 17.0237 20.031 18.617ZM18.025 17.875C19.2941 16.5699 20.0029 14.8204 20 13C20 9.132 16.867 6 13 6C9.132 6 6 9.132 6 13C6 16.867 9.132 20 13 20C14.8204 20.0029 16.5699 19.2941 17.875 18.025L18.025 17.875Z" fill=""></path> </g> <defs> <clippath id="clip0_91_73"> <rect width="24" height="24" fill="white" transform="translate(2 2)"></rect> </clippath> </defs> </svg></a></div> </div> <div class="cardInfo"><a href="#"> <h6 class="text-16-medium cardTitle">Lace Shirt Cut II</h6></a> <p class="body-p2 cardDesc">$16.00</p> <div class="box-colors"> <div class="item-color color-1"></div> <div class="item-color color-2"></div> <div class="item-color color-3"></div> </div> </div> </div> </div> </div> <div class="text-center mt-50"> <nav class="box-pagination"> <ul class="pagination"> <li class="page-item"><a class="page-link page-prev" href="#"> <svg fill="none" stroke="currentColor" stroke-width="1.5" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M19.5 12h-15m0 0l6.75 6.75M4.5 12l6.75-6.75"></path> </svg></a></li> <li class="page-item"><a class="page-link" href="#">1</a></li> <li class="page-item"><a class="page-link active" href="#">2</a></li> <li class="page-item"><a class="page-link" href="#">3</a></li> <li class="page-item"><a class="page-link" href="#">...</a></li> <li class="page-item"><a class="page-link" href="#">10</a></li> <li class="page-item"><a class="page-link page-next" href="#"> <svg fill="none" stroke="currentColor" stroke-width="1.5" viewbox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> <path stroke-linecap="round" stroke-linejoin="round" d="M4.5 12h15m0 0l-6.75-6.75M19.5 12l-6.75 6.75"></path> </svg></a></li> </ul> </nav> </div> </div> </section> </main> <?php include('footer.php'); ?> <script src="assets/js/vendors/modernizr-3.6.0.min.js"></script> <script src="assets/js/vendors/jquery-3.7.0.min.js"></script> <script src="assets/js/vendors/jquery-migrate-3.3.0.min.js"></script> <script src="assets/js/vendors/bootstrap.bundle.min.js"></script> <script src="assets/js/vendors/waypoints.js"></script> <script src="assets/js/vendors/wow.js"></script> <script src="assets/js/vendors/magnific-popup.js"></script> <script src="assets/js/vendors/perfect-scrollbar.min.js"></script> <script src="assets/js/vendors/select2.min.js"></script> <script src="assets/js/vendors/isotope.js"></script> <script src="assets/js/vendors/swiper-bundle.min.js"></script> <script src="assets/js/vendors/counterup.js"></script> <script src="assets/js/vendors/jquery.countdown.min.js"></script> <script src="assets/js/vendors/slick.js"></script> <script src="assets/js/vendors/jquery.timepicker.min.js"></script> <script src="assets/js/vendors/glightbox.min.js"></script> <script src="assets/js/main.js?v=1.0.0"></script> </body> </html>
Save
Back