/home/moonrcjl/template.moontelict.com/arsha-prev/arsha/index-5.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Arsha - Architecture Construction & Interior HTML5 Template </title>
<link rel="icon" type="image/x-icon" href="assets/img/logo/favicon.png">
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/animate.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-min.css">
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
<!-- scroll to top -->
<button id="back-to-top"><i class="far fa-arrow-up"></i></button>
<!-- preloader -->
<div id="loading">
<div id="loading-center">
<div id="loading-center-absolute">
<div class="object" id="object_four"></div>
<div class="object" id="object_three"></div>
<div class="object" id="object_two"></div>
<div class="object" id="object_one"></div>
</div>
</div>
</div>
<!-- offcanvas area -->
<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/project/project-1-1.jpg"><img
src="assets/img/project/project-1-1.jpg" alt=""></a>
<a class="popup-image" href="assets/img/project/project-1-2.jpg"><img
src="assets/img/project/project-1-2.jpg" alt=""></a>
<a class="popup-image" href="assets/img/project/project-1-3.jpg"><img
src="assets/img/project/project-1-3.jpg" alt=""></a>
<a class="popup-image" href="assets/img/project/project-1-4.jpg"><img
src="assets/img/project/project-1-4.jpg" alt=""></a>
</div>
<div class="mt-offcanvas-info mb-50">
<h3 class="mt-offcanvas-sm-title">Information</h3>
<span><a href="#">+ 4 20 7700 1007</a></span>
<span><a href="#">hello@a.interon.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 class="mtheader__area mt-transparent-header p-relative">
<!-- header top area start -->
<div
class="mtheader__top-area mtheader__top-5 mtheader__top-border-bottom theme-bg p-relative d-none d-lg-block">
<div class="container">
<div class="mtheader__top-wrap d-flex align-items-center justify-content-between">
<div class="mtheader__top-left">
<a href="#"><i class="fa-light fa-location-dot"></i><span>2464 Royal Ln. Mesa, New York</span></a>
<a href="mailto:info@arcitagmail.com"><i
class="fa-light fa-envelope"></i><span>Info@Nanantalgmail.com</span></a>
</div>
<div class="mtheader__top-right d-flex align-items-center justify-content-between">
<div class="mtheader__top-left mr-10">
<a href="#"><i class="fa-regular fa-clock"></i><span>Mon - Sat 8:00 - 18:20</span></a>
</div>
<div class="mtheader__top-social">
<a href="#"><i class="fa-brands fa-pinterest-p"></i></a>
<a href="#"><i class="fa-brands fa-instagram"></i></a>
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
<a href="#"><i class="fa-brands fa-youtube"></i></a>
</div>
</div>
</div>
</div>
</div>
<div id="mt-header-sticky" class="mtheader__main-wrapper">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-2 col-6">
<div class="mtheader__logo">
<a href="index.html"><img src="assets/img/logo/white-logo.png" alt=""></a>
</div>
</div>
<div class="col-xl-8 d-none d-xl-block">
<div class="mtheader__menu text-center">
<nav class="mt-mobile-menu-active">
<ul>
<li class="dropdown has-dropdown"><a href="#">HOME</a>
<div class="mt-submenu sub-menu has-homemenu">
<div class="row gx-6 row-cols-1 row-cols-md-2 row-cols-xl-5">
<div class="col homemenu">
<div class="homemenu-thumb mb-15">
<img src="assets/img/demo/home-1.jpg" alt="">
<div class="homemenu-btn">
<a class="mt-menu-btn" href="index.html">Multi page</a>
<a class="mt-menu-btn" href="index-one-page.html">One Page</a>
</div>
</div>
<div class="homemenu-content text-center">
<h4 class="homemenu-title">
<a href="index.html">Home 01</a>
</h4>
</div>
</div>
<div class="col homemenu">
<div class="homemenu-thumb mb-15">
<img src="assets/img/demo/home-2.jpg" alt="">
<div class="homemenu-btn">
<a class="mt-menu-btn" href="index-2.html">Multi page</a>
<a class="mt-menu-btn" href="index-2-one-page.html">One Page</a>
</div>
</div>
<div class="homemenu-content text-center">
<h4 class="homemenu-title">
<a href="index-2.html">Home 02</a>
</h4>
</div>
</div>
<div class="col homemenu">
<div class="homemenu-thumb mb-15">
<img src="assets/img/demo/home-3.jpg" alt="">
<div class="homemenu-btn">
<a class="mt-menu-btn" href="index-3.html">Multi page</a>
<a class="mt-menu-btn" href="index-3-one-page.html">One Page</a>
</div>
</div>
<div class="homemenu-content text-center">
<h4 class="homemenu-title">
<a href="index-3.html">Home 03</a>
</h4>
</div>
</div>
<div class="col homemenu">
<div class="homemenu-thumb mb-15">
<img src="assets/img/demo/home-4.jpg" alt="">
<div class="homemenu-btn">
<a class="mt-menu-btn" href="index-4.html">Multi page</a>
<a class="mt-menu-btn" href="index-4-one-page.html">One Page</a>
</div>
</div>
<div class="homemenu-content text-center">
<h4 class="homemenu-title">
<a href="index-4.html">Home 04</a>
</h4>
</div>
</div>
<div class="col homemenu">
<div class="homemenu-thumb mb-15">
<img src="assets/img/demo/home-5.jpg" alt="">
<div class="homemenu-btn">
<a class="mt-menu-btn" href="index-5.html">Multi page</a>
<a class="mt-menu-btn" href="index-5-one-page.html">One Page</a>
</div>
</div>
<div class="homemenu-content text-center">
<h4 class="homemenu-title">
<a href="index-5.html">Home 05</a>
</h4>
</div>
</div>
</div>
</div>
</li>
<li><a href="about.html">ABOUT</a></li>
<li class="dropdown has-dropdown"><a href="#">SERVICES</a>
<ul class="sub-menu">
<li><a href="services.html">SERVICES</a></li>
<li><a href="service-details.html">SERVICES DETAILS</a></li>
</ul>
</li>
<li class="dropdown has-dropdown"><a href="#">PAGES</a>
<ul class="sub-menu">
<li><a href="about.html">ABOUT</a></li>
<li><a href="services.html">SERVICE</a></li>
<li><a href="service-details.html">SERVICE DETAILS</a></li>
<li><a href="portfolio.html">PORTFOLIO</a></li>
<li><a href="portfolio-details.html">PORTFOLIO DETAILS</a></li>
<li><a href="pricing.html">OUR PRICEING</a></li>
<li><a href="testimonial.html">TESTIMONIAL</a></li>
<li><a href="faq.html">OUR FAQ</a></li>
<li><a href="team.html">OUR TEAM</a></li>
<li><a href="team-details.html">TEAM DETAILS</a></li>
<li><a href="error-404.html">ERROR 404</a></li>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</li>
<li class="dropdown has-dropdown"><a href="#">BLOG</a>
<ul class="sub-menu">
<li><a href="blog.html">BLOG</a></li>
<li><a href="blog-grid.html">BLOG GRID</a></li>
<li><a href="blog-list.html">BLOG LIST</a></li>
<li><a href="blog-details.html">BLOG DETAILS</a></li>
<li><a href="blog-details-no-sidebar.html">BLOG DETAILS 2</a></li>
</ul>
<li><a href="contact.html">CONTACT</a></li>
</ul>
</nav>
</div>
</div>
<div class="col-xl-2 col-6">
<div class="mtheader__right text-end">
<div class="mtheader__right-bar mt-10 mb-10">
<button class="mt-offcanvas-toogle"><i class="fa-light fa-bars-staggered"></i></button>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<main>
<!-- Start Hero Area -->
<section class="mthero__area mthero__5 pt-255 pb-50 p-relative black-bg-2">
<div class="container">
<div class="row">
<div class="col-lg-11">
<div class="mthero__wrap p-relative">
<div class="mb-30 ">
<h4 class="mthero__subtitle mt-upper wow img-custom-anim-left" data-wow-duration="1.5s"
data-wow-delay="0.1s">Modern Interior</h4>
<h1 class="mthero__title mt-upper mb-0 wow img-custom-anim-right" data-wow-duration="1.5s"
data-wow-delay="0.1s">Beyond
<a href="about.html" class="mt-btn-wrap">
<span class="mt-btn">Get Started</span>
<span class="mt-btn mt-btn-icon"><i class="fa-solid fa-arrow-right"></i></span>
</a>
the <br> Blueprint
</h1>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Hero Area -->
<!-- Slider Effect Area Start -->
<div class="mt-slider-effect-area pb-50 black-bg-2 p-relative">
<div class="swiper mt-slider-effect-active">
<div class="swiper-wrapper mb-70">
<div class="swiper-slide">
<div class="mt-slider-effect-item br-20 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.1s">
<img src="assets/img/slider/slider-1-1.jpg" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mt-slider-effect-item br-20 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.1s">
<img src="assets/img/slider/slider-1-2.jpg" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mt-slider-effect-item br-20 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.1s">
<img src="assets/img/slider/slider-1-3.jpg" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mt-slider-effect-item br-20 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.1s">
<img src="assets/img/slider/slider-1-4.jpg" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mt-slider-effect-item br-20 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.1s">
<img src="assets/img/slider/slider-1-3.jpg" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mt-slider-effect-item br-20 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.1s">
<img src="assets/img/slider/slider-1-2.jpg" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mt-slider-effect-item br-20 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.1s">
<img src="assets/img/slider/slider-1-1.jpg" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mt-slider-effect-item br-20 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.1s">
<img src="assets/img/slider/slider-1-4.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
<!-- Slider Effect Area End -->
<!-- About Area Start -->
<section class="mtabout__area pb-70 p-relative black-bg-2">
<div class="container">
<div class="mt-section-content mb-40 ">
<h2 class="mt-section-title mtwhite">We believe in creating <br>
spaces that seamlessly blend <br>
modern to interior design.</h2>
</div>
<div class="row align-items-center">
<div class="col-lg-6">
<div class="mtabout__thumb-wrap mb-30 mr-30 text-lg-end">
<div class="mtabout__thumb wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.2s">
<img src="assets/img/about/thumb-4-2.jpg" alt="">
</div>
</div>
</div>
<div class="col-lg-6">
<div class="mtabout__wrapper ml-10 mb-30">
<div class="mt-section-content mb-30 ">
<h3 class="mt-section-title mtwhite mt-fs-24 mb-20">Classic architecture is a timeless <br>
blend of elegance,</h3>
<p class="mtwhite">that seamlessly blend modern aesthetics with functional <br>
elegance. Our approach to interior design driven innovation, <br>
attention detail, and a passion for transforming ideas into <br>
breathtaking realities. Whether it's a sophisticated home, a <br>
dynamic workspace, or a luxurious commercial setting, <br>
we craft environments that inspire.
</p>
</div>
<div class="mtteam__btn">
<a href="about.html">
<span class="mt-btn-black mtwhite">Know us more</span>
<span class="mt-btn-black mt-btn-icon mtwhite"><i class="fa-solid fa-arrow-right"></i></span>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- About Area End -->
<!-- Fact Area Start -->
<section class="mtfact__area p-relative pt-80 pb-50 black-bg-2">
<div class="container">
<div class="row g-0">
<div class="col-xl-3 col-lg-6">
<div class="mtfact mb-30">
<div class="mtfact__item">
<h3 class="mtfact__count mb-150"><i class="purecounter" data-purecounter-duration="1"
data-purecounter-end="55">0</i>K</h3>
<div class="mtfact__content d-flex justify-content-between">
<span class="mtfact__number mr-20">01</span>
<p>Product sale <br>
per day</p>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6">
<div class="mtfact mb-30">
<div class="mtfact__item">
<h3 class="mtfact__count mb-150"><i class="purecounter" data-purecounter-duration="1"
data-purecounter-end="56">0</i>M+</h3>
<div class="mtfact__content d-flex justify-content-between">
<span class="mtfact__number mr-20">02</span>
<p>Total Product <br> Downloaded</p>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6">
<div class="mtfact mb-30">
<div class="mtfact__item">
<h3 class="mtfact__count mb-150"><i class="purecounter" data-purecounter-duration="1"
data-purecounter-end="50">0</i>K</h3>
<div class="mtfact__content d-flex justify-content-between">
<span class="mtfact__number mr-20">03</span>
<p>Tested by <br>
customers</p>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6">
<div class="mtfact mb-30">
<div class="mtfact__item">
<h3 class="mtfact__count mb-150"><i class="purecounter" data-purecounter-duration="1"
data-purecounter-end="80">0</i>M+</h3>
<div class="mtfact__content d-flex justify-content-between">
<span class="mtfact__number mr-20">04</span>
<p>Tested by <br>
customers</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Fact Area End -->
<!-- portfolio area statrt -->
<div class="mt-project-tab-area black-bg-2 pt-50 pb-60">
<div class="container ">
<div class="row align-items-center">
<div class="col-lg-8">
<div class="mt-section-content mb-50 ">
<h2 class="mt-section-title mtwhite mb-30">Classic architecture
services</h2>
<h5 class="mt-section-subtitle mtwhite"><span class=""></span>Services Us</h5>
</div>
</div>
<div class="col-lg-4">
<div class="mtproject__btn mb-50 text-lg-end">
<a href="services.html">
<span class="mt-btn-black mtwhite">See All Services</span>
<span class="mt-btn-black mtwhite mt-btn-icon rotate"><i
class="fa-solid fa-arrow-right"></i></span>
</a>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-4">
<div class="mt-project-tab-wraper">
<nav>
<div class="mt-project-tab" id="nav-tab" role="tablist">
<button class="nav-links" id="nav-home-tab" data-bs-toggle="tab" data-bs-target="#nav-home"
type="button" role="tab" aria-controls="nav-home"
aria-selected="true"><span>01</span>Lighting</button>
<button class="nav-links active" id="nav-profile-tab" data-bs-toggle="tab"
data-bs-target="#nav-profile" type="button" role="tab" aria-controls="nav-profile"
aria-selected="false"><span>02</span>Décor</button>
<button class="nav-links" id="nav-contact-tab" data-bs-toggle="tab"
data-bs-target="#nav-contact" type="button" role="tab" aria-controls="nav-contact"
aria-selected="false"><span>03</span>Integration</button>
<button class="nav-links" id="nav-contact-tab-1" data-bs-toggle="tab"
data-bs-target="#nav-contact-1" type="button" role="tab" aria-controls="nav-contact-1"
aria-selected="false"><span>04</span>Execution</button>
</div>
</nav>
</div>
</div>
<div class="col-xl-8">
<div class="mt-project-tab-content ">
<div class="tab-content" id="nav-tabContent">
<div class="tab-pane fade" id="nav-home" role="tabpanel" aria-labelledby="nav-home-tab"
tabindex="0">
<div class="mt-project-tab-content-wrap d-flex align-items-center justify-content-between">
<div class="mt-project-tab-thumb mr-60 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.2s">
<a class="popup-image" href="assets/img/project/project-6-1.png"><img
src="assets/img/project/project-6-1.png" alt=""></a>
</div>
<div class="mt-project-tab-content">
<img src="assets/img/project/shape-5.png" alt="">
<p class="pb-15">that seamlessly blend modern aesthetics
with functional elegance. Our approach to
interior design driven innovation.</p>
<div class="mtteam__btn">
<a href="portfolio-details.html">
<span class="mt-btn-black mtwhite">Let’s Talk</span>
<span class="mt-btn-black mt-btn-icon mtwhite rotate"><i
class="fa-solid fa-arrow-right"></i></span>
</a>
</div>
</div>
</div>
</div>
<div class="tab-pane fade show active" id="nav-profile" role="tabpanel"
aria-labelledby="nav-profile-tab" tabindex="0">
<div class="mt-project-tab-content-wrap d-flex align-items-center justify-content-between">
<div class="mt-project-tab-thumb mr-60 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.2s">
<a class="popup-image" href="assets/img/project/project-6-1.png"><img
src="assets/img/project/project-6-1.png" alt=""></a>
</div>
<div class="mt-project-tab-content">
<img src="assets/img/project/shape-5.png" alt="">
<p class="pb-15">that seamlessly blend modern aesthetics
with functional elegance. Our approach to
interior design driven innovation.</p>
<div class="mtteam__btn">
<a href="portfolio-details.html">
<span class="mt-btn-black mtwhite">Let’s Talk</span>
<span class="mt-btn-black mt-btn-icon mtwhite rotate"><i
class="fa-solid fa-arrow-right"></i></span>
</a>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="nav-contact" role="tabpanel" aria-labelledby="nav-contact-tab"
tabindex="0">
<div class="mt-project-tab-content-wrap d-flex align-items-center justify-content-between">
<div class="mt-project-tab-thumb mr-60 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.2s">
<a class="popup-image" href="assets/img/project/project-6-1.png"><img
src="assets/img/project/project-6-1.png" alt=""></a>
</div>
<div class="mt-project-tab-content">
<img src="assets/img/project/shape-5.png" alt="">
<p class="pb-15">that seamlessly blend modern aesthetics
with functional elegance. Our approach to
interior design driven innovation.</p>
<div class="mtteam__btn">
<a href="portfolio-details.html">
<span class="mt-btn-black mtwhite">Let’s Talk</span>
<span class="mt-btn-black mt-btn-icon mtwhite rotate"><i
class="fa-solid fa-arrow-right"></i></span>
</a>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="nav-contact-1" role="tabpanel"
aria-labelledby="nav-contact-tab-1" tabindex="0">
<div class="mt-project-tab-content-wrap d-flex align-items-center justify-content-between">
<div class="mt-project-tab-thumb mr-60 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.2s">
<a class="popup-image" href="assets/img/project/project-6-1.png"><img
src="assets/img/project/project-6-1.png" alt=""></a>
</div>
<div class="mt-project-tab-content">
<img src="assets/img/project/shape-5.png" alt="">
<p class="pb-15">that seamlessly blend modern aesthetics
with functional elegance. Our approach to
interior design driven innovation.</p>
<div class="mtteam__btn">
<a href="portfolio-details.html">
<span class="mt-btn-black mtwhite">Let’s Talk</span>
<span class="mt-btn-black mt-btn-icon mtwhite rotate"><i
class="fa-solid fa-arrow-right"></i></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- portfolio area end -->
<!-- Choose Area Start -->
<section class="mtchoose__area black-bg-2 pt-70 pb-50 p-relative fix">
<div class="mtchoose__thumb wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.2s">
<img src="assets/img/choose/thumb-1.png" alt="">
</div>
<div class="container">
<div class="row justify-content-end">
<div class="col-xl-7">
<div class="mtchoose pl-60 mb-50">
<div class="mt-section-content mb-50 ">
<h2 class="mt-section-title mtwhite mb-30">Why you <br>
should choose</h2>
<h5 class="mt-section-subtitle mtwhite"><span class=""></span>why choose Us</h5>
</div>
<div class="mtchoose__box-wrap d-flex align-items-center justify-content-between">
<div class="mtchoose__box-info mr-30 mb-30 d-flex align-items-center ">
<div class="mtchoose__box-icon mr-20">
<span><i class="fa-regular fa-house"></i></span>
</div>
<h3 class="mtchoose__box-title">Attention to Detail</h3>
</div>
<div class="mtchoose__box-info mb-30 d-flex align-items-center">
<div class="mtchoose__box-icon mr-20">
<span><i class="fa-regular fa-house"></i></span>
</div>
<h3 class="mtchoose__box-title">Attention to Detail</h3>
</div>
</div>
<div class="mtchoose__box-wrap d-flex align-items-center justify-content-between">
<div class="mtchoose__box-info mr-30 mb-30 d-flex align-items-center ">
<div class="mtchoose__box-icon mr-20">
<span><i class="fa-regular fa-house"></i></span>
</div>
<h3 class="mtchoose__box-title">Attention to Detail</h3>
</div>
<div class="mtchoose__box-info mb-30 d-flex align-items-center">
<div class="mtchoose__box-icon mr-20">
<span><i class="fa-regular fa-house"></i></span>
</div>
<h3 class="mtchoose__box-title">Attention to Detail</h3>
</div>
</div>
</div>
</div>
<div class="col-xl-10">
<div class="row">
<div class="col-lg-4 col-md-6 mb-30">
<div class="mtfact__wrap text-center">
<div class="mtfact__item-2">
<h3 class="mtfact__count"><i class="purecounter" data-purecounter-duration="1"
data-purecounter-end="10">0</i>+</h3>
<img src="assets/img/choose/icon-1.svg" alt="">
<p>Years of <br>
experience</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mb-30">
<div class="mtfact__wrap text-center">
<div class="mtfact__item-2">
<h3 class="mtfact__count"><i class="purecounter" data-purecounter-duration="1"
data-purecounter-end="25">0</i>k</h3>
<img src="assets/img/choose/icon-2.svg" alt="">
<p>Paid <br>
customers</p>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 mb-30">
<div class="mtfact__wrap text-center">
<div class="mtfact__item-2">
<h3 class="mtfact__count"><i class="purecounter" data-purecounter-duration="1"
data-purecounter-end="99">0</i>%</h3>
<img src="assets/img/choose/icon-3.svg" alt="">
<p>Paid <br>
customers</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Choose Area End -->
<!-- Testimonial Area Start -->
<section class="mttestimonial__area mttestimonial__bg black-bg-2 pt-55 pb-160 p-relative">
<div class="container ">
<div class="mt-section-content mb-60 text-center">
<h5 class="mt-section-subtitle mtwhite"><span class=""></span>Our Testimonial</h5>
<h2 class="mt-section-title mtwhite mb-10">Clients feedback</h2>
<p class="mtwhite"> Every project we undertake is a testament to dedication precision and <br>
unwavering commitment to excellence. we specialize.</p>
</div>
<div class="mttestimonial__wrapper pb-30 p-relative">
<div class="mttestimonial__shape-wrap ">
<div class="mttestimonial__shape">
<img src="assets/img/testimonial/shape-1.png" alt="">
</div>
<div class="mttestimonial__shape-2">
<img src="assets/img/testimonial/shape-2.png" alt="">
</div>
<div class="mttestimonial__shape-3">
<img src="assets/img/testimonial/shape-3.png" alt="">
</div>
<div class="mttestimonial__shape-4">
<img src="assets/img/testimonial/shape-4.png" alt="">
</div>
</div>
<div class="swiper mt-testimonial-active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mttestimonial mttestimonial__2 mttestimonial__space text-center">
<div class="mttestimonial__ratting mb-35">
<img src="assets/img/testimonial/circle.png" alt="">
</div>
<p class="mb-36">Our clients are at the heart of everything we do, and
their feedback is a testament to our dedication
to excellence. Each project we undertake</p>
<div class="mttestimonial__author-wrap">
<img src="assets/img/testimonial/author-1.png" alt="">
<h3 class="mttestimonial__author-name mb-6 mt-10">Brooklyn Simmons</h3>
<span class="mttestimonial__author-position">Construction</span>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mttestimonial mttestimonial__2 mttestimonial__space text-center">
<div class="mttestimonial__ratting mb-35">
<img src="assets/img/testimonial/circle.png" alt="">
</div>
<p class="mb-36">Our clients are at the heart of everything we do, and
their feedback is a testament to our dedication
to excellence. Each project we undertake</p>
<div class="mttestimonial__author-wrap">
<img src="assets/img/testimonial/author-1.png" alt="">
<h3 class="mttestimonial__author-name mb-6 mt-10">Brooklyn Simmons</h3>
<span class="mttestimonial__author-position">Construction</span>
</div>
</div>
</div>
</div>
<div
class="mttestimonial__arrow mttestimonial__arrow-2 ml-120 mr-120 d-flex align-items-center justify-content-between z-index-4">
<div class="mttestimonial__button-next mttestimonial__button">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="14" viewBox="0 0 23 14"
fill="none">
<path
d="M12.4042 0C9.23442 2.80302 4.12106 5.44991 0 7.00078C4.12106 8.55061 9.23442 11.1965 12.4037 14L10.1942 7.80443L22.2084 7.80487C22.4184 7.8046 22.6197 7.71978 22.7681 7.56905C22.8788 7.45665 22.9542 7.31347 22.9848 7.15761C23.0153 7.00174 22.9996 6.84018 22.9397 6.69337C22.8797 6.54655 22.7782 6.42106 22.6479 6.33276C22.5177 6.24447 22.3645 6.19733 22.2078 6.1973L10.1941 6.1973L12.4042 0Z"
fill="white" />
</svg>
</span>
</div>
<div class="mttestimonial__button-prev mttestimonial__button mttestimonial__button-2">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="23" height="14" viewBox="0 0 23 14"
fill="none">
<path
d="M10.5958 0C13.7656 2.80302 18.8789 5.44991 23 7.00078C18.8789 8.55061 13.7656 11.1965 10.5963 14L12.8058 7.80443L0.791596 7.80487C0.581603 7.8046 0.380306 7.71978 0.231934 7.56905C0.121174 7.45665 0.0457526 7.31347 0.0152059 7.15761C-0.0153409 7.00174 0.000354817 6.84018 0.0603161 6.69337C0.120277 6.54655 0.221807 6.42106 0.352071 6.33276C0.482334 6.24447 0.635485 6.19733 0.792157 6.1973L12.8059 6.1973L10.5958 0Z"
fill="#111111" />
</svg>
</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Testimonial Area End -->
<!-- video area start -->
<div class="mtvideo__area mtvideo__space mtvideo__2 mtvideo__bg jarallax"
data-background="assets/img/video/video-bg-1.jpg">
<div class="container">
<div class="row">
<div class="col-xl-12">
<div class="mtvideo__play text-center">
<a class="popup-video" href="https://www.youtube.com/watch?v=PO_fBTkoznc"><span><i
class="fa-solid fa-play"></i></span></a>
</div>
</div>
</div>
</div>
</div>
<!-- video area end -->
<!-- Blog Area Start -->
<section class="mtblog__area mtblog__5 black-bg-2 pt-120 pb-100 p-relative fix">
<div class="container">
<div class="row align-items-center mb-30">
<div class="col-lg-7">
<div class="mt-section-content mb-20 mr-20">
<h2 class="mt-section-title mtwhite mb-20">Exploring <br>
Timeless Designs.</h2>
<h5 class="mt-section-subtitle mtwhite "><span></span>Our Blog</h5>
</div>
</div>
<div class="col-lg-5">
<div class="mt-section-content mb-20 ml-130">
<p class="mtwhite">Every project we undertake is a testament to
dedication precision and unwavering.</p>
</div>
</div>
</div>
<div class="mtblog__main-wrapper">
<div class="row">
<div class="col-lg-6">
<div class="mtblog mtblog__5 mb-30">
<div class="mtblog__item d-flex align-items-center justify-content-between">
<div class="mtblog__thumb p-relative mr-20 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.2s">
<a href="blog-details.html"><img src="assets/img/blog/blog-5-1.jpg" alt=""></a>
<div class="mtblog__date">
<strong>23 </strong>
<span> August </span>
</div>
</div>
<div class="mtblog__content">
<div class="mtblog__meta mb-10">
<span><a href="blog-details.html">Architecture, </a></span>
<span><a href="#">furniture</a></span>
</div>
<h3 class="mtblog__title mt-fs-28 mb-35"><a href="blog-details.html">From Blueprint to
Journey
Through Design.</a></h3>
<div class="mtblog__btn">
<a href="blog-details.html"> Read More <i class="fa-solid fa-arrow-right"></i> </a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="mtblog mtblog__5 mb-30">
<div class="mtblog__item d-flex align-items-center justify-content-between">
<div class="mtblog__thumb p-relative mr-20 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.2s">
<a href="blog-details.html"><img src="assets/img/blog/blog-5-2.jpg" alt=""></a>
<div class="mtblog__date">
<strong>23 </strong>
<span> August </span>
</div>
</div>
<div class="mtblog__content">
<div class="mtblog__meta mb-10">
<span><a href="#">Architecture, </a></span>
<span><a href="#">furniture</a></span>
</div>
<h3 class="mtblog__title mt-fs-28 mb-35"><a href="blog-details.html">From Blueprint to
Journey
Through Design.</a></h3>
<div class="mtblog__btn">
<a href="blog-details.html"> Read More <i class="fa-solid fa-arrow-right"></i> </a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="mtblog mtblog__5 mb-30">
<div class="mtblog__item d-flex align-items-center justify-content-between">
<div class="mtblog__thumb p-relative mr-20 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.2s">
<a href="blog-details.html"><img src="assets/img/blog/blog-5-3.jpg" alt=""></a>
<div class="mtblog__date">
<strong>23 </strong>
<span> August </span>
</div>
</div>
<div class="mtblog__content">
<div class="mtblog__meta mb-10">
<span><a href="#">Architecture, </a></span>
<span><a href="#">furniture</a></span>
</div>
<h3 class="mtblog__title mt-fs-28 mb-35"><a href="blog-details.html">From Blueprint to
Journey
Through Design.</a></h3>
<div class="mtblog__btn">
<a href="blog-details.html"> Read More <i class="fa-solid fa-arrow-right"></i> </a>
</div>
</div>
</div>
</div>
</div>
<div class="col-lg-6">
<div class="mtblog mtblog__5 mb-30">
<div class="mtblog__item d-flex align-items-center justify-content-between">
<div class="mtblog__thumb p-relative mr-20 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.2s">
<a href="blog-details.html"><img src="assets/img/blog/blog-5-4.jpg" alt=""></a>
<div class="mtblog__date">
<strong>23 </strong>
<span> August </span>
</div>
</div>
<div class="mtblog__content">
<div class="mtblog__meta mb-10">
<span><a href="#">Architecture, </a></span>
<span><a href="#">furniture</a></span>
</div>
<h3 class="mtblog__title mt-fs-28 mb-35"><a href="blog-details.html">From Blueprint to
Journey
Through Design.</a></h3>
<div class="mtblog__btn">
<a href="blog-details.html"> Read More <i class="fa-solid fa-arrow-right"></i> </a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Blog Area End -->
<!-- Start Brand Title -->
<section class="mtbrand__area mtbrand__2 pt-80 pb-30 p-relative" data-bg-color="#131313">
<div class="swiper mt-brand-title-active">
<div class="swiper-wrapper mt-slide-transtion">
<div class="swiper-slide mt-brand-slide-element">
<div class="mtbrand__wrapper">
<h5 class="mtbrand__title bold">Get In touch - </h5>
</div>
</div>
<div class="swiper-slide mt-brand-slide-element">
<div class="mtbrand__wrapper">
<h5 class="mtbrand__title">Get In touch - </h5>
</div>
</div>
<div class="swiper-slide mt-brand-slide-element">
<div class="mtbrand__wrapper">
<h5 class="mtbrand__title">Get In touch - </h5>
</div>
</div>
<div class="swiper-slide mt-brand-slide-element">
<div class="mtbrand__wrapper">
<h5 class="mtbrand__title">Get In touch - </h5>
</div>
</div>
<div class="swiper-slide mt-brand-slide-element">
<div class="mtbrand__wrapper">
<h5 class="mtbrand__title">Get In touch - </h5>
</div>
</div>
<div class="swiper-slide mt-brand-slide-element">
<div class="mtbrand__wrapper">
<h5 class="mtbrand__title">Get In touch - </h5>
</div>
</div>
</div>
</div>
</section>
</main>
<!-- footer start -->
<footer class="mt-footer-area mt-footer-5 p-relative black-bg-2 " data-bg-color="#131313">
<div class="container">
<div class="mt-footer-main-wrapper pt-70 mb-45">
<div class="row">
<div class="col-lg-3">
<div class="mt-footer-widget footer-cols-1 mb-50">
<div class="mt-footer-logo">
<a href="index.html"><img src="assets/img/logo/white-logo.png" alt=""></a>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="mt-footer-widget footer-cols-2 mb-50">
<h2 class="mt-footer-title mb-20">Find us </h2>
<div class="mt-footer-content">
<p class="mb-30">4517 Washington Ave. Manchester,
Kentucky 39495</p>
</div>
<h2 class="mt-footer-title mb-20">Get in touch</h2>
<div class="mt-footer-content">
<span class="d-block mb-9"><a href="tel:1525545862155">+123 456 856</a></span>
<span class="d-block"><a href="mailto:Admin@gmail.com">Admin@gmail.com</a></span>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="mt-footer-widget footer-cols-3 mb-50">
<h2 class="mt-footer-title mb-20">Top Link </h2>
<div class="mt-footer-content">
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="about.html">About Us</a></li>
<li><a href="services.html">Services</a></li>
<li><a href="blog.html">Our Blog</a></li>
<li><a href="contact.html">Our Contact</a></li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="mt-footer-widget footer-cols-4 mb-50">
<h2 class="mt-footer-title mb-20">Subscribe</h2>
<div class="mt-footer-newsletter mb-30">
<form action="#">
<div class="p-relative">
<input type="email" placeholder="Email Address">
<button type="submit"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="15"
viewBox="0 0 14 15" fill="none">
<path
d="M2.41363 4.25813C5.97436 4.01426 10.6091 2.51164 13.9998 0.956055C12.4436 4.34619 10.9404 8.98031 10.6971 12.541L8.35749 7.54937L1.14767 14.7597C1.02149 14.8856 0.850496 14.9562 0.672272 14.9561C0.539302 14.956 0.409327 14.9166 0.298775 14.8427C0.188223 14.7688 0.102057 14.6638 0.0511761 14.541C0.000294708 14.4181 -0.0130205 14.2829 0.0129128 14.1525C0.0388461 14.0221 0.102865 13.9023 0.196875 13.8083L7.40667 6.59846L2.41363 4.25813Z"
fill="#C6F906" />
</svg></button>
</div>
</form>
</div>
<div class="mt-footer-social mb-10">
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
<a href="#"><i class="fa-brands fa-twitter"></i></a>
<a href="#"><i class="fa-brands fa-instagram"></i></a>
<a href="#"><i class="fa-brands fa-youtube"></i></a>
</div>
</div>
</div>
</div>
</div>
<div class="mt-footer-copyright-area mt-footer-copyright-5 p-relative ">
<div class="row align-items-center">
<div class="col-xl-12 ">
<div class="mt-footer-copyright text-center">
<p>© 1995-2025 All rights for <a href="index.html">Nanantal</a> exclusive</p>
</div>
</div>
</div>
</div>
</div>
</footer>
<!-- JS here -->
<script src="assets/js/jquery-min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/nice-select.js"></script>
<script src="assets/js/magnific-popup.js"></script>
<script src="assets/js/imagesloaded.pkgd.min.js"></script>
<script src="assets/js/isotope.pkgd.min.js"></script>
<script src="assets/js/swiper-min.js"></script>
<script src="assets/js/purecounter.js"></script>
<script src="assets/js/smooth-scroll.js"></script>
<script src="assets/js/wow.js"></script>
<script src="assets/js/jarallax.min.js"></script>
<script src="assets/js/mobile-menu-scripts.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>