/home/moonrcjl/template.moontelict.com/arsha/portfolio-details.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>
<!-- mt header search -->
<div class="mt-header-search-bar d-flex align-items-center">
<button class="mt-search-close">×</button>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6">
<div class="mt-search-bar text-center">
<h2 class="mt-search-bar-title mb-30">What are you looking for?</h2>
<div class="contact-form-box contact-search-form-box">
<form action="#">
<input type="email" placeholder="Search Here">
<button type="submit"><i class="far fa-search"></i></button>
</form>
</div>
</div>
</div>
</div>
</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/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">
<div id="mt-header-sticky" class="mtheader">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-2 col-lg-4 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-7 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-3 col-lg-8 col-6">
<div class="mtheader__right d-flex align-items-center justify-content-end">
<div class="mtheader__search mr-15">
<button class="mtsearch mt-search-toggle"><i
class="fa-regular fa-magnifying-glass"></i></button>
<span></span>
</div>
<div class="mtheader__btn-wrap d-none d-md-block mr-15">
<a href="about.html" class="mt-btn-wrap">
<span class="mt-btn">Let’s Talk</span>
<span class="mt-btn mt-btn-icon"><i class="fa-solid fa-arrow-right"></i></span>
</a>
</div>
<div class="mtheader__right-bar mt-10 mb-10 d-block d-xl-none">
<button class="mt-offcanvas-toogle"><i class="fa-light fa-bars-staggered"></i></button>
</div>
</div>
</div>
</div>
</div>
</div>
</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="mt-breadcrumb-shape">
<img class="mt-breadcrumb-shape-1 p-absolute" src="assets/img/breadcrumb/shape.png" alt="">
</div>
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12 mb-30">
<div class="mt-breadcrumb z-index-2 text-center">
<h1 class="mt-breadcrumb-title mb-10">Portfolio Details</h1>
<div class="mt-breadcrumb-list">
<span class="active"><a href="index.html">Home</a></span>
<span class="dvir">-</span>
<span>Portfolio Details</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Project Area Start -->
<section class="mtproject__details-area pt-130 pb-100 p-relative fix">
<div class="container">
<div class="mtproject__details-box d-flex align-items-center justify-content-center mb-30">
<div class="mtproject__details-box-item text-center mb-20">
<h5>Published</h5>
<span>11 December 2026</span>
</div>
<div class="mtproject__details-box-item text-center mb-20">
<h5>Country</h5>
<span> United kingdom</span>
</div>
<div class="mtproject__details-box-item text-center mb-20">
<h5>Industry</h5>
<span>Architecture</span>
</div>
<div class="mtproject__details-box-item text-center mb-20">
<h5>Website</h5>
<span>parodydesign.com</span>
</div>
</div>
<div class="mtproject__details-thumb mb-120 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.2s">
<img src="assets/img/project/project-details.jpg" alt="">
</div>
<div class="mtproject__details-section mb-60">
<div class="row">
<div class="col-xl-7">
<div class="mt-section-content mb-20">
<h2 class="mt-section-title">Project Overview :</h2>
</div>
</div>
<div class="col-xl-5">
<div class="mt-section-content mb-20">
<p>We are excited for our work and how it positively impacts <br>
With over 12 years of experience we have constantly <br>
providing solutions. We are committed to deliver <br>
digital media solutions from web design</p>
</div>
</div>
</div>
</div>
<div class="mtproject__details-award mb-100">
<div class="row">
<div class="col-lg-7">
<div class="mt-section-content mb-30">
<h2 class="mt-section-title mb-10">Awwards</h2>
<h5 class="mt-section-subtitle "><strong>Awards</strong> - site of the day 2020</h5>
</div>
</div>
<div class="col-lg-5">
<div class="mtfaq mb-30">
<div class="accordion" id="accordionExampleOne">
<div class="mt-accordion-item mb-20">
<h2 class="accordion-header mb-6">
<button class="mt-accordion-button " type="button" data-bs-toggle="collapse"
data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne">
Elegant Space Planning
</button>
</h2>
<div id="collapseOne" class="mt-accordion-collapse collapse show"
data-bs-parent="#accordionExampleOne">
<div class="mt-accordion-body pr-50">
<p>Google has said for years that the most important single factor
to them is high quality content. Now more than
ever, they have the ability.
</p>
</div>
</div>
</div>
<div class="mt-accordion-item mb-20">
<h2 class="accordion-header mb-6">
<button class="mt-accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseTwo" aria-expanded="true" aria-controls="collapseTwo">
Premium Material Selection
</button>
</h2>
<div id="collapseTwo" class="mt-accordion-collapse collapse "
data-bs-parent="#accordionExampleOne">
<div class="mt-accordion-body pr-50">
<p>Google has said for years that the most important single factor
to them is high quality content. Now more than
ever, they have the ability.
</p>
</div>
</div>
</div>
<div class="mt-accordion-item mb-20">
<h2 class="accordion-header mb-6">
<button class="mt-accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseThree" aria-expanded="true" aria-controls="collapseThree">
Smart Lighting & Ambience
</button>
</h2>
<div id="collapseThree" class="mt-accordion-collapse collapse"
data-bs-parent="#accordionExampleOne">
<div class="mt-accordion-body pr-50">
<p>Google has said for years that the most important single factor
to them is high quality content. Now more than
ever, they have the ability.
</p>
</div>
</div>
</div>
<div class="mt-accordion-item mb-20">
<h2 class="accordion-header mb-6">
<button class="mt-accordion-button collapsed" type="button" data-bs-toggle="collapse"
data-bs-target="#collapseFour" aria-expanded="true" aria-controls="collapseFour">
About Architecture agency
</button>
</h2>
<div id="collapseFour" class="mt-accordion-collapse collapse"
data-bs-parent="#accordionExampleOne">
<div class="mt-accordion-body pr-50">
<p>Google has said for years that the most important single factor
to them is high quality content. Now more than
ever, they have the ability.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mtproject__details-thumb mb-120 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.2s">
<img src="assets/img/project/project-details-2.jpg" alt="">
</div>
<div class="mt-section-wrapper mb-80">
<div class="row">
<div class="col-12">
<div class="mt-section-content mb-30">
<h2 class="mt-section-title mb-20">Visual Identity</h2>
</div>
</div>
<div class="col-lg-3">
<div class="mt-section-content mb-45">
<h5 class="mt-section-subtitle mb-20">An introduction</h5>
</div>
</div>
<div class="col-lg-9">
<div class="mt-section-content ml-0 mb-45">
<h4 class="mb-20">Creative Agencies are Known for Their Ability to Think <br> Outside the Box,
Offering Fresh,
Innovative Clients Marketing <br>
and Branding Needs.</h4>
<p>The opening of the new St. Regis hotel in Venice created the need for a web experience to
<br>
support the opening activities. It was our job to translate an atmosphere of great subtlety
<br>
and refinement, into a one-of-a-kind digital experience. We were tasked to create a one-
<br>page
website that needed to
express these traits.
</p>
</div>
</div>
</div>
</div>
<div class="mtproject__details-thumb mb-30">
<div class="row">
<div class="col-lg-6">
<div class="mtproject__details-thumb-sm mb-20 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.2s">
<img src="assets/img/project/project-details-sm-1.jpg" alt="">
</div>
</div>
<div class="col-lg-6">
<div class="mtproject__details-thumb-sm mb-20 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.3s">
<img src="assets/img/project/project-details-sm-2.jpg" alt="">
</div>
</div>
</div>
</div>
<div class="postbox__pagination mb-20 d-flex justify-content-center">
<button><span><i class="fal fa-long-arrow-left"></i></span> Prev</button>
<button class="active">Next <span><i class="fal fa-long-arrow-right"></i></span> </button>
</div>
</div>
</section>
<!-- Project Area End -->
</main>
<!-- footer start -->
<footer class="mt-footer-area p-relative black-bg-2 pb-60">
<div class="container">
<div class="mt-footer-main-wrapper pt-120 mb-25">
<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">Address </h2>
<div class="mt-footer-content">
<p>4517 Washington Ave. Manchester,
Kentucky 39495</p>
<span><a href="tel:1525545862155">+1525 5458 621 55</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="#">Page</a></li>
<li><a href="blog.html">Blog</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">
<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>
</div>
</div>
</div>
<div class="mt-footer-copyright-area mt-footer-copyright-space p-relative " data-bg-color="#C6F906">
<div class="row align-items-center">
<div class="col-xl-3 col-lg-3">
<div class="mt-footer-copyright mb-30">
<h3 class="mt-footer-copyright-title">Say Hello</h3>
<span><a href="mailto:Companyinfo@gmail.com">Companyinfo@gmail.com</a></span>
</div>
</div>
<div class="col-xl-6 col-lg-6">
<div class="mt-footer-copyright-menu text-center mb-30">
<ul>
<li><a href="about.html">about Us</a><i></i></li>
<li><a href="#">Management</a><i></i></li>
<li><a href="portfolio.html">project</a><i></i></li>
<li><a href="faq.html">FAQ’s</a></li>
</ul>
</div>
</div>
<div class="col-xl-3 col-lg-3">
<div class="mt-footer-copyright text-end mb-30">
<h3 class="mt-footer-copyright-title">Contact</h3>
<span><a href="tel:0257045550127">+025 (704) 555-0127</a></span>
</div>
</div>
</div>
<div class="mt-footer-copyright-text mtborder text-center">
<div class="mt-footer-copyright-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 class="mt-footer-copyright-bottom text-center">
<p>© 1995-2025 All rights for Nanantal exclusive.</p>
</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/swiper-min.js"></script>
<script src="assets/js/smooth-scroll.js"></script>
<script src="assets/js/wow.js"></script>
<script src="assets/js/purecounter.js"></script>
<script src="assets/js/mobile-menu-scripts.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>