관리-도구
편집 파일: gallery.html
<!doctype html> <html class="no-js" lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <title>Iron Studio || Gallery</title> <meta name="robots" content="noindex, follow" /> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- Favicon --> <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.png"> <!-- CSS ============================================ --> <!-- Bootstrap CSS --> <link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css"> <link rel="stylesheet" href="assets/css/vendor/font-awesome.css"> <link rel="stylesheet" href="assets/css/vendor/flaticon/flaticon.css"> <link rel="stylesheet" href="assets/css/vendor/slick.css"> <link rel="stylesheet" href="assets/css/vendor/slick-theme.css"> <link rel="stylesheet" href="assets/css/vendor/jquery-ui.min.css"> <link rel="stylesheet" href="assets/css/vendor/sal.css"> <link rel="stylesheet" href="assets/css/vendor/magnific-popup.css"> <link rel="stylesheet" href="assets/css/vendor/base.css"> <link rel="stylesheet" href="assets/css/style.min.css"> </head> <body class="sticky-header"> <!--[if lte IE 9]> <p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p> <![endif]--> <a href="#top" class="back-to-top" id="backto-top"><i class="fal fa-arrow-up"></i></a> <!-- Start Header --> <header class="header axil-header header-style-5"> <div class="axil-header-top"> <div class="container"> <div class="row align-items-center"> <div class="col-lg-6 col-sm-12 col-12"> <div class="header-top-link"> <ul class="quick-link"> <li><a href="#">+91 8078093777, 9745108162</a></li> <li><a href="#">ironstudiopvtltd@gmail.com</a></li> </ul> </div> </div> <div class="col-lg-6 col-sm-6 col-12"> <div class="header-top-link"> <ul class="quick-link"> <li><a href="#">Example Tag Line!</a></li> </ul> </div> </div> </div> </div> </div> <!-- Start Mainmenu Area --> <div id="axil-sticky-placeholder"></div> <div class="axil-mainmenu"> <div class="container"> <div class="header-navbar"> <div class="header-brand"> <a href="index.html" class="logo logo-dark"> <img src="assets/images/logo/logo.png" alt="Site Logo"> </a> <a href="index.html" class="logo logo-light"> <img src="assets/images/logo/logo-light.png" alt="Site Logo"> </a> </div> <div class="header-main-nav"> <!-- Start Mainmanu Nav --> <nav class="mainmenu-nav"> <button class="mobile-close-btn mobile-nav-toggler"><i class="fas fa-times"></i></button> <div class="mobile-nav-brand"> <a href="index.html" class="logo"> <img src="assets/images/logo/logo.png" alt="Site Logo"> </a> </div> <ul class="mainmenu"> <li> <a href="index.html">Home</a> </li> <li class="menu-item-has-children"> <a href="products.html">Products</a> <ul class="axil-submenu"> <li><a href="#">Category1</a></li> <li><a href="#">Category2</a></li> <li><a href="#">Category3</a></li> </ul> </li> <li class="menu-item-has-children"> <a href="gallery.html">Gallery</a> <ul class="axil-submenu"> <li><a href="#">Images</a></li> <li><a href="#">Videos</a></li> </ul> </li> <li><a href="about-us.html">About</a></li> <li><a href="contact.html">Contact</a></li> </ul> </nav> <!-- End Mainmanu Nav --> </div> <div class="header-action"> <ul class="action-list"> <li class="axil-search d-xl-block d-none"> <input type="search" class="placeholder product-search-input" name="search2" id="search2" value="" maxlength="128" placeholder="What are you looking for?" autocomplete="off"> <button type="submit" class="icon wooc-btn-search"> <i class="flaticon-magnifying-glass"></i> </button> </li> <li class="axil-search d-xl-none d-block"> <a href="javascript:void(0)" class="header-search-icon" title="Search"> <i class="flaticon-magnifying-glass"></i> </a> </li> </li> <li class="axil-mobile-toggle"> <button class="menu-btn mobile-nav-toggler"> <i class="flaticon-menu-2"></i> </button> </li> </ul> </div> </div> </div> </div> <!-- End Mainmenu Area --> </header> <!-- End Header --> <main class="main-wrapper"> <!-- Start Breadcrumb Area --> <div class="axil-breadcrumb-area"> <div class="container"> <div class="row align-items-center"> <div class="col-lg-6 col-md-8"> <div class="inner"> <ul class="axil-breadcrumb"> <li class="axil-breadcrumb-item"><a href="index.html">Home</a></li> <li class="separator"></li> <li class="axil-breadcrumb-item active" aria-current="page">Gallery</li> </ul> <h1 class="title">Image Gallery</h1> </div> </div> <div class="col-lg-6 col-md-4"> <div class="inner"> <div class="bradcrumb-thumb"> <img src="assets/images/product/product-45.png" alt="Image"> </div> </div> </div> </div> </div> </div> <!-- End Breadcrumb Area --> <!-- Start Blog Area --> <div class="axil-blog-area axil-section-gap"> <div class="container"> <div class="row"> <div class="col-lg-8"> <div class="row g-5"> <div class="col-md-6"> <div class="content-blog blog-grid"> <div class="inner"> <div class="thumbnail"> <a href="#"> <img src="assets/images/blog/blog-10.png" alt="Gallery Images"> </a> </div> </div> </div> </div> <div class="col-md-6"> <div class="content-blog blog-grid"> <div class="inner"> <div class="thumbnail"> <a href="#"> <img src="assets/images/blog/blog-11.png" alt="Gallery Images"> </a> </div> </div> </div> </div> <div class="col-md-6"> <div class="content-blog blog-grid"> <div class="inner"> <div class="thumbnail"> <a href="#"> <img src="assets/images/blog/blog-12.png" alt="Gallery Images"> </a> </div> </div> </div> </div> <div class="col-md-6"> <div class="content-blog blog-grid"> <div class="inner"> <div class="thumbnail"> <a href="#"> <img src="assets/images/blog/blog-10.png" alt="Gallery Images"> </a> </div> </div> </div> </div> <div class="col-md-6"> <div class="content-blog blog-grid"> <div class="inner"> <div class="thumbnail"> <a href="#"> <img src="assets/images/blog/blog-11.png" alt="Gallery Images"> </a> </div> </div> </div> </div> <div class="col-md-6"> <div class="content-blog blog-grid"> <div class="inner"> <div class="thumbnail"> <a href="#"> <img src="assets/images/blog/blog-12.png" alt="Gallery Images"> </a> </div> </div> </div> </div> <div class="col-md-6"> <div class="content-blog blog-grid"> <div class="inner"> <div class="thumbnail"> <a href="#"> <img src="assets/images/blog/blog-10.png" alt="Gallery Images"> </a> </div> </div> </div> </div> <div class="col-md-6"> <div class="content-blog blog-grid"> <div class="inner"> <div class="thumbnail"> <a href="#"> <img src="assets/images/blog/blog-11.png" alt="Gallery Images"> </a> </div> </div> </div> </div> <div class="col-md-6"> <div class="content-blog blog-grid"> <div class="inner"> <div class="thumbnail"> <a href="#"> <img src="assets/images/blog/blog-10.png" alt="Gallery Images"> </a> </div> </div> </div> </div> <div class="col-md-6"> <div class="content-blog blog-grid"> <div class="inner"> <div class="thumbnail"> <a href="#"> <img src="assets/images/blog/blog-11.png" alt="Gallery Images"> </a> </div> </div> </div> </div> </div> <div class="post-pagination"> <nav class="navigation pagination" aria-label="Products"> <ul class="page-numbers"> <li><span aria-current="page" class="page-numbers current">1</span></li> <li><a class="page-numbers" href="#">2</a></li> <li><a class="page-numbers" href="#">3</a></li> <li><a class="page-numbers" href="#">4</a></li> <li><a class="page-numbers" href="#">5</a></li> <li><a class="next page-numbers" href="#"><i class="fal fa-arrow-right"></i></a></li> </ul> </nav> </div> </div> </div> <!-- End post-pagination --> </div> <!-- End .container --> </div> <!-- End Blog Area --> </main> <!-- Start Footer Area --> <footer class="axil-footer-area footer-style-1 footer-dark"> <!-- Start Footer Top Area --> <div class="footer-top"> <div class="container"> <div class="row"> <!-- Start Single Widget --> <div class="col-md-3 col-sm-12"> <div class="axil-footer-widget"> <div class="logo mb--30"> <a href="index.html"> <img class="light-logo" src="assets/images/logo/logo-light.png" alt="Logo Images"> </a> </div> <div class="inner"> <p>Chappamkottu Building</br> Nellikuzhy P O</br> Companipady</br> Pin - 686691 </p> <div class="social-share"> <a href="#"><i class="fab fa-facebook-f"></i></a> <a href="#"><i class="fab fa-instagram"></i></a> <a href="#"><i class="fab fa-twitter"></i></a> <a href="#"><i class="fab fa-linkedin-in"></i></a> <a href="#"><i class="fab fa-discord"></i></a> </div> </div> </div> </div> <!-- End Single Widget --> <!-- Start Single Widget --> <div class="col-md-3 col-sm-4"> <div class="axil-footer-widget"> <h5 class="widget-title">Important Links</h5> <div class="inner"> <ul> <li><a href="about-us.html">About</a></li> <li><a href="gallery.html">Gallery</a></li> </ul> </div> </div> </div> <!-- End Single Widget --> <!-- Start Single Widget --> <div class="col-md-3 col-sm-4"> <div class="axil-footer-widget"> <h5 class="widget-title">PRODUCTS</h5> <div class="inner"> <ul> <li><a href="products.html">Products</a></li> <li><a href="#">New Arraival</a></li> </ul> </div> </div> </div> <!-- End Single Widget --> <!-- Start Single Widget --> <div class="col-md-3 col-sm-4"> <div class="axil-footer-widget"> <h5 class="widget-title">SUPPORT</h5> <div class="inner"> <ul> <li><a href="privacy-policy.html">Privacy Policy</a></li> <li><a href="terms-of-service.html">Terms Of Use</a></li> <li><a href="contact.html">Contact</a></li> </ul> </div> </div> </div> <!-- End Single Widget --> </div> </div> </div> <!-- End Footer Top Area --> <!-- Start Copyright Area --> <div class="copyright-area copyright-default separator-top"> <div class="container"> <div class="row align-items-center"> <div class="col-xl-7 col-lg-12"> <div class="copyright-left d-flex flex-wrap justify-content-xl-start justify-content-center"> <ul class="quick-link"> <li><a href="privacy-policy.html">Privacy Policy</a></li> <li><a href="terms-of-service.html">Terms of Service</a></li> </ul> <ul class="quick-link"> <li>© 2023. All rights reserved by <a target="_blank" href="#">Iron Studio</a>.</li> </ul> </div> </div> <div class="col-xl-5 col-lg-12"> <div class="copyright-right d-flex flex-wrap justify-content-xl-end justify-content-center align-items-center"> <span class="card-text">Designed by<a href="#"> <font color="white">ICT Global Tech</font></a></span> </div> </div> </div> </div> </div> <!-- End Copyright Area --> </footer> <!-- End Footer Area --> <!-- Header Search Modal End --> <div class="header-search-modal" id="header-search-modal"> <button class="card-close sidebar-close"><i class="fas fa-times"></i></button> <div class="header-search-wrap"> <div class="card-header"> <form action="#"> <div class="input-group"> <input type="search" class="form-control" name="prod-search" id="prod-search" placeholder="Write Something...."> <button type="submit" class="axil-btn btn-bg-primary"><i class="far fa-search"></i></button> </div> </form> </div> <div class="card-body"> <div class="search-result-header"> <h6 class="title">24 Result Found</h6> <a href="shop.html" class="view-all">View All</a> </div> <div class="psearch-results"> <div class="axil-product-list"> <div class="thumbnail"> <a href="single-product.html"> <img src="assets/images/product/electric/product-09.png" alt="Yantiti Leather Bags"> </a> </div> <div class="product-content"> <div class="product-rating"> <span class="rating-icon"> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fas fa-star"></i> <i class="fal fa-star"></i> </span> </div> </div> </div> </div> </div> </div> </div> <!-- Header Search Modal End --> <!-- JS ============================================ --> <!-- Modernizer JS --> <script src="assets/js/vendor/modernizr.min.js"></script> <!-- jQuery JS --> <script src="assets/js/vendor/jquery.js"></script> <!-- Bootstrap JS --> <script src="assets/js/vendor/popper.min.js"></script> <script src="assets/js/vendor/bootstrap.min.js"></script> <script src="assets/js/vendor/slick.min.js"></script> <script src="assets/js/vendor/js.cookie.js"></script> <!-- <script src="assets/js/vendor/jquery.style.switcher.js"></script> --> <script src="assets/js/vendor/jquery-ui.min.js"></script> <script src="assets/js/vendor/jquery.countdown.min.js"></script> <script src="assets/js/vendor/sal.js"></script> <script src="assets/js/vendor/jquery.magnific-popup.min.js"></script> <script src="assets/js/vendor/imagesloaded.pkgd.min.js"></script> <script src="assets/js/vendor/isotope.pkgd.min.js"></script> <script src="assets/js/vendor/counterup.js"></script> <script src="assets/js/vendor/waypoints.min.js"></script> <!-- Main JS --> <script src="assets/js/main.js"></script> </body> </html>