/home/moonrcjl/template.moontelict.com/testorest/gallery-page.html
<!doctype html>
<html class="no-js" lang="zxx">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Testorest - Restaurant Seafood Cafe Burger HTML5 Template.</title>
<meta name="description" content="">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Place favicon.ico in the root directory -->
<link rel="shortcut icon" type="image/x-icon" href="assets/img/logo/favicon.png">
<!-- CSS here -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/fontawesome-pro.min.css">
<link rel="stylesheet" href="assets/css/magnific-popup.css">
<link rel="stylesheet" href="assets/css/swiper-bundle.min.css">
<link rel="stylesheet" href="assets/css/animate.min.css">
<link rel="stylesheet" href="assets/css/nice-select.css">
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
<!-- scroll to top -->
<button id="back-to-top"><i class="fa-light fa-arrow-up-long"></i></button>
<!-- Preloader -->
<div class="preloader" id="preloader">
<div class="spinner-grow" role="status">
<span class="visually-hidden">Loading...</span>
</div>
</div>
<div class="mt-offcanvas">
<div class="mt-offcanvas-wrapper">
<div class="mt-offcanvas-header d-flex justify-content-between align-items-center mb-90">
<div class="mt-offcanvas-logo">
<a href="index.html"><img src="assets/img/logo/white-logo.png" alt=""></a>
</div>
<div class="mt-offcanvas-close">
<button class="mt-offcanvas-close-toggle"><i class="fal fa-times"></i></button>
</div>
</div>
<div class="mt-offcanvas-menu d-xl-none mb-50">
<nav></nav>
</div>
<div class="mt-offcanvas-content mb-50 d-none d-xl-block">
<h2 class="mt-offcanvas-title">Hello There!</h2>
<p>Lorem ipsum dolor sit amet, consect etur adipiscing elit. </p>
</div>
<div class="mt-offcanvas-gallery mb-50">
<a class="popup-image" href="assets/img/gallery/thumb-1.jpg"><img src="assets/img/gallery/thumb-1.jpg"
alt=""></a>
<a class="popup-image" href="assets/img/gallery/thumb-2.jpg"><img src="assets/img/gallery/thumb-2.jpg"
alt=""></a>
<a class="popup-image" href="assets/img/gallery/thumb-1.jpg"><img src="assets/img/gallery/thumb-1.jpg"
alt=""></a>
<a class="popup-image" href="assets/img/gallery/thumb-4.jpg"><img src="assets/img/gallery/thumb-4.jpg"
alt=""></a>
</div>
<div class="mt-offcanvas-info mb-50">
<h3 class="mt-offcanvas-sm-title">Information</h3>
<span><a href="tel:42077001007">+ 4 20 7700 1007</a></span>
<span><a href="mailto:hello@compay.com">hello@compay.com</a></span>
<span><a href="#">Avenue de Roma 158b, Lisboa</a></span>
</div>
<div class="mt-offcanvas-social mb-50">
<h3 class="mt-offcanvas-sm-title">Follow Us</h3>
<a href="#"><i class="fab fa-facebook-f"></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-instagram"></i></a>
</div>
</div>
</div>
<div class="mt-offcanvas-overlay"></div>
<header id="mtfooterarrow" class="mt-header-area p-relative z-index-11 mt-transparent-header">
<!-- header main area start -->
<div id="mt-header-sticky" class="mt-header-area ">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-2 col-lg-2 col-6">
<div class="mt-header-logo">
<a href="index.html"><img src="assets/img/logo/white-logo.png" alt="logo"></a>
</div>
</div>
<div class="col-xl-10 col-lg-10 col-6">
<div class="mt-header-wrap d-flex align-items-center justify-content-end justify-content-xl-between">
<div class="mt-header-menu d-none d-xl-block ml-90">
<nav class="mt-mobile-menu-active mt-menu">
<ul>
<li class="dropdown has-dropdown"><a href="#">Home</a>
<ul class="sub-menu">
<li><a href="index.html">Home 01</a></li>
<li><a href="index-2.html">Home 02 </a></li>
<li><a href="index-3.html">Home 03</a></li>
</ul>
</li>
<li class="dropdown has-dropdown"><a href="#">Page</a>
<ul class="sub-menu">
<li><a href="about.html"> About Us</a></li>
<li><a href="service.html">Our Service</a></li>
<li><a href="service-details.html">Service Details</a></li>
<li><a href="gallery-page.html">Gallery Page</a></li>
<li><a href="chief.html">Our Chief</a></li>
<li><a href="shop.html">Modern Shop</a></li>
<li><a href="product-details.html">Shop Details</a></li>
<li><a href="menu-page.html">Modern Menu</a></li>
<li><a href="booking.html">Booking Page</a></li>
<li><a href="book-table.html">Booking Table</a></li>
<li><a href="error.html">Error 404</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</li>
<li class="dropdown has-dropdown"><a href="#">Menu</a>
<ul class="sub-menu">
<li><a href="menu-page.html">Modern Menu</a></li>
<li><a href="booking.html">Booking Page</a></li>
<li><a href="book-table.html">Booking Table</a></li>
<li><a href="chief.html">Chief Page</a></li>
</ul>
</li>
<li class="dropdown has-dropdown"><a href="#">Shop</a>
<ul class="sub-menu">
<li><a href="shop.html">Modern Shop</a></li>
<li><a href="product-details.html">Shop Details</a></li>
<li><a href="cart.html">Cart Page</a></li>
<li><a href="checkout.html">Checkout Page</a></li>
</ul>
</li>
<li class="dropdown has-dropdown"><a href="#">news</a>
<ul class="sub-menu">
<li><a href="blog.html">Modern Blog</a></li>
<li><a href="blog-grid.html">Blog Grid</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
</div>
<div class="mt-header-right d-flex align-items-center">
<div class="mt-header-contact mr-15 d-none d-md-block">
<a href="tel:2395550108"><span><i class="fa-light fa-phone"></i></span>(239) 555-0108</a>
</div>
<div class="mt-header-bar mt-10 mb-10 mr-15">
<button class="mt-offcanvas-toogle"><i class="fa-light fa-bars-staggered"></i></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- header main area end -->
</header>
<main>
<!-- Breadcrumb Area Start -->
<section class="mt-breadcrumb-area mt-breadcrumb-bg mt-breadcrumb-space p-relative fix"
data-background="assets/img/breadcrumb/breadcrumb-bg.jpg">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-7 mb-30">
<div class="mt-breadcrumb z-index-2">
<h1 class="mt-breadcrumb-title mt-upper ">Gallery Page</h1>
<div class="mt-breadcrumb-list mt-20">
<span class="active"><a href="index.html">Home</a></span>
<span class="dvir">-</span>
<span>Gallery Page</span>
</div>
</div>
</div>
<div class="col-lg-5">
<div class="mt-breadcrumb-thumb-wrap z-index-2 ">
<div class="mt-breadcrumb-thumb text-center text-lg-end wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.3s">
<img src="assets/img/breadcrumb/thumb.png" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Gallery Area Start -->
<div class="mtgallery__area p-relative pt-110 pb-40">
<div class="container">
<div class="row mt-gx-24">
<div class="col-md-6">
<div class="mtgallery__thumb mb-24 wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.3s">
<a class="popup-image" href="assets/img/gallery/thumb-1.jpg">
<img src="assets/img/gallery/thumb-1.jpg" alt="">
</a>
</div>
</div>
<div class="col-md-6">
<div class="mtgallery__thumb mb-24 wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.3s">
<a class="popup-image" href="assets/img/gallery/thumb-2.jpg">
<img src="assets/img/gallery/thumb-2.jpg" alt="">
</a>
</div>
</div>
<div class="col-md-12">
<div class="mtgallery__thumb mb-24 wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.3s">
<a class="popup-image" href="assets/img/gallery/thumb-3.jpg">
<img src="assets/img/gallery/thumb-3.jpg" alt="">
</a>
</div>
</div>
<div class="col-md-6">
<div class="mtgallery__thumb mb-24 wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.3s">
<a class="popup-image" href="assets/img/gallery/thumb-4.jpg">
<img src="assets/img/gallery/thumb-4.jpg" alt="">
</a>
</div>
</div>
<div class="col-md-6">
<div class="mtgallery__thumb mb-24 wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.3s">
<a class="popup-image" href="assets/img/gallery/thumb-5.jpg">
<img src="assets/img/gallery/thumb-5.jpg" alt="">
</a>
</div>
</div>
</div>
<div class="mtpagination__wrapper mt-50">
<div class="mtpagination__icon mtborder">
<a href="#"><span><i class="fa-light fa-arrow-left-long"></i></span></a>
<a href="#"><i class="fa-regular fa-qrcode"></i></a>
<a href="#"><span class="active"><i class="fa-light fa-arrow-right-long"></i></span></a>
</div>
</div>
</div>
</div>
<!-- Gallery Area End -->
<!-- Instagram Area Start -->
<div class="mtinstagram__area p-relative pt-45 pb-60 fix">
<div class="container-fluid px-0 ">
<div class="swiper mtinstagram__active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mtinstagram__wrapper">
<div class="mtinstagram__item">
<div class="mtinstagram__thumb p-relative fix wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.2s">
<img src="assets/img/instagram/thumb-1-1.png" alt="">
<div class="mtinstagram__icon">
<a href="#"><i class="fa-brands fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtinstagram__wrapper">
<div class="mtinstagram__item">
<div class="mtinstagram__thumb p-relative fix wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.3s">
<img src="assets/img/instagram/thumb-1-2.png" alt="">
<div class="mtinstagram__icon">
<a href="#"><i class="fa-brands fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtinstagram__wrapper">
<div class="mtinstagram__item">
<div class="mtinstagram__thumb p-relative fix wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.2s">
<img src="assets/img/instagram/thumb-1-3.png" alt="">
<div class="mtinstagram__icon">
<a href="#"><i class="fa-brands fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtinstagram__wrapper">
<div class="mtinstagram__item">
<div class="mtinstagram__thumb p-relative fix wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.3s">
<img src="assets/img/instagram/thumb-1-4.png" alt="">
<div class="mtinstagram__icon">
<a href="#"><i class="fa-brands fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtinstagram__wrapper">
<div class="mtinstagram__item">
<div class="mtinstagram__thumb p-relative fix wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.2s">
<img src="assets/img/instagram/thumb-1-5.png" alt="">
<div class="mtinstagram__icon">
<a href="#"><i class="fa-brands fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtinstagram__wrapper">
<div class="mtinstagram__item">
<div class="mtinstagram__thumb p-relative fix wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.3s">
<img src="assets/img/instagram/thumb-1-6.png" alt="">
<div class="mtinstagram__icon">
<a href="#"><i class="fa-brands fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mtinstagram__wrapper">
<div class="mtinstagram__item">
<div class="mtinstagram__thumb p-relative fix wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.2s">
<img src="assets/img/instagram/thumb-1-2.png" alt="">
<div class="mtinstagram__icon">
<a href="#"><i class="fa-brands fa-instagram"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Instagram Area End -->
</main>
<!-- footer start -->
<footer class="mtfooter__area mtfooter__2 p-relative fix">
<div class="mtfooter__shape">
<img src="assets/img/footer/shape-1-1.png" alt="">
</div>
<div class="mtfooter__shape-2">
<img src="assets/img/footer/shape-1-2.png" alt="">
</div>
<div class="mtfooter__shape-3">
<img src="assets/img/footer/shape-1-3.png" alt="">
</div>
<div class="mtfooter__shape-4">
<img src="assets/img/footer/shape-1-4.png" alt="">
</div>
<div class="container">
<div class="mtfooter__border mtfooter__space p-relative">
<div class="row">
<div class="mtfooter__logo text-center">
<a href="index.html"><img src="assets/img/footer/logo.png" alt=""></a>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 mb-50">
<div class="mtfooter__widget mtborder text-center">
<h2 class="mtfooter__title mb-20">Get In Touch</h2>
<div class="mtfooter__contact">
<ul>
<li><span>T.</span><a href="tel:603555-0123">+(603) 555-0123</a> </li>
<li><span>G.</span><a href="mailto:Testorest@gmail.com">Testorest@gmail.com</a> </li>
</ul>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 mb-50">
<div class="mtfooter__widget mtborder text-center">
<h2 class="mtfooter__title mb-20">Address</h2>
<div class="mtfooter__contact">
<ul>
<li><a href="#">4140 Parker Rd. Allentown, <br>
New Mexico 31134</a> </li>
</ul>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 mb-50">
<div class="mtfooter__widget mtborder text-center">
<h2 class="mtfooter__title mb-20">Sub Branch</h2>
<div class="mtfooter__contact">
<ul>
<li><a href="#">2464 Royal Ln. Mesa, New <br>
Jersey 45463</a> </li>
</ul>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 mb-50">
<div class="mtfooter__widget text-center">
<h2 class="mtfooter__title mb-20">opening Hours </h2>
<div class="mtfooter__contact">
<ul>
<li><span>Mon - Fri:</span><a href="#">10.00 am - 01:00 am</a> </li>
<li><span>Fri - Sun:</span><a href="#">10.00 am - 01:00 am</a> </li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- copy-right area start -->
<div class="mtcopyright__area mtcopyright__space p-relative">
<div class="container">
<div class="mtcopyright__topicon">
<a href="#mtfooterarrow"><i class="fa-light fa-arrow-up-long"></i></a>
</div>
<div class="row align-items-center">
<div class="col-xl-6">
<div class="mtcopyright__content">
<p>© 1995-2025 All rights for Testorest exclusive</p>
</div>
</div>
<div class="col-xl-6">
<div class="mtcopyright__menu text-lg-end">
<ul>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms & Conditions</a></li>
<li><a href="#">Site Map</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</footer>
<!--<< Mouse Cursor Start >>-->
<div class="mouse-cursor cursor-outer"></div>
<div class="mouse-cursor cursor-inner"></div>
<!-- JS here -->
<script src="assets/js/jquery-3.7.1.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/jarallax.min.js"></script>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/mobile-menu-scripts.js"></script>
<script src="assets/js/swiper-bundle.min.js"></script>
<script src="assets/js/smooth-scroll.js"></script>
<script src="assets/js/nice-select.js"></script>
<script src="assets/js/range-slider.js"></script>
<script src="assets/js/wow.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>