/home/moonrcjl/template.moontelict.com/freegen/services.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 p-relative fix">
<div class="mtbreadcrumb__bg scale-up-img">
<img data-speed="0.7" class="scale-up" src="assets/img/breadcrumb/breadcrumb-2.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 ">Services <br>
Page</h1>
</div>
</div>
</div>
</div>
</section>
<!-- Service Area Start -->
<section class="mtservice__area mtservice__1 p-relative fix pt-110 pb-90">
<div class="container">
<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 capitalize"><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 capitalize"><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 capitalize"><a href="service-details.html">Social 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 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 capitalize"><a href="service-details.html">digital strategy and
optimize your reach.</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="92"
viewBox="0 0 91 92" fill="none">
<path
d="M1 24.0579V67.1983L44.3782 91M1 24.0579L44.3782 1L67.1891 12.5289M1 24.0579L23.063 35.2149M44.3782 91L90 67.1983V24.0579M44.3782 91V46.3719M90 24.0579L44.3782 46.3719M90 24.0579L67.1891 12.5289M44.3782 46.3719L23.063 35.2149M23.063 35.2149V46.3719M23.063 35.2149L67.1891 12.5289"
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 capitalize"><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="114" height="90"
viewBox="0 0 114 90" fill="none">
<rect x="29" y="0.5" width="84.5" height="89" stroke="#606166" />
<circle cx="29.25" cy="44.25" r="28.75" 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 capitalize"><a href="service-details.html">Social 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="118" height="90"
viewBox="0 0 118 90" fill="none">
<path d="M1 89.4999V21.8109V9.02515L81.4748 89.4999H1Z"
stroke="#606166" />
<path
d="M23.5625 72.9539L92.0037 24.0673M92.0037 24.0673L79.9701 21.811M92.0037 24.0673V36.8531"
stroke="#606166" />
<circle cx="84.4831" cy="33.0924" r="32.5924" 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>
</div>
</section>
<!-- Service 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="#">news & Media</a></li>
<li><a href="#">Latest Trends & Tips</a></li>
<li><a href="#">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>