/home/moonrcjl/template.moontelict.com/freegen/index.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 mtheader__transparent ">
<!-- 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>
<!-- Hero Area Start -->
<section class="mthero__area mthero__1 p-relative fix pt-240 pb-40 ">
<div class="mthero__shape-wrap">
<div class="mthero__shape" data-speed="0.9">
<img src="assets/img/hero/shape-1-2.png" alt="">
</div>
<div class="mthero__shape-2" data-speed="0.9">
<img src="assets/img/hero/shape-1-3.png" alt="">
</div>
<div class="mthero__shape-3" data-speed="0.9">
<img src="assets/img/hero/shape-1-4.png" alt="">
</div>
<div class="mthero__shape-4">
<img src="assets/img/hero/shape-1-5.png" alt="">
</div>
<div class="mthero__shape-5" data-speed="0.9">
<img src="assets/img/hero/shape-1-6.png" alt="">
</div>
</div>
<div class="container-fluid p-0">
<div class="row align-items-end">
<div class="col-xl-5">
<div class="mthero__wrapper pl-310 mb-30 p-relatives">
<div class="mthero__tran-wrap ">
<h1 class="mthero__tran-title mtrotate mt-upper ">
Creative <br>
<span class="transparent-title"><img src="assets/img/hero/shape-1-1.png"
alt="">
Digital</span> <br>
<span class="bold-title ">Agency</span>
</h1>
</div>
<div class="mthero__arrow-wrap mb-110">
<div class="mthero__arrow">
<img src="assets/img/hero/arrow-1.png" alt="">
<span>We have 18k+ customers <br> word- wide</span>
</div>
</div>
</div>
</div>
<div class="col-xl-7">
<div class="mthero__wrapper mb-30 ">
<div class="mthero__content mb-50">
<p class="mb-30">At our creative digital agency, we believe <br>
that every pixel tells a story. Our mission <br>
is to transform ideas into visually</p>
<div class=" mtabout__btn-wrap mthero__btn-wrap mt_fade_anim " data-delay=".9"
data-fade-from="top" data-ease="bounce">
<div class="mtbtn__wrap mt-btn-2-rounded mtlarge">
<a class="mt-btn-2 btn-item" href="contact.html">
<cite>
<svg xmlns="http://www.w3.org/2000/svg" width="45" height="45"
viewBox="0 0 45 45" fill="none">
<path
d="M43.4264 44.4264C43.9787 44.4264 44.4264 43.9787 44.4264 43.4264L44.4264 34.4264C44.4264 33.8741 43.9787 33.4264 43.4264 33.4264C42.8741 33.4264 42.4264 33.8741 42.4264 34.4264L42.4264 42.4264L34.4264 42.4264C33.8741 42.4264 33.4264 42.8741 33.4264 43.4264C33.4264 43.9787 33.8741 44.4264 34.4264 44.4264L43.4264 44.4264ZM0.292893 1.70711L42.7193 44.1335L44.1335 42.7193L1.70711 0.292893L0.292893 1.70711Z"
fill="#0A0909" />
</svg>
</cite>
<span>
Explore More
</span>
</a>
</div>
</div>
</div>
<div class="mthero__thumb-wrap ">
<div class="mthero__thumb-sm mb-60 scale-up-img ">
<img data-speed="0.9" class="scale-up" src="assets/img/hero/thumb-1-2.jpg"
alt="">
</div>
<div class="mthero__thumb-lg ml-90 scale-up-img fix">
<img data-speed="0.8" class="scale-up" src="assets/img/hero/thumb-1-1.jpg"
alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Hero Area End -->
<!-- About Area Start -->
<section class="mtabout__area mtabout__1 p-relative fix pt-30 pb-90 ">
<div class="mtabout__shape-wrap">
<div class="mtabout__shape" data-speed="0.9">
<img src="assets/img/about/shape-1-1.png" alt="">
</div>
<div class="mtabout__shape-2" data-speed="0.9">
<img src="assets/img/about/shape-1-2.png" alt="">
</div>
</div>
<div class="container">
<div class="mt-section-content mb-50">
<h2 class="mt-section-title mt_text_invert invert-black">
We believe in a collaborative approach <br>
that puts your vision at the center of <br>
everything we do. By combining <br>
cutting-edge technology,
</h2>
</div>
<div class="row">
<div class="col-xl-6">
<div class="mtabout__thumb-row mb-30">
<div class="row align-items-end">
<div class="col-lg-6 col-md-6">
<div class="mtabout__thumb scale-up-img fix mb-30">
<img data-speed="0.8" class="scale-up"
src="assets/img/about/thumb-1-1.png" alt="">
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="mtabout__thumb-item text-center">
<div class="mtabout__thumb-arrow mb-50" data-speed="0.9">
<span><svg xmlns="http://www.w3.org/2000/svg" width="180"
height="31" viewBox="0 0 180 31" fill="none">
<path d="M0 30H176L132.162 1" stroke="#606166"
stroke-width="2" />
</svg></span>
</div>
<div class="mtabout__thumb-sm pt-50 scale-up-img fix">
<img data-speed="0.8" data-lag="0" class="scale-up"
src="assets/img/about/thumb-1-2.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="mtabout__wrapper mb-30">
<div class="mtabout__content mt-20">
<p class="mb-50">We specialize in bringing bold ideas to life, <br>
blending innovation with a deep understanding <br>
of our clients' unique needs.</p>
<div class=" mtabout__btn-wrap mthero__btn-wrap mt_fade_anim " data-delay=".9"
data-fade-from="top" data-ease="bounce">
<div class="mtbtn__wrap mt-btn-2-rounded mtlarge">
<a class="mt-btn-2 btn-item" href="about.html">
<cite>
<svg xmlns="http://www.w3.org/2000/svg" width="45" height="45"
viewBox="0 0 45 45" fill="none">
<path
d="M43.4264 44.4264C43.9787 44.4264 44.4264 43.9787 44.4264 43.4264L44.4264 34.4264C44.4264 33.8741 43.9787 33.4264 43.4264 33.4264C42.8741 33.4264 42.4264 33.8741 42.4264 34.4264L42.4264 42.4264L34.4264 42.4264C33.8741 42.4264 33.4264 42.8741 33.4264 43.4264C33.4264 43.9787 33.8741 44.4264 34.4264 44.4264L43.4264 44.4264ZM0.292893 1.70711L42.7193 44.1335L44.1335 42.7193L1.70711 0.292893L0.292893 1.70711Z"
fill="#0A0909" />
</svg>
</cite>
<span>
Read More
</span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- About Area End -->
<!-- Service Area Start -->
<section class="mtservice__area mtservice__1 p-relative fix pt-100 pb-90 grey-bg">
<div class="container">
<div class="mb-6">
<div class="row align-items-center">
<div class="col-xl-4 col-lg-3">
<div class="mtcircular__thumb p-relative mb-30">
<img src="assets/img/service/circular.png" alt="">
<div class="mtcircular__logo">
<img src="assets/img/service/logo.png" alt="">
</div>
</div>
</div>
<div class="col-xl-8 col-lg-9">
<div class="mt-section-content mb-30 ">
<h2 class="mt-section-title mt-upper mb-25 mt-text-perspective">freegen Our <br>
Best Services</h2>
<p class="mtstyletwo mb-0 ">
<span class="mr-90">
<svg xmlns="http://www.w3.org/2000/svg" width="180" height="31"
viewBox="0 0 180 31" fill="none">
<path d="M0 30H176L132.162 1" stroke="#606166" stroke-width="2" />
</svg>
</span>
We specialize in bringing bold ideas to life, <br>
blending innovation with a deep.
</p>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-4 col-lg-6 col-md-6">
<div class="mtservice__wrapper mb-30 mt_fade_anim" data-delay=".7" data-fade-from="top">
<div class="mtservice__item">
<h4 class="mtservice__title mb-14"><a href="service-details.html">Content Management
Systems</a></h4>
<p class="mb-50">We specialize in bringing bold ideas to life,
blending innovation with a deep.</p>
<div class="mtservice__icon mb-60">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="96" height="90"
viewBox="0 0 96 90" fill="none">
<path
d="M25.6523 15.4355C21.2009 19.0778 17.72 23.7552 15.5186 29.0547C13.2529 34.5087 12.4174 40.4439 13.0908 46.3057C13.7643 52.1675 15.9247 57.764 19.3691 62.5713C22.8136 67.3784 27.4294 71.2397 32.7852 73.7939C38.141 76.3483 44.0622 77.5124 49.9941 77.1777C55.9259 76.843 61.6754 75.0201 66.7051 71.8799C71.735 68.7395 75.8813 64.3836 78.7549 59.2197C81.5472 54.2017 83.0482 48.5799 83.1309 42.8525H95.4961C95.4128 50.6532 93.3818 58.3149 89.5791 65.1484C85.6952 72.1277 80.0911 78.0161 73.291 82.2617C66.4909 86.5073 58.7162 88.9713 50.6953 89.4238C42.6744 89.8763 34.6688 88.3021 27.4277 84.8486C20.1867 81.3951 13.9467 76.1754 9.29102 69.6777C4.63539 63.1801 1.71585 55.6168 0.805664 47.6953C-0.104482 39.7737 1.02486 31.752 4.08691 24.3809C7.08569 17.1621 11.8427 10.7978 17.9287 5.85742L25.6523 15.4355ZM61.333 0.5C71.3696 0.5 79.4999 8.57545 79.5 18.5293C79.5 28.4832 71.3697 36.5586 61.333 36.5586C51.2965 36.5584 43.167 28.4831 43.167 18.5293C43.1671 8.57556 51.2965 0.500178 61.333 0.5Z"
stroke="#606166" />
</svg>
</span>
</div>
<div class="mtservice__btn">
<a class="mt-btn-border" href="service-details.html"> <strong></strong>Read More </a>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6">
<div class="mtservice__wrapper mb-30 mt_fade_anim" data-delay=".8" data-fade-from="top">
<div class="mtservice__item">
<h4 class="mtservice__title mb-14"><a href="service-details.html">Conversion Rate &
Optimization</a></h4>
<p class="mb-50">We specialize in bringing bold ideas to life,
blending innovation with a deep.</p>
<div class="mtservice__icon mb-60">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="92" height="92"
viewBox="0 0 92 92" fill="none">
<path
d="M46.1946 46H1V1H46.1946V46ZM46.1946 46V91H91.3893V46H46.1946ZM56.5772 14.3784H92M56.5772 22.8919H74.8993M56.5772 31.4054H83.4497M12.604 59.9865H32.1477V79.4459H12.604V59.9865Z"
stroke="#606166" />
</svg>
</span>
</div>
<div class="mtservice__btn">
<a class="mt-btn-border" href="service-details.html"> <strong></strong>Read More </a>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6">
<div class="mtservice__wrapper mb-30 mt_fade_anim" data-delay=".9" data-fade-from="top">
<div class="mtservice__item">
<h4 class="mtservice__title mb-14"><a href="service-details.html">CSocial Media best
Management</a></h4>
<p class="mb-50">We specialize in bringing bold ideas to life,
blending innovation with a deep.</p>
<div class="mtservice__icon mb-60">
<span>
<svg xmlns="http://www.w3.org/2000/svg" width="91" height="90"
viewBox="0 0 91 90" fill="none">
<path
d="M45.9971 0.5C70.5737 0.5 90.4971 20.4233 90.4971 45C90.4971 69.5767 70.5737 89.5 45.9971 89.5H45.3906V0.5H45.9971Z"
stroke="#0A0909" />
<path
d="M71.0801 37.7C70.8128 55.7499 56.0998 70.2994 37.9863 70.2996L33.5996 70.2996C15.486 70.2996 0.773163 55.75 0.505859 37.6999L71.0801 37.7Z"
stroke="#0A0909" />
<rect x="25.9766" y="18.5001" width="11.1333" height="11"
stroke="#0A0909" />
</svg>
</span>
</div>
<div class="mtservice__btn">
<a class="mt-btn-border" href="service-details.html"> <strong></strong>Read More </a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Service Area End -->
<!-- Fact Area Start -->
<section class="mtfact__area mtfact__1 p-relative pt-98 pb-20 bounce_animation">
<div class="container">
<div class="row">
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="mtfact__wrapper mb-30 bounce__anim">
<div class="mtfact__item">
<h3 class="mtfact__number">
<span data-purecounter-duration="1" data-purecounter-end="15"
class="purecounter">0</span>+
</h3>
<span>Year <br> Experience</span>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="mtfact__wrapper mb-30 bounce__anim">
<div class="mtfact__item">
<h3 class="mtfact__number">
<span data-purecounter-duration="1" data-purecounter-end="20"
class="purecounter">0</span>K
</h3>
<span>Happy <br> Customer</span>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="mtfact__wrapper mb-30 bounce__anim">
<div class="mtfact__item">
<h3 class="mtfact__number">
<span data-purecounter-duration="1" data-purecounter-end="10"
class="purecounter">0</span>K
</h3>
<span>Project <br> Complete</span>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="mtfact__wrapper mb-30 bounce__anim">
<div class="mtfact__item">
<h3 class="mtfact__number">
<span data-purecounter-duration="1" data-purecounter-end="98"
class="purecounter">0</span>+
</h3>
<span>Team <br> Member</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Fact Area End -->
<!-- Project Area Start -->
<section class="mtproject__area mtproject__1 p-relative fix pt-30 pb-50 plr-200">
<div class="container-fluid">
<div class="row justify-content-end">
<div class="col-lg-8">
<div class="mt-section-content mb-40 ">
<h2 class="mt-section-title mt-upper mb-25">Freegen Agency Is here <br>
For You To work</h2>
</div>
</div>
</div>
<div class="row justify-content-center align-items-center">
<div class="col-xl-6">
<div class="mtproject__wrapper mb-30 fix p-relative">
<div class="mtproject__item p-relative not-hide-cursors" data-cursor="View<br>More">
<a class=" cursor-hide thumb-1 d-block" href="portfolio-details.html">
<img data-speed=".8" src="assets/img/project/project-1-1.jpg" alt="">
</a>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="mtproject__wrapper mb-30 fix p-relative text-end">
<div class="mtproject__item p-relative not-hide-cursors" data-cursor="View<br>More">
<a class=" cursor-hide thumb-1 d-block" href="portfolio-details.html">
<img data-speed=".8" src="assets/img/project/project-1-2.jpg" alt="">
</a>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="mtproject__wrapper mb-30 fix p-relative">
<div class="mtproject__item p-relative not-hide-cursors" data-cursor="View<br>More">
<a class=" cursor-hide thumb-1 d-block" href="portfolio-details.html">
<img data-speed=".8" src="assets/img/project/project-1-3.jpg" alt="">
</a>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="mtproject__wrapper mb-30 fix p-relative text-end">
<div class="mtproject__item p-relative not-hide-cursors" data-cursor="View<br>More">
<a class=" cursor-hide thumb-1 d-block" href="portfolio-details.html">
<img data-speed=".8" src="assets/img/project/project-1-4.jpg" alt="">
</a>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="mtproject__wrapper mb-30 fix p-relative">
<div class="mtproject__item p-relative not-hide-cursors" data-cursor="View<br>More">
<a class=" cursor-hide thumb-1 d-block" href="portfolio-details.html">
<img data-speed=".8" src="assets/img/project/project-1-5.jpg" alt="">
</a>
</div>
</div>
</div>
</div>
<div class="mtproject__btn-wrap p-relative text-center mt-60 ">
<h4 class="mtproject__trans-title mt-upper">view Project</h4>
<div class="mthero__btn-wrap mt_fade_anim " data-delay=".9" data-fade-from="top"
data-ease="bounce">
<div class="mtbtn__wrap mt-btn-2-rounded">
<a class="mt-btn-2 btn-item" href="portfolio.html">
<cite>
<svg xmlns="http://www.w3.org/2000/svg" width="45" height="45"
viewBox="0 0 45 45" fill="none">
<path
d="M43.4264 44.4264C43.9787 44.4264 44.4264 43.9787 44.4264 43.4264L44.4264 34.4264C44.4264 33.8741 43.9787 33.4264 43.4264 33.4264C42.8741 33.4264 42.4264 33.8741 42.4264 34.4264L42.4264 42.4264L34.4264 42.4264C33.8741 42.4264 33.4264 42.8741 33.4264 43.4264C33.4264 43.9787 33.8741 44.4264 34.4264 44.4264L43.4264 44.4264ZM0.292893 1.70711L42.7193 44.1335L44.1335 42.7193L1.70711 0.292893L0.292893 1.70711Z"
fill="#0A0909" />
</svg>
</cite>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- Project Area End -->
<!-- CTA Area Start -->
<section class="mtcta__area mtcta__1 p-relative pt-50 pb-50 fix scale-up-img ">
<div class="container">
<div class="mtcta__wrapper p-relative fix">
<div class="mtcta__bg scale-up">
<img src="assets/img/cta/bg-1.png" alt="">
</div>
<div class="mtcta__item">
<div class="mt-section-content mb-40 text-center">
<h2 class="mt-section-title mb-25 text-white">Let's start your experience <br>
with freegen</h2>
</div>
<div class="mtbtn__wrap text-center">
<a class="mtcta__btn mt-btn-rounded btn-item" href="contact.html"> <span>
<svg xmlns="http://www.w3.org/2000/svg" width="40" height="25"
viewBox="0 0 40 25" fill="none">
<path
d="M26.6632 1C27.9436 4.0771 31.0381 10.6694 37.1839 12.4218M37.1839 12.4218C34.4777 13.2041 29.387 16.615 26.6632 24M37.1839 12.4218L0.820314 12.3342"
stroke="#0A0909" stroke-width="1.5" />
</svg>
</span>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- CTA Area End -->
<!-- FAQ Area Start -->
<section class="mtfaq__area mtfaq__1 p-relative pt-50 pb-60 fix">
<div class="mtfaq__shape-2" data-speed="0.9">
<img src="assets/img/faq/shape-2.png" alt="">
</div>
<div class="container">
<div class="row align-items-end">
<div class="col-xl-6">
<div class="mtfaq__wrapper mb-50 mt_fade_anim" data-delay=".3" data-fade-from="top">
<div class="mt-section-content mb-50 ">
<h2 class="mt-section-title mb-40 mt-upper mt-text-perspective">Your Questions,
<br>
Our Answers
</h2>
<p class="mt-fs-24 mt-line-34">We specialize in bringing bold ideas to life,
<br>
blending innovation with a deep.
</p>
</div>
<div class="mtfaq__boxwrap d-flex align-items-center justify-content-center ">
<div class="mtfaq__shape mr-50" data-speed="0.9">
<img src="assets/img/faq/shape-1.png" alt="">
</div>
<div class="mtfaq__thumb p-relative mb-30">
<div class="mtcircular__thumb p-relative mb-30 text-end">
<img src="assets/img/service/circular.png" alt="">
<div class="mtcircular__logo">
<img src="assets/img/service/logo.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<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 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="#collapseTwo"
aria-expanded="true" aria-controls="collapseTwo">
How does the project process work?
</button>
</h2>
<div id="collapseTwo" 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="#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>
</div>
</section>
<!-- FAQ Area End -->
<!-- Testimonial Area Start -->
<section class="mttestimonial__area mttestimonial__1 p-relative pt-110 pb-60 fix grey-bg ">
<div class="container">
<div class="mttestimonial__trans">
<h2 class="mttestimonial__trans-title">Testimonial</h2>
</div>
<div class="row">
<div class="col-lg-9">
<div class="mttestimonial__wrapper p-relative">
<div class="swiper mttestimonial__active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mttestimonial__item mt_fade_anim" data-delay=".4"
data-fade-from="top">
<div class="mttestimonial__content">
<p class="mb-50">From the first meeting to the final product,
exceeded
our expectations. Their creativity, attention to detail,
and dedication to our project made the entire process
enjoyable and effective.</p>
<div class="mttestimonial__author d-flex align-items-center ">
<div class="mttestimonial__author-arrow mr-30">
<span><svg xmlns="http://www.w3.org/2000/svg"
width="114" height="12" viewBox="0 0 114 12"
fill="none">
<path d="M0 11H110L93.1452 1" stroke="#D8D8D8"
stroke-width="2" />
</svg></span>
</div>
<div class="mttestimonial__author-content">
<h5 class="mttestimonial__author-title">Bessie Cooper
</h5>
<span class="mttestimonial__author-position">EcoTech
Solutions</span>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mttestimonial__item mt_fade_anim" data-delay=".4"
data-fade-from="top">
<div class="mttestimonial__content">
<p class="mb-50">From the first meeting to the final product,
exceeded
our expectations. Their creativity, attention to detail,
and dedication to our project made the entire process
enjoyable and effective.</p>
<div class="mttestimonial__author d-flex align-items-center ">
<div class="mttestimonial__author-arrow mr-30">
<span><svg xmlns="http://www.w3.org/2000/svg"
width="114" height="12" viewBox="0 0 114 12"
fill="none">
<path d="M0 11H110L93.1452 1" stroke="#D8D8D8"
stroke-width="2" />
</svg></span>
</div>
<div class="mttestimonial__author-content">
<h5 class="mttestimonial__author-title">Bessie Cooper
</h5>
<span class="mttestimonial__author-position">EcoTech
Solutions</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mttestimonial__arrow z-index-4">
<div class="mttestimonial__button-next mttestimonial__button">
<span>
<i class="fa-light fa-chevron-left"></i>
</span>
</div>
<div class="mttestimonial__button-prev mttestimonial__button">
<span>
<i class="fa-light fa-chevron-right"></i>
</span>
</div>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="mttestimonial__thumb text-center text-lg-end p-relative fix">
<img src="assets/img/testimonial/thumb-1.jpg" alt="">
</div>
</div>
</div>
</div>
</section>
<!-- Testimonial Area End -->
<!-- Brand Area Start -->
<section class="mtbrand__area mtbrand__1 pt-60 pb-120 p-relative grey-bg fix mt_fade_anim"
data-delay=".4" data-fade-from="top">
<div class="mtbrand__shape" data-speed="0.9">
<img src="assets/img/brand/shape-1-2.png" alt="">
</div>
<div class="container">
<div class="row align-items-center">
<div class="col-lg-2">
<div class="mtbrand__content p-relative ">
<h3 class="mtbrand__title mb-30 mt-text-perspective">Our <br>
Brand</h3>
<div class="mtbrand__shape-2" data-speed="0.9">
<img src="assets/img/brand/shape-1-1.png" alt="">
</div>
</div>
</div>
<div class="col-lg-10">
<div class="mtbrand__wrapper ">
<div class="mtbrand__item">
<img src="assets/img/brand/brand-1-1.png" alt="">
</div>
<div class="mtbrand__item">
<img src="assets/img/brand/brand-1-2.png" alt="">
</div>
<div class="mtbrand__item">
<img src="assets/img/brand/brand-1-3.png" alt="">
</div>
<div class="mtbrand__item">
<img src="assets/img/brand/brand-1-4.png" alt="">
</div>
<div class="mtbrand__item">
<img src="assets/img/brand/brand-1-5.png" alt="">
</div>
<div class="mtbrand__item">
<img src="assets/img/brand/brand-1-6.png" alt="">
</div>
<div class="mtbrand__item">
<img src="assets/img/brand/brand-1-7.png" alt="">
</div>
<div class="mtbrand__item">
<img src="assets/img/brand/brand-1-8.png" alt="">
</div>
<div class="mtbrand__item">
<img src="assets/img/brand/brand-1-9.png" alt="">
</div>
<div class="mtbrand__item">
<img src="assets/img/brand/brand-1-2.png" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Brand Area End -->
<!-- Blog Area Start -->
<section class="mtblog__area mtblog__1 p-relative pt-100 pb-90 fix">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-8 col-lg-7">
<div class="mt-section-content mb-40 ">
<h2 class="mt-section-title mt-upper mb-25 mt-text-perspective">Creative Ideas &
<br>
Industry Insights
</h2>
</div>
</div>
<div class="col-xl-4 col-lg-5">
<div class=" text-lg-end mthero__btn-wrap mt_fade_anim " data-delay=".9"
data-fade-from="top" data-ease="bounce">
<div class="mtbtn__wrap mt-btn-2-rounded mtlarge">
<a class="mt-btn-2 btn-item" href="blog.html">
<cite>
<svg xmlns="http://www.w3.org/2000/svg" width="45" height="45"
viewBox="0 0 45 45" fill="none">
<path
d="M43.4264 44.4264C43.9787 44.4264 44.4264 43.9787 44.4264 43.4264L44.4264 34.4264C44.4264 33.8741 43.9787 33.4264 43.4264 33.4264C42.8741 33.4264 42.4264 33.8741 42.4264 34.4264L42.4264 42.4264L34.4264 42.4264C33.8741 42.4264 33.4264 42.8741 33.4264 43.4264C33.4264 43.9787 33.8741 44.4264 34.4264 44.4264L43.4264 44.4264ZM0.292893 1.70711L42.7193 44.1335L44.1335 42.7193L1.70711 0.292893L0.292893 1.70711Z"
fill="#0A0909" />
</svg>
</cite>
<span>
View All Blog
</span>
</a>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-xl-4 col-lg-6">
<div class="mtblog__wrapper mb-30 mt--hover-item mt_fade_anim">
<div class="mtblog__item">
<a href="blog-details.html">
<div class="mtblog__thumb mb-10 mt--hover-img p-relative fix"
data-displacement="assets/img/imghover/strip.png">
<img src="assets/img/blog/blog-1-1.jpg" alt="">
</div>
</a>
<div class="mtblog__content">
<div class="mtblog__meta mb-15">
<span data-color="#0A0909">Development</span>
<cite></cite>
<span>Sep 15, 2025</span>
</div>
<h3 class="mtblog__title mb-40"><a href="blog-details.html">The Ultimate Guide to SEO
for Small Businesses.</a></h3>
<div class="mtblog__btn">
<a class="mt-btn-border" href="blog-details.html"> <strong></strong>Read More </a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6">
<div class="mtblog__wrapper mb-30 mt--hover-item mt_fade_anim">
<div class="mtblog__item">
<a href="blog-details.html">
<div class="mtblog__thumb mb-10 mt--hover-img p-relative fix"
data-displacement="assets/img/imghover/strip.png">
<img src="assets/img/blog/blog-1-2.jpg" alt="">
</div>
</a>
<div class="mtblog__content">
<div class="mtblog__meta mb-15">
<span data-color="#0A0909">Development</span>
<cite></cite>
<span>Sep 15, 2025</span>
</div>
<h3 class="mtblog__title mb-40"><a href="blog-details.html">The Ultimate Guide to SEO
for Small Businesses.</a></h3>
<div class="mtblog__btn">
<a class="mt-btn-border" href="blog-details.html"> <strong></strong>Read More </a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6">
<div class="mtblog__wrapper mb-30 mt--hover-item mt_fade_anim">
<div class="mtblog__item">
<a href="blog-details.html">
<div class="mtblog__thumb mb-10 mt--hover-img p-relative fix"
data-displacement="assets/img/imghover/strip.png">
<img src="assets/img/blog/blog-1-3.jpg" alt="">
</div>
</a>
<div class="mtblog__content">
<div class="mtblog__meta mb-15">
<span data-color="#0A0909">Development</span>
<cite></cite>
<span>Sep 15, 2025</span>
</div>
<h3 class="mtblog__title mb-40"><a href="blog-details.html">The Ultimate Guide to SEO
for Small Businesses.</a></h3>
<div class="mtblog__btn">
<a class="mt-btn-border" href="blog-details.html"> <strong></strong>Read More </a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Blog 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>