/home/moonrcjl/template.moontelict.com/freegen/portfolio-details.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>Freegen - Creative Digital Agency & Portfolio HTML 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.min.css">
<link rel="stylesheet" href="assets/css/animate.min.css">
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body class="mt-magic-cursor loaded">
<!-- Begin magic cursor -->
<div id="magic-cursor" class="cursor-black-bg">
<div id="ball"></div>
</div>
<!-- End magic cursor -->
<!-- backtotop area start -->
<div class="scrollToTop">
<div class="arrowUp">
<i class="fa-light fa-arrow-up"></i>
</div>
<div class="water">
<svg viewBox="0 0 560 20" class="water_wave water_wave_back">
<use xlink:href="#wave"></use>
</svg>
<svg viewBox="0 0 560 20" class="water_wave water_wave_front">
<use xlink:href="#wave"></use>
</svg>
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
viewBox="0 0 560 20" style="display: none;">
<symbol id="wave">
<path
d="M420,20c21.5-0.4,38.8-2.5,51.1-4.5c13.4-2.2,26.5-5.2,27.3-5.4C514,6.5,518,4.7,528.5,2.7c7.1-1.3,17.9-2.8,31.5-2.7c0,0,0,0,0,0v20H420z"
fill="#"></path>
<path
d="M420,20c-21.5-0.4-38.8-2.5-51.1-4.5c-13.4-2.2-26.5-5.2-27.3-5.4C326,6.5,322,4.7,311.5,2.7C304.3,1.4,293.6-0.1,280,0c0,0,0,0,0,0v20H420z"
fill="#"></path>
<path
d="M140,20c21.5-0.4,38.8-2.5,51.1-4.5c13.4-2.2,26.5-5.2,27.3-5.4C234,6.5,238,4.7,248.5,2.7c7.1-1.3,17.9-2.8,31.5-2.7c0,0,0,0,0,0v20H140z"
fill="#"></path>
<path
d="M140,20c-21.5-0.4-38.8-2.5-51.1-4.5c-13.4-2.2-26.5-5.2-27.3-5.4C46,6.5,42,4.7,31.5,2.7C24.3,1.4,13.6-0.1,0,0c0,0,0,0,0,0l0,20H140z"
fill="#"></path>
</symbol>
</svg>
</div>
</div>
<!-- backtotop area end -->
<!-- loading-area-start -->
<div class="loader-wrap">
<svg viewBox="0 0 1000 1000" preserveAspectRatio="none">
<path id="svg" d="M0,1005S175,995,500,995s500,5,500,5V0H0Z"></path>
</svg>
<div class="loader-wrap-heading">
<div class="load-text">
<span>F</span>
<span>R</span>
<span>E</span>
<span>E</span>
<span>G</span>
<span>E</span>
<span>N</span>
</div>
</div>
</div>
<!-- loading-area-end -->
<!-- mtoffcanvas__area-start -->
<div class="mtoffcanvas__area">
<div class="mtoffcanvas">
<div class="mtoffcanvas__top d-flex align-items-center justify-content-between">
<div class="mtoffcanvas__logo">
<a href="index.html">
<img data-width="150" src="assets/img/logo/black-logo.png" alt="logo">
</a>
</div>
<div class="mtoffcanvas__close-btn">
<button class="close-btn">
<svg width="37" height="38" viewBox="0 0 37 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.19141 9.80762L27.5762 28.1924" stroke="currentColor" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round" />
<path d="M9.19141 28.1924L27.5762 9.80761" stroke="currentColor" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
</button>
</div>
</div>
<div class="mtoffcanvas__content d-none d-xl-block">
<h3 class="mtoffcanvas__title">Hello There!</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, </p>
</div>
<div class="mt-offcanvas-menu d-xl-none">
<nav></nav>
</div>
<div class="mtoffcanvas__gallery d-none d-xl-block">
<div class="row gx-2">
<div class="col-md-3 col-3">
<div class="mtoffcanvas__gallery-img fix">
<a class="popup-image" href="assets/img/project/project-2-1.jpg">
<img src="assets/img/project/project-2-1.jpg" alt="">
</a>
</div>
</div>
<div class="col-md-3 col-3">
<div class="mtoffcanvas__gallery-img fix">
<a class="popup-image" href="assets/img/project/project-2-2.jpg">
<img src="assets/img/project/project-2-2.jpg" alt="">
</a>
</div>
</div>
<div class="col-md-3 col-3">
<div class="mtoffcanvas__gallery-img fix">
<a class="popup-image" href="assets/img/project/project-2-3.jpg">
<img src="assets/img/project/project-2-3.jpg" alt="">
</a>
</div>
</div>
<div class="col-md-3 col-3">
<div class="mtoffcanvas__gallery-img fix">
<a class="popup-image" href="assets/img/project/project-2-2.jpg">
<img src="assets/img/project/project-2-2.jpg" alt="">
</a>
</div>
</div>
</div>
</div>
<div class="mtoffcanvas__contact">
<h3 class="mtoffcanvas__title sm">Information</h3>
<ul>
<li>
<a href="tel:1245654">+ 4 20 7700 1007</a>
</li>
<li>
<a href="mailto:hello@aleric.com">hello@aleric.com</a>
</li>
<li>
<a href="#">Avenue de Roma 158b, Lisboa</a>
</li>
</ul>
</div>
<div class="mtoffcanvas__social">
<h3 class="mtoffcanvas__title sm">Follow Us</h3>
<ul>
<li>
<a href="#">
<svg width="16" height="16" viewBox="0 0 16 16" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M11.25 1.5H4.75C2.95507 1.5 1.5 2.95507 1.5 4.75V11.25C1.5 13.0449 2.95507 14.5 4.75 14.5H11.25C13.0449 14.5 14.5 13.0449 14.5 11.25V4.75C14.5 2.95507 13.0449 1.5 11.25 1.5Z"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
stroke-linejoin="round" />
<path
d="M10.6016 7.5907C10.6818 8.13166 10.5894 8.68414 10.3375 9.16955C10.0856 9.65497 9.68711 10.0486 9.19862 10.2945C8.71014 10.5404 8.15656 10.6259 7.61663 10.5391C7.0767 10.4522 6.57791 10.1972 6.19121 9.81055C5.80451 9.42385 5.54959 8.92506 5.46271 8.38513C5.37583 7.8452 5.46141 7.29163 5.70728 6.80314C5.95315 6.31465 6.34679 5.91613 6.83221 5.66425C7.31763 5.41238 7.87011 5.31998 8.41107 5.4002C8.96287 5.48202 9.47372 5.73915 9.86817 6.1336C10.2626 6.52804 10.5197 7.0389 10.6016 7.5907Z"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round"
stroke-linejoin="round" />
<path d="M11.5742 4.42578H11.5842" stroke="currentColor" stroke-width="1.5"
stroke-linecap="round" stroke-linejoin="round" />
</svg>
</a>
</li>
<li>
<a href="#">
<svg width="18" height="18" viewBox="0 0 18 18" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M2.50589 12.7494C4.57662 16.336 9.16278 17.5648 12.7494 15.4941C14.2113 14.65 15.2816 13.388 15.8962 11.9461C16.7895 9.85066 16.7208 7.37526 15.4941 5.25063C14.2674 3.12599 12.1581 1.82872 9.89669 1.55462C8.34063 1.366 6.71259 1.66183 5.25063 2.50589C1.66403 4.57662 0.435172 9.16278 2.50589 12.7494Z"
stroke="currentColor" stroke-width="1.5" />
<path
d="M12.7127 15.4292C12.7127 15.4292 12.0086 10.4867 10.5011 7.87559C8.99362 5.26451 5.28935 2.57155 5.28935 2.57155M5.68449 15.6124C6.79553 12.2606 12.34 8.54524 16.3975 9.43537M12.311 2.4082C11.1953 5.72344 5.75732 9.38453 1.71875 8.58915"
stroke="currentColor" stroke-width="1.5" stroke-linecap="round" />
</svg>
</a>
</li>
<li>
<a href="#">
<svg width="18" height="11" viewBox="0 0 18 11" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M1 5.5715H6.33342C7.62867 5.5715 8.61917 6.56199 8.61917 7.85725C8.61917 9.15251 7.62867 10.143 6.33342 10.143H1.76192C1.30477 10.143 1 9.83823 1 9.38108V1.76192C1 1.30477 1.30477 1 1.76192 1H5.5715C6.86676 1 7.85725 1.99049 7.85725 3.28575C7.85725 4.58101 6.86676 5.5715 5.5715 5.5715H1Z"
stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"></path>
<path
d="M10.9062 7.09454H17.0016C17.0016 5.41832 15.6301 4.04688 13.9539 4.04688C12.2777 4.04688 10.9062 5.41832 10.9062 7.09454ZM10.9062 7.09454C10.9062 8.77076 12.2777 10.1422 13.9539 10.1422H15.2492"
stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"
stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M16.1125 1.44434H11.668" stroke="currentColor" stroke-width="1.2"
stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
</li>
<li>
<a href="#">
<svg width="18" height="14" viewBox="0 0 18 14" fill="none"
xmlns="http://www.w3.org/2000/svg">
<path
d="M12.75 13H5.25C3 13 1.5 11.5 1.5 9.25V4.75C1.5 2.5 3 1 5.25 1H12.75C15 1 16.5 2.5 16.5 4.75V9.25C16.5 11.5 15 13 12.75 13Z"
stroke="currentColor" stroke-width="1.5" stroke-miterlimit="10"
stroke-linecap="round" stroke-linejoin="round" />
<path
d="M8.70676 5.14837L10.8006 6.40465C11.5543 6.90716 11.5543 7.66093 10.8006 8.16344L8.70676 9.41972C7.86923 9.92224 7.19922 9.50348 7.19922 8.5822V6.06964C7.19922 4.98086 7.86923 4.64585 8.70676 5.14837Z"
fill="currentColor" />
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="body-overlay"></div>
<header class="mtheader__area z-index-9 white-bg ">
<!-- header main area start -->
<div id="header-sticky" class="mtheader__area mtheader__1 ">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-2 col-6">
<div class="mtheader__logo pt-10 pb-10">
<a href="index.html"><img src="assets/img/logo/black-logo.png" alt="logo"></a>
</div>
</div>
<div class="col-xl-10 col-6">
<div
class="mtheader__wrapper d-flex align-items-center justify-content-xl-between justify-content-end">
<div class="mtheader__menu mtheader__space d-none d-xl-block">
<nav class="mt-mobile-menu-active">
<ul>
<li class="dropdown has-dropdown p-static"><a href="#">Home </a>
<ul class="mt-submenu 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="#">Services</a>
<ul class="mt-submenu sub-menu">
<li><a href="services.html">Modern 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="mt-submenu sub-menu">
<li><a href="about.html">Modern About</a></li>
<li><a href="portfolio.html">Modern Portfolio</a></li>
<li><a href="portfolio-details.html"> Portfolio Details</a></li>
<li><a href="services.html"> Our Services </a></li>
<li><a href="service-details.html"> Services Details </a></li>
<li><a href="team.html"> Our Team </a></li>
<li><a href="team-details.html"> Team Details</a></li>
<li><a href="pricing.html">Our Pricing </a></li>
<li><a href="blog.html">Our Blog </a></li>
<li><a href="blog-grid.html"> Blog Grid</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
<li><a href="error.html"> Error 404 </a></li>
<li><a href="faq.html"> Our Faq </a></li>
<li><a href="contact.html"> Contact Us</a></li>
</ul>
</li>
<li class="dropdown has-dropdown"><a href="#">Blog</a>
<ul class="mt-submenu 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 Us </a></li>
</ul>
</nav>
</div>
<div class="mtheader__right d-flex align-items-center">
<div class="mtheader__btn-wrap mr-25 d-none d-md-block">
<a class="mt-btn" href="contact.html">Let’s Talk <cite><i
class="fa-regular fa-horizontal-rule"></i></cite></a>
</div>
<div class="mtheader__bar d-xl-none">
<button class="mt-menu-bar mt-offcanvas-open-btn">
<svg xmlns="http://www.w3.org/2000/svg" width="30" height="30"
viewBox="0 0 30 30" fill="black">
<path
d="M8.75 0H5C3.67392 0 2.40215 0.526784 1.46447 1.46447C0.526784 2.40215 0 3.67392 0 5L0 8.75C0 10.0761 0.526784 11.3479 1.46447 12.2855C2.40215 13.2232 3.67392 13.75 5 13.75H8.75C10.0761 13.75 11.3479 13.2232 12.2855 12.2855C13.2232 11.3479 13.75 10.0761 13.75 8.75V5C13.75 3.67392 13.2232 2.40215 12.2855 1.46447C11.3479 0.526784 10.0761 0 8.75 0ZM11.25 8.75C11.25 9.41304 10.9866 10.0489 10.5178 10.5178C10.0489 10.9866 9.41304 11.25 8.75 11.25H5C4.33696 11.25 3.70107 10.9866 3.23223 10.5178C2.76339 10.0489 2.5 9.41304 2.5 8.75V5C2.5 4.33696 2.76339 3.70107 3.23223 3.23223C3.70107 2.76339 4.33696 2.5 5 2.5H8.75C9.41304 2.5 10.0489 2.76339 10.5178 3.23223C10.9866 3.70107 11.25 4.33696 11.25 5V8.75Z"
fill="black" />
<path
d="M8.75 16.25H5C3.67392 16.25 2.40215 16.7768 1.46447 17.7145C0.526784 18.6521 0 19.9239 0 21.25L0 25C0 26.3261 0.526784 27.5979 1.46447 28.5355C2.40215 29.4732 3.67392 30 5 30H8.75C10.0761 30 11.3479 29.4732 12.2855 28.5355C13.2232 27.5979 13.75 26.3261 13.75 25V21.25C13.75 19.9239 13.2232 18.6521 12.2855 17.7145C11.3479 16.7768 10.0761 16.25 8.75 16.25ZM11.25 25C11.25 25.663 10.9866 26.2989 10.5178 26.7678C10.0489 27.2366 9.41304 27.5 8.75 27.5H5C4.33696 27.5 3.70107 27.2366 3.23223 26.7678C2.76339 26.2989 2.5 25.663 2.5 25V21.25C2.5 20.587 2.76339 19.9511 3.23223 19.4822C3.70107 19.0134 4.33696 18.75 5 18.75H8.75C9.41304 18.75 10.0489 19.0134 10.5178 19.4822C10.9866 19.9511 11.25 20.587 11.25 21.25V25Z"
fill="black" />
<path
d="M25 16.25H21.25C19.9239 16.25 18.6521 16.7768 17.7145 17.7145C16.7768 18.6521 16.25 19.9239 16.25 21.25V25C16.25 26.3261 16.7768 27.5979 17.7145 28.5355C18.6521 29.4732 19.9239 30 21.25 30H25C26.3261 30 27.5979 29.4732 28.5355 28.5355C29.4732 27.5979 30 26.3261 30 25V21.25C30 19.9239 29.4732 18.6521 28.5355 17.7145C27.5979 16.7768 26.3261 16.25 25 16.25ZM27.5 25C27.5 25.663 27.2366 26.2989 26.7678 26.7678C26.2989 27.2366 25.663 27.5 25 27.5H21.25C20.587 27.5 19.9511 27.2366 19.4822 26.7678C19.0134 26.2989 18.75 25.663 18.75 25V21.25C18.75 20.587 19.0134 19.9511 19.4822 19.4822C19.9511 19.0134 20.587 18.75 21.25 18.75H25C25.663 18.75 26.2989 19.0134 26.7678 19.4822C27.2366 19.9511 27.5 20.587 27.5 21.25V25Z"
fill="black" />
<path
d="M17.5 8.75H21.25V12.5C21.25 12.8315 21.3817 13.1495 21.6161 13.3839C21.8505 13.6183 22.1685 13.75 22.5 13.75C22.8315 13.75 23.1495 13.6183 23.3839 13.3839C23.6183 13.1495 23.75 12.8315 23.75 12.5V8.75H27.5C27.8315 8.75 28.1495 8.6183 28.3839 8.38388C28.6183 8.14946 28.75 7.83152 28.75 7.5C28.75 7.16848 28.6183 6.85054 28.3839 6.61612C28.1495 6.3817 27.8315 6.25 27.5 6.25H23.75V2.5C23.75 2.16848 23.6183 1.85054 23.3839 1.61612C23.1495 1.3817 22.8315 1.25 22.5 1.25C22.1685 1.25 21.8505 1.3817 21.6161 1.61612C21.3817 1.85054 21.25 2.16848 21.25 2.5V6.25H17.5C17.1685 6.25 16.8505 6.3817 16.6161 6.61612C16.3817 6.85054 16.25 7.16848 16.25 7.5C16.25 7.83152 16.3817 8.14946 16.6161 8.38388C16.8505 8.6183 17.1685 8.75 17.5 8.75Z"
fill="black" />
</svg>
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- header main area end -->
</header>
<div id="smooth-wrapper">
<div id="smooth-content">
<main>
<!-- Breadcrumb Area Start -->
<section class="mtbreadcrumb__area mtbreadcrumb__space mtlargspace p-relative fix">
<div class="mtbreadcrumb__bg scale-up-img">
<img data-speed="0.7" class="scale-up" src="assets/img/breadcrumb/breadcrumb-6.jpg" alt="">
</div>
<div class="container">
<div class="row align-items-center">
<div class="col-lg-12 mb-30">
<div class="mtbreadcrumb z-index-2 text-center">
<h1 class="mtbreadcrumb__title mt-upper mb-0 ">Project<br>
Details
</h1>
</div>
</div>
</div>
</div>
</section>
<!-- Project Area Start -->
<section class="mtproject__details p-relative pb-110">
<div class="mtproject__details-box-wrap">
<div class="mtproject__details-box mtborderb">
<div class="mtproject__details-box-item ">
<div class="mtproject__details-box-content">
<span>Clients:</span>
<h4 class="mtproject__details-box-title">Justin trubo</h4>
</div>
</div>
<div class="mtproject__details-box-item ">
<div class="mtproject__details-box-content">
<span>Category:</span>
<h4 class="mtproject__details-box-title">Creative Digital Agency</h4>
</div>
</div>
<div class="mtproject__details-box-item ">
<div class="mtproject__details-box-content">
<span>Timeframe:</span>
<h4 class="mtproject__details-box-title">August 05, 2025</h4>
</div>
</div>
<div class="mtproject__details-box-item ">
<div class="mtproject__details-box-content">
<span>Website Link:</span>
<h4 class="mtproject__details-box-title">www.onnat.com</h4>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-xl-12">
<div class="mtproject__details-content-wrap mb-60 pt-30 ml-90 mr-90">
<div class="mt-section-content mb-30">
<h2 class="mt-section-title mb-10 mt-text-perspective">Innovative Solutions in
Action</h2>
<p class="">Discover some of our recent work and see how we bring ideas to life
through innovative design and strategic thinking. Each project
is a testament to our commitment to quality, creativity, and measurable
success. rom web development and branding to app design
and digital marketing. We’re passionate about creating solutions that are
not only visually engaging
</p>
</div>
<div class="mt-section-content mb-30">
<h2 class="mt-section-title mt-fs-24 mb-10 ">Award-Winning
Projects</h2>
<p class="">Recognized for innovation and creativity, our work has earned
numerous industry awards. We’ve helped countless clients achieve their
digital goals, delivering measurable results every time.</p>
</div>
<div class="mt-section-content mb-30">
<h2 class="mt-section-title mt-fs-24 mb-10 ">User-Centered Design Focus</h2>
<p class="">Our marketing experts don’t just follow trends; we set them. Through
data-driven insights and <br> creative solutions, we develop customized
marketing
plans that resonate with your target audience.</p>
</div>
</div>
</div>
</div>
<div class="mtproject__details-thumb mb-90">
<div class="row">
<div class="col-xl-8 col-lg-8">
<div class="mtproject__details-thumb-lg fix mb-30">
<img data-speed=".8" src="assets/img/project/project-details-lg.jpg" alt="">
</div>
</div>
<div class="col-xl-4 col-lg-4">
<div class="mtproject__details-thumb-sm fix mb-30">
<img data-speed=".8" src="assets/img/project/project-details-sm.jpg" alt="">
</div>
</div>
</div>
</div>
<div class="mtproject__details-sidecontent mb-90">
<div class="row">
<div class="col-xl-6 col-lg-6">
<div class="mt-section-content mb-30">
<h2 class="mt-section-title mb-10 mt-fs-24">A brief description of the
project’s
purpose and main objectives.</h2>
<p class="">Nunc eros mi, rhoncus sed orci non, luctus fringilla ligula. Mauris
massa
elend placer scelerisque risus. Maecenas sed tortor molestie, satis nibh
dapibus felis. Vivamus sed neque iaculis.
</p>
<p class="">Ultrices nulla euvenenatis dui. Praesent luctus urna eu dapibus
pulvinar.
agna accumsan neque fermentum laoreet. Nunc eros mi, rhoncus sed
fringilla ligula. Mauris massa lacus, iaculis elend.</p>
</div>
<div class="mtproject__details-smlist mt-15">
<ul>
<li>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="11"
viewBox="0 0 15 11" fill="none">
<path
d="M5.29412 11C3.97059 8.88462 1.47059 6.48718 0 5.5L5.29412 6.76923C9.26471 2.96154 10.1471 2.53846 15 0C10.1471 3.38462 6.61765 8.03846 5.29412 11Z"
fill="#0A0909" />
</svg>
</span>
<span>Will you provide website layout about design</span>
</li>
<li>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="11"
viewBox="0 0 15 11" fill="none">
<path
d="M5.29412 11C3.97059 8.88462 1.47059 6.48718 0 5.5L5.29412 6.76923C9.26471 2.96154 10.1471 2.53846 15 0C10.1471 3.38462 6.61765 8.03846 5.29412 11Z"
fill="#0A0909" />
</svg>
</span>
<span>Branding With Business Agency</span>
</li>
<li>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="11"
viewBox="0 0 15 11" fill="none">
<path
d="M5.29412 11C3.97059 8.88462 1.47059 6.48718 0 5.5L5.29412 6.76923C9.26471 2.96154 10.1471 2.53846 15 0C10.1471 3.38462 6.61765 8.03846 5.29412 11Z"
fill="#0A0909" />
</svg>
</span>
<span>Why should I work with an agency over a freelancer</span>
</li>
<li>
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="11"
viewBox="0 0 15 11" fill="none">
<path
d="M5.29412 11C3.97059 8.88462 1.47059 6.48718 0 5.5L5.29412 6.76923C9.26471 2.96154 10.1471 2.53846 15 0C10.1471 3.38462 6.61765 8.03846 5.29412 11Z"
fill="#0A0909" />
</svg>
</span>
<span>How much do you charge for branding</span>
</li>
</ul>
</div>
</div>
<div class="col-xl-6 col-lg-6">
<div class="mtproject__details-thumb-sm-2 fix mb-30">
<img data-speed=".8" src="assets/img/project/project-details-sm-2.jpg" alt="">
</div>
</div>
</div>
</div>
<div class="mtproject__details-faq-wrap">
<div class="mtfaq__accordion mb-50 mt_fade_anim" data-delay=".4" data-fade-from="top">
<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">
What services does your agency provide?
</button>
</h2>
<div id="collapseOne" class="mt-accordion-collapse collapse "
data-bs-parent="#accordionExampleOne">
<div class="mt-accordion-body pl-50">
<p>Our process begins with a consultation to understand your goals,
followed by research, design, and development stages. We
collaborate
closely with you at every step.</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">
How does the project process work?
</button>
</h2>
<div id="collapseTwo" class="mt-accordion-collapse collapse show"
data-bs-parent="#accordionExampleOne">
<div class="mt-accordion-body pl-50">
<p>Our process begins with a consultation to understand your goals,
followed by research, design, and development stages. We
collaborate
closely with you at every step.</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">
How long does a typical project take?
</button>
</h2>
<div id="collapseThree" class="mt-accordion-collapse collapse"
data-bs-parent="#accordionExampleOne">
<div class="mt-accordion-body pl-50">
<p>Our process begins with a consultation to understand your goals,
followed by research, design, and development stages. We
collaborate
closely with you at every step.</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">
Do you offer ongoing support and maintenance?
</button>
</h2>
<div id="collapseFour" class="mt-accordion-collapse collapse"
data-bs-parent="#accordionExampleOne">
<div class="mt-accordion-body pl-50">
<p>Our process begins with a consultation to understand your goals,
followed by research, design, and development stages. We
collaborate
closely with you at every step.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mtpagination__wrapper mt-50 d-flex align-items-center justify-content-center gap-3">
<div class="mtpagination__item">
<div class="mtabout__btn-wrap">
<div class="mthero__btn-wrap mt-rounded-btn-wrap mt_fade_anim " data-delay=".8"
data-fade-from="top" data-ease="bounce">
<div class="mtbtn__wrap ">
<a class="mt-btn-rounded btn-item mtblack" href="portfolio.html">
<svg xmlns="http://www.w3.org/2000/svg" width="21" height="10"
viewBox="0 0 21 10" fill="none">
<path
d="M7.3037 9.45247C6.53672 8.22917 4.68306 5.60841 1.00155 4.91175M1.00155 4.91175C2.62267 4.60075 5.67213 3.24475 7.30371 0.308837M1.00155 4.91175L20.2266 4.91175"
stroke="#fff" />
</svg>
Prev Project
<cite class="mt-btn-circle-dot"></cite>
</a>
</div>
</div>
</div>
</div>
<div class="mtpagination__item">
<div class="mtabout__btn-wrap">
<div class="mthero__btn-wrap mt-rounded-btn-wrap mt_fade_anim " data-delay=".8"
data-fade-from="top" data-ease="bounce">
<div class="mtbtn__wrap ">
<a class="mt-btn-rounded btn-item mtblack" href="portfolio.html">
Next Project
<svg xmlns="http://www.w3.org/2000/svg" width="20" height="11"
viewBox="0 0 20 11" fill="none">
<path
d="M12.9229 10.1436C13.6898 8.92033 15.5435 6.29957 19.225 5.60292M19.225 5.60292C17.6039 5.29191 14.5544 3.93591 12.9229 0.999999M19.225 5.60292L2.012e-07 5.60292"
stroke="white" />
</svg>
<cite class="mt-btn-circle-dot"></cite>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Project Area End -->
<!-- CTA Area Start -->
<section class="mtcta__area mtcta__2 p-relative pt-90 pb-90 fix black-bg-2">
<div class="mtcta__shape-wrap">
<div class="mtcta__shape" data-speed="0.9">
<img src="assets/img/cta/shape-1-1.png" alt="">
</div>
<div class="mtcta__shape-2" data-speed="0.9">
<img src="assets/img/cta/shape-1-2.png" alt="">
</div>
</div>
<div class="container">
<div class="row align-items-center">
<div class="col-xl-9">
<div class="mtcta__item z-index-2">
<h3 class="mtcta__title rotate-text-anim">Let’s start <br> Your Project</h3>
</div>
</div>
<div class="col-xl-3">
<div class=" mtcta__btn mt_fade_anim text-center text-lg-end" data-delay=".9"
data-fade-from="top" data-ease="bounce">
<div class="mtbtn__wrap mt-btn-2-rounded ">
<a class="mt-btn-2 mtlarge btn-item" href="contact.html">
<cite>
<svg xmlns="http://www.w3.org/2000/svg" width="73" height="74"
viewBox="0 0 73 74" fill="none">
<path
d="M73 1.65381C73 1.10152 72.5523 0.653807 72 0.653808L63 0.653808C62.4477 0.653809 62 1.10152 62 1.65381C62 2.20609 62.4477 2.65381 63 2.65381L71 2.65381L71 10.6538C71 11.2061 71.4477 11.6538 72 11.6538C72.5523 11.6538 73 11.2061 73 10.6538L73 1.65381ZM1.70711 73.3609L72.7071 2.36092L71.2929 0.946702L0.292893 71.9467L1.70711 73.3609Z"
fill="white" />
</svg>
</cite>
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- CTA Area End -->
</main>
<!-- footer start -->
<footer class="mtfooter__area mtfooter__1 p-relative fix black-bg-2">
<div class="mtfooter__wrapper mb-50">
<div class="container">
<div class="row">
<div class="col-xl-4 col-lg-6 mt_fade_anim" data-delay=".3" data-fade-from="top">
<div class="mtfooter__widget mb-50 ">
<h4 class="mtfooter__title mb-30">About Us </h4>
<div class="mtfooter__content">
<p class="mb-25">At onnat we are a dynamic creative agency
dedicated to transforming your vision into
captivating digital experiences.</p>
<div class="mtfooter__social">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-youtube"></i></a>
</div>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 mt_fade_anim" data-delay=".4" data-fade-from="top">
<div class="mtfooter__widget mb-50">
<h4 class="mtfooter__title mb-30">Address</h4>
<div class="mtfooter__content">
<p class="mb-18">4517 Washington Ave. Manchester,
Kentucky 39495</p>
<div class="mtfooter__contact">
<a href="tel:1525545862155">+1525 5458 621 55</a>
</div>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-6 mt_fade_anim" data-delay=".5" data-fade-from="top">
<div class="mtfooter__widget mb-50">
<h4 class="mtfooter__title mb-30">Top Link</h4>
<div class="mtfooter__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-xl-3 col-lg-6 mt_fade_anim" data-delay=".6" data-fade-from="top">
<div class="mtfooter__widget mb-50">
<h4 class="mtfooter__title mb-30">Explore</h4>
<div class="mtfooter__content">
<ul>
<li><a href="#">We’re hiring</a></li>
<li><a href="#">cookie policy</a></li>
<li><a href="blog-details.html">news & Media</a></li>
<li><a href="blog-grid.html">Latest Trends & Tips</a></li>
<li><a href="blog.html">Explore Our Blog</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mtfooter__copyright mtborder">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-4 col-lg-6 col-md-4">
<div class="mtfooter__copyright-logo mb-10">
<a href="index.html"><img src="assets/img/logo/white-logo.png" alt=""></a>
</div>
</div>
<div class="col-xl-8 col-lg-6 col-md-8">
<div class="mtfooter__copyright-text text-end mb-10">
<p class="mb-0">© 1995-2024 All rights for <a data-color="#fff"
href="index.html">Freegen</a> exclusive
</p>
</div>
</div>
</div>
</div>
</div>
</footer>
</div>
</div>
<!-- JS here -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/bootstrap-bundle.js"></script>
<script src="assets/js/plugin.js"></script>
<script src="assets/js/three.js"></script>
<script src="assets/js/hover-effect.umd.js"></script>
<script src="assets/js/swiper-bundle.js"></script>
<script src="assets/js/magnific-popup.js"></script>
<script src="assets/js/nice-select.js"></script>
<script src="assets/js/purecounter.js"></script>
<script src="assets/js/isotope-pkgd.js"></script>
<script src="assets/js/imagesloaded-pkgd.js"></script>
<script src="assets/js/backtop.js"></script>
<script src="assets/js/slider-init.js"></script>
<script src="assets/js/main.js"></script>
<script src="assets/js/mt-cursor.js"></script>
</body>
</html>