/home/moonrcjl/template.moontelict.com/a.tech/blog-grid.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>A.Tech - SaaS Agency & Online Payments HTML5 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-bundle.min.css">
<link rel="stylesheet" href="assets/css/animate.min.css">
<link rel="stylesheet" href="assets/css/main.css">
</head>
<body>
<!-- scroll to top -->
<button id="back-to-top"><i class="far fa-arrow-up"></i></button>
<!-- preloader -->
<div id="loading">
<div id="loading-center">
<div id="loading-center-absolute">
<div class="object" id="object_four"></div>
<div class="object" id="object_three"></div>
<div class="object" id="object_two"></div>
<div class="object" id="object_one"></div>
</div>
</div>
</div>
<!-- mt header search -->
<div class="mt-header-search-bar d-flex align-items-center">
<button class="mt-search-close">×</button>
<div class="container">
<div class="row justify-content-center">
<div class="col-lg-6">
<div class="mt-search-bar text-center">
<h2 class="mt-search-bar-title mb-30">What are you looking for?</h2>
<div class="contact-form-box contact-search-form-box">
<form action="#">
<input type="email" placeholder="Search Here">
<button type="submit"><i class="far fa-search"></i></button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mt-offcanvas">
<div class="mt-offcanvas-wrapper">
<div class="mt-offcanvas-header d-flex justify-content-between align-items-center mb-90">
<div class="mt-offcanvas-logo">
<a href="index.html"><img src="assets/img/logo/white-logo.png" alt=""></a>
</div>
<div class="mt-offcanvas-close">
<button class="mt-offcanvas-close-toggle"><i class="fal fa-times"></i></button>
</div>
</div>
<div class="mt-offcanvas-menu d-xl-none mb-50">
<nav></nav>
</div>
<div class="mt-offcanvas-content mb-50 d-none d-xl-block">
<h2 class="mt-offcanvas-title">Hello There!</h2>
<p>Lorem ipsum dolor sit amet, consect etur adipiscing elit. </p>
</div>
<div class="mt-offcanvas-gallery mb-50">
<a class="popup-image" href="assets/img/blog/blog-lg-1.jpg"><img src="assets/img/blog/blog-lg-1.jpg"
alt=""></a>
<a class="popup-image" href="assets/img/blog/blog-lg-2.jpg"><img src="assets/img/blog/blog-lg-2.jpg"
alt=""></a>
<a class="popup-image" href="assets/img/blog/blog-lg-3.jpg"><img src="assets/img/blog/blog-lg-3.jpg"
alt=""></a>
<a class="popup-image" href="assets/img/blog/blog-lg-4.jpg"><img src="assets/img/blog/blog-lg-4.jpg"
alt=""></a>
</div>
<div class="mt-offcanvas-info mb-50">
<h3 class="mt-offcanvas-sm-title">Information</h3>
<span><a href="#">+ 4 20 7700 1007</a></span>
<span><a href="#">hello@a.sasio.com</a></span>
<span><a href="#">Avenue de Roma 158b, Lisboa</a></span>
</div>
<div class="mt-offcanvas-social mb-50">
<h3 class="mt-offcanvas-sm-title">Follow Us</h3>
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
</div>
</div>
</div>
<div class="mt-offcanvas-overlay"></div>
<header class="mt-header-area p-relative z-index-11 mt-transparent-header">
<!-- header main area start -->
<div id="mt-header-sticky" class="mt-header-area mt-header-3 plr-210">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-xl-2 col-lg-2 col-6">
<div class="mt-header-logo">
<a href="index.html"><img src="assets/img/logo/white-logo.png" alt="logo"></a>
</div>
</div>
<div class="col-xl-10 col-lg-10 col-6">
<div
class="mt-header-wrap d-flex align-items-center justify-content-xl-between justify-content-end ml-70">
<div class="mt-header-menu d-none d-xl-block mr-30">
<nav class="mt-mobile-menu-active mt-menu">
<ul>
<li class="dropdown has-dropdown"><a href="#">Home</a>
<ul class="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><a href="about.html">About </a></li>
<li class="dropdown has-dropdown"><a href="#">Pages</a>
<ul class="sub-menu">
<li><a href="about.html">Modern About</a></li>
<li><a href="service.html">Modern Service</a></li>
<li><a href="service-details.html">Service Details</a></li>
<li><a href="team.html">Modern Team</a></li>
<li><a href="team-details.html">Team Details</a></li>
<li><a href="faq.html">Our Faq</a></li>
<li><a href="testimonial.html">Testimonial</a></li>
<li><a href="pricing.html">Our Pricing</a></li>
<li><a href="error.html">Error 404</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</li>
<li class="dropdown has-dropdown"><a href="#">Blog</a>
<ul class="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</a></li>
</ul>
</nav>
</div>
<div class="mt-header-right d-flex align-items-center">
<div class="d-none d-lg-block">
<div class="mt-header-contact mr-15 d-flex align-items-center">
<div class="mt-header-contact-icon mr-15">
<span><i class="fa-light fa-phone"></i></span>
</div>
<div class="mt-header-contact-text">
<span>Call Anytime</span>
<h6><a href="tel:2395550108">(239) 555-0108</a></h6>
</div>
</div>
</div>
<div class="mt-header-btn d-none d-md-block mr-15">
<a href="contact.html" class="mt-btn-3">Contact Us <span><i
class="fa-light fa-arrow-right-long"></i></span></a>
</div>
<div class="mt-header-bar mt-10 mb-10">
<button class="mt-offcanvas-toogle"><i
class="fa-light fa-bars-staggered"></i></button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- header main area end -->
</header>
<main>
<!-- Breadcrumb Area Start -->
<section class="mt-breadcrumb-area mt-breadcrumb-bg mt-breadcrumb-space plr-210 p-relative fix"
data-background="assets/img/breadcrumb/breadcrumb-bg.png">
<div class="mt-breadcrumb-shape">
<img class="mt-breadcrumb-shape-1 p-absolute" src="assets/img/breadcrumb/shape-1.png" alt="">
<img class="mt-breadcrumb-shape-2 p-absolute" src="assets/img/breadcrumb/shape-2.png" alt="">
<img class="mt-breadcrumb-shape-3 p-absolute" src="assets/img/breadcrumb/shape-3.png" alt="">
<img class="mt-breadcrumb-shape-4 p-absolute" src="assets/img/breadcrumb/shape-4.png" alt="">
<img class="mt-breadcrumb-shape-5 p-absolute" src="assets/img/breadcrumb/shape-5.png" alt="">
<img class="mt-breadcrumb-shape-6 p-absolute" src="assets/img/breadcrumb/shape-6.png" alt="">
<img class="mt-breadcrumb-shape-7 p-absolute" src="assets/img/breadcrumb/shape-7.png" alt="">
</div>
<div class="container-fluid">
<div class="row ">
<div class="col-lg-12">
<div class="mt-breadcrumb z-index-2 text-center">
<h1 class="mt-breadcrumb-subtitle mb-14">Our Blog</h1>
<div class="mt-breadcrumb-content">
<h2 class="mt-breadcrumb-title mb-20">Revolutionizing Software
Experiences for Modern Teams</h2>
<p class="mb-20">We believe that software should adapt to the evolving needs of today’s
teams, not the
other way around. Our <br>
SaaS solutions are designed to simplify workflows, enhance collaboration</p>
<div class="mt-breadcrumb-newslatter mt-30 mb-60 p-relative">
<form action="#">
<input type="email" placeholder="Your Email">
<button type="submit">Subscribe</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Start Brand Area -->
<section class="mt-brand-area plr-210 pt-50 pb-60 fix black-bg-2 wow mtFadeInUp" data-wow-duration="1.5s"
data-wow-delay="0.5s">
<div class="container-fluid">
<div class="mt-section-content mb-50 text-center">
<h2 class="mt-section-title mt-fs-24 mb-15">Trusted by millions of customers</h2>
</div>
<div class="row">
<div class="mt-brand-wrappers">
<div class="mt-brand-wrap">
<div class="swiper mt-brand-active">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mt-brand-item">
<img src="assets/img/brand/brand-logo1.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mt-brand-item">
<img src="assets/img/brand/brand-logo2.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mt-brand-item">
<img src="assets/img/brand/brand-logo3.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mt-brand-item">
<img src="assets/img/brand/brand-logo4.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mt-brand-item">
<img src="assets/img/brand/brand-logo5.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mt-brand-item">
<img src="assets/img/brand/brand-logo6.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mt-brand-item">
<img src="assets/img/brand/brand-logo1.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mt-brand-item">
<img src="assets/img/brand/brand-logo2.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mt-brand-item">
<img src="assets/img/brand/brand-logo3.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mt-brand-item">
<img src="assets/img/brand/brand-logo4.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mt-brand-item">
<img src="assets/img/brand/brand-logo5.png" alt="">
</div>
</div>
<div class="swiper-slide">
<div class="mt-brand-item">
<img src="assets/img/brand/brand-logo6.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Brand Area -->
<!-- Blog area Start -->
<section class="mtblog__area mtblog__3 pb-40 pt-80 p-relative fix">
<div class="container">
<div class="mt-section-content mb-60 text-center">
<span class="mt-section-subtitle subtitle-color2 mb-30">Our Blog</span>
<h2 class="mt-section-title">Recent Blog Post</h2>
</div>
<div class="mtblog__lgwrap mtborder pb-35">
<div class="row align-items-center">
<div class="col-xl-6">
<div class="mtblog__thumb-lg">
<div class="mtblog__thumb mb-24 p-relative wow img-custom-anim-top"
data-wow-duration="1.5s" data-wow-delay="0.2s">
<a href="blog-details.html">
<img src="assets/img/blog/blog-3-4.jpg" alt="">
</a>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="mtblog__content-lg">
<div class="mtblog__content mtborder mb-20">
<div class="mtblog__meta mb-20">
<a href="#"><span>knowledge</span></a>
<span>25 sep 2025</span>
</div>
<h3 class="mtblog__title mb-15"><a href="blog-details.html">Dive into our blog
to
discover the latest trends,
expert advice, and thought-provoking insights.</a></h3>
<p>our content is crafted to keep you informed and inspired. Whether you’re
looking to stay ahead in your field or simply explore new ideas, we’re here
to provide valuable perspectives and practical knowledge.</p>
</div>
<div class="mtblog__author-wrap d-flex align-items-center justify-content-between">
<div class="mtblog__author d-flex align-items-center">
<div class="mtblog__author-img mr-20">
<img src="assets/img/blog/author/author-2-4.jpg" alt="">
</div>
<div class="mtblog__author-text">
<h4 class="mtblog__author-title">Marvin McKinney</h4>
<span>UI/UX Designer</span>
</div>
</div>
<div class="mtblog__comment">
<a href="#"><i class="fa-light fa-comment-dots"></i><span>02 Comment</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mtblog__smwrap pt-60">
<div class="row">
<div class="col-xl-4 col-lg-6 mb-30">
<div class="mtblog__wrapper p-relative">
<div class="mtblog__item">
<div class="mtblog__thumb mb-24 p-relative wow img-custom-anim-top"
data-wow-duration="1.5s" data-wow-delay="0.2s">
<a href="blog-details.html">
<img src="assets/img/blog/blog-3-1.jpg" alt="">
</a>
</div>
<div class="mtblog__content mtborder mb-20">
<div class="mtblog__meta mb-20">
<a href="#"><span>knowledge</span></a>
<span>25 sep 2025</span>
</div>
<h3 class="mtblog__title mb-10"><a href="blog-details.html">actionable
insights that can fuel
your digital transformation journey.</a></h3>
</div>
<div class="mtblog__author-wrap d-flex align-items-center justify-content-between">
<div class="mtblog__author d-flex align-items-center">
<div class="mtblog__author-img mr-20">
<img src="assets/img/blog/author/author-2-1.jpg" alt="">
</div>
<div class="mtblog__author-text">
<h4 class="mtblog__author-title">Marvin McKinney</h4>
<span>UI/UX Designer</span>
</div>
</div>
<div class="mtblog__comment">
<a href="#"><i class="fa-light fa-comment-dots"></i><span>02
Comment</span></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 mb-30">
<div class="mtblog__wrapper p-relative">
<div class="mtblog__item">
<div class="mtblog__thumb mb-24 p-relative wow img-custom-anim-top"
data-wow-duration="1.5s" data-wow-delay="0.2s">
<a href="blog-details.html">
<img src="assets/img/blog/blog-3-2.jpg" alt="">
</a>
</div>
<div class="mtblog__content mtborder mb-20">
<div class="mtblog__meta mb-20">
<a href="#"><span>knowledge</span></a>
<span>25 sep 2025</span>
</div>
<h3 class="mtblog__title mb-10"><a href="blog-details.html">Our
comprehensive
guide covers
everything you need to know about.</a></h3>
</div>
<div class="mtblog__author-wrap d-flex align-items-center justify-content-between">
<div class="mtblog__author d-flex align-items-center">
<div class="mtblog__author-img mr-20">
<img src="assets/img/blog/author/author-2-1.jpg" alt="">
</div>
<div class="mtblog__author-text">
<h4 class="mtblog__author-title">Marvin McKinney</h4>
<span>UI/UX Designer</span>
</div>
</div>
<div class="mtblog__comment">
<a href="#"><i class="fa-light fa-comment-dots"></i><span>02
Comment</span></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 mb-30">
<div class="mtblog__wrapper p-relative">
<div class="mtblog__item">
<div class="mtblog__thumb mb-24 p-relative wow img-custom-anim-top"
data-wow-duration="1.5s" data-wow-delay="0.2s">
<a href="blog-details.html">
<img src="assets/img/blog/blog-3-3.jpg" alt="">
</a>
</div>
<div class="mtblog__content mtborder mb-20">
<div class="mtblog__meta mb-20">
<a href="#"><span>knowledge</span></a>
<span>25 sep 2025</span>
</div>
<h3 class="mtblog__title mb-10"><a href="blog-details.html">we offer a
wealth
of resources to
help you think outside the box.</a></h3>
</div>
<div class="mtblog__author-wrap d-flex align-items-center justify-content-between">
<div class="mtblog__author d-flex align-items-center">
<div class="mtblog__author-img mr-20">
<img src="assets/img/blog/author/author-2-1.jpg" alt="">
</div>
<div class="mtblog__author-text">
<h4 class="mtblog__author-title">Marvin McKinney</h4>
<span>UI/UX Designer</span>
</div>
</div>
<div class="mtblog__comment">
<a href="#"><i class="fa-light fa-comment-dots"></i><span>02
Comment</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mtblog__shape">
<img class="mt-breadcrumb-shape-1 p-absolute" src="assets/img/breadcrumb/shape-1.png" alt="">
</div>
</section>
<!-- Blog area End -->
<!-- Blog area Start -->
<section class="mtblog__area mtblog__3 pb-40 pt-90 p-relative fix">
<div class="container">
<div class="mt-section-content mb-60 text-center">
<span class="mt-section-subtitle subtitle-color2 mb-30">Our Blog</span>
<h2 class="mt-section-title">All Blog Post</h2>
</div>
<div class="mtblog__smwrap">
<div class="row">
<div class="col-xl-4 col-lg-6 mb-30">
<div class="mtblog__wrapper p-relative">
<div class="mtblog__item">
<div class="mtblog__thumb mb-24 p-relative wow img-custom-anim-top"
data-wow-duration="1.5s" data-wow-delay="0.2s">
<a href="blog-details.html">
<img src="assets/img/blog/blog-3-1.jpg" alt="">
</a>
</div>
<div class="mtblog__content mtborder mb-20">
<div class="mtblog__meta mb-20">
<a href="#"><span>knowledge</span></a>
<span>25 sep 2025</span>
</div>
<h3 class="mtblog__title mb-10"><a href="blog-details.html">actionable
insights that can fuel
your digital transformation journey.</a></h3>
</div>
<div class="mtblog__author-wrap d-flex align-items-center justify-content-between">
<div class="mtblog__author d-flex align-items-center">
<div class="mtblog__author-img mr-20">
<img src="assets/img/blog/author/author-2-1.jpg" alt="">
</div>
<div class="mtblog__author-text">
<h4 class="mtblog__author-title">Marvin McKinney</h4>
<span>UI/UX Designer</span>
</div>
</div>
<div class="mtblog__comment">
<a href="#"><i class="fa-light fa-comment-dots"></i><span>02
Comment</span></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 mb-30">
<div class="mtblog__wrapper p-relative">
<div class="mtblog__item">
<div class="mtblog__thumb mb-24 p-relative wow img-custom-anim-top"
data-wow-duration="1.5s" data-wow-delay="0.2s">
<a href="blog-details.html">
<img src="assets/img/blog/blog-3-2.jpg" alt="">
</a>
</div>
<div class="mtblog__content mtborder mb-20">
<div class="mtblog__meta mb-20">
<a href="#"><span>knowledge</span></a>
<span>25 sep 2025</span>
</div>
<h3 class="mtblog__title mb-10"><a href="blog-details.html">Our
comprehensive
guide covers
everything you need to know about.</a></h3>
</div>
<div class="mtblog__author-wrap d-flex align-items-center justify-content-between">
<div class="mtblog__author d-flex align-items-center">
<div class="mtblog__author-img mr-20">
<img src="assets/img/blog/author/author-2-1.jpg" alt="">
</div>
<div class="mtblog__author-text">
<h4 class="mtblog__author-title">Marvin McKinney</h4>
<span>UI/UX Designer</span>
</div>
</div>
<div class="mtblog__comment">
<a href="#"><i class="fa-light fa-comment-dots"></i><span>02
Comment</span></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 mb-30">
<div class="mtblog__wrapper p-relative">
<div class="mtblog__item">
<div class="mtblog__thumb mb-24 p-relative wow img-custom-anim-top"
data-wow-duration="1.5s" data-wow-delay="0.2s">
<a href="blog-details.html">
<img src="assets/img/blog/blog-3-3.jpg" alt="">
</a>
</div>
<div class="mtblog__content mtborder mb-20">
<div class="mtblog__meta mb-20">
<a href="#"><span>knowledge</span></a>
<span>25 sep 2025</span>
</div>
<h3 class="mtblog__title mb-10"><a href="blog-details.html">we offer a
wealth
of resources to
help you think outside the box.</a></h3>
</div>
<div class="mtblog__author-wrap d-flex align-items-center justify-content-between">
<div class="mtblog__author d-flex align-items-center">
<div class="mtblog__author-img mr-20">
<img src="assets/img/blog/author/author-2-1.jpg" alt="">
</div>
<div class="mtblog__author-text">
<h4 class="mtblog__author-title">Marvin McKinney</h4>
<span>UI/UX Designer</span>
</div>
</div>
<div class="mtblog__comment">
<a href="#"><i class="fa-light fa-comment-dots"></i><span>02
Comment</span></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 mb-30">
<div class="mtblog__wrapper p-relative">
<div class="mtblog__item">
<div class="mtblog__thumb mb-24 p-relative wow img-custom-anim-top"
data-wow-duration="1.5s" data-wow-delay="0.2s">
<a href="blog-details.html">
<img src="assets/img/blog/blog-3-5.jpg" alt="">
</a>
</div>
<div class="mtblog__content mtborder mb-20">
<div class="mtblog__meta mb-20">
<a href="#"><span>knowledge</span></a>
<span>25 sep 2025</span>
</div>
<h3 class="mtblog__title mb-10"><a href="blog-details.html">SaaS design is
at the heart of
delivering user-friendly efficient.</a></h3>
</div>
<div class="mtblog__author-wrap d-flex align-items-center justify-content-between">
<div class="mtblog__author d-flex align-items-center">
<div class="mtblog__author-img mr-20">
<img src="assets/img/blog/author/author-2-1.jpg" alt="">
</div>
<div class="mtblog__author-text">
<h4 class="mtblog__author-title">Marvin McKinney</h4>
<span>UI/UX Designer</span>
</div>
</div>
<div class="mtblog__comment">
<a href="#"><i class="fa-light fa-comment-dots"></i><span>02
Comment</span></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 mb-30">
<div class="mtblog__wrapper p-relative">
<div class="mtblog__item">
<div class="mtblog__thumb mb-24 p-relative wow img-custom-anim-top"
data-wow-duration="1.5s" data-wow-delay="0.2s">
<a href="blog-details.html">
<img src="assets/img/blog/blog-3-6.jpg" alt="">
</a>
</div>
<div class="mtblog__content mtborder mb-20">
<div class="mtblog__meta mb-20">
<a href="#"><span>knowledge</span></a>
<span>25 sep 2025</span>
</div>
<h3 class="mtblog__title mb-10"><a href="blog-details.html">In the
fast-paced digital landscape,
success depends.</a></h3>
</div>
<div class="mtblog__author-wrap d-flex align-items-center justify-content-between">
<div class="mtblog__author d-flex align-items-center">
<div class="mtblog__author-img mr-20">
<img src="assets/img/blog/author/author-2-1.jpg" alt="">
</div>
<div class="mtblog__author-text">
<h4 class="mtblog__author-title">Marvin McKinney</h4>
<span>UI/UX Designer</span>
</div>
</div>
<div class="mtblog__comment">
<a href="#"><i class="fa-light fa-comment-dots"></i><span>02
Comment</span></a>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-6 mb-30">
<div class="mtblog__wrapper p-relative">
<div class="mtblog__item">
<div class="mtblog__thumb mb-24 p-relative wow img-custom-anim-top"
data-wow-duration="1.5s" data-wow-delay="0.2s">
<a href="blog-details.html">
<img src="assets/img/blog/blog-3-7.jpg" alt="">
</a>
</div>
<div class="mtblog__content mtborder mb-20">
<div class="mtblog__meta mb-20">
<a href="#"><span>knowledge</span></a>
<span>25 sep 2025</span>
</div>
<h3 class="mtblog__title mb-10"><a href="blog-details.html">The tech and
design landscapes are
constantly evolving, with new tools.</a></h3>
</div>
<div class="mtblog__author-wrap d-flex align-items-center justify-content-between">
<div class="mtblog__author d-flex align-items-center">
<div class="mtblog__author-img mr-20">
<img src="assets/img/blog/author/author-2-1.jpg" alt="">
</div>
<div class="mtblog__author-text">
<h4 class="mtblog__author-title">Marvin McKinney</h4>
<span>UI/UX Designer</span>
</div>
</div>
<div class="mtblog__comment">
<a href="#"><i class="fa-light fa-comment-dots"></i><span>02
Comment</span></a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mt-pagination mt-60 mb-60 text-center">
<ul>
<li><a href="#"><i class="fal fa-long-arrow-left"></i></a></li>
<li><a class="active" href="#">01</a></li>
<li><a href="#">02</a></li>
<li><a href="#">03</a></li>
<li><a href="#"><i class="fal fa-long-arrow-right"></i></a></li>
</ul>
</div>
</div>
</div>
</section>
<!-- Blog area End -->
<!-- Cta area Start -->
<section class="mtcta__area pt-40 pb-110 p-relative fix">
<div class="container">
<div class="row align-items-end">
<div class="mtcta__wrapper pt-80 pb-80 wow mtFadeInUp" data-wow-duration="1.5s"
data-wow-delay="0.7s" data-bg-color="#151719">
<div class="col-lg-12">
<div class="mtcta ">
<div class="mtcta__item text-center">
<div class="mt-section-content mb-60 text-center">
<h2 class="mt-section-title mb-20">Launch Your Dream Website in Minutes <br>
Get Started Today!</h2>
<p>Building a professional website has never been easier. With our user-friendly
platform, you can design, <br>
customize, and launch your dream website in just a few simple steps.</p>
</div>
<div class="mtcta__btns mb-24">
<a class="mt-btn mtnoborder mr-20" href="contact.html">
Start a 15-day free trial<span><i
class="fa-light fa-arrow-right-long"></i></span>
</a>
<a class="mt-btn-border mtnoborder" href="about.html">
View Demo<span><i class="fa-light fa-arrow-right-long"></i></span>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Cta area End -->
</main>
<!-- footer start -->
<footer class="mtfooter__area mtfooter__2 pt-40 p-relative">
<div class="container px-0">
<div class="mtfooter__wraper mb-50 wow mtFadeInUp" data-wow-duration="1.5s" data-wow-delay="0.6s"
data-bg-color="#fff">
<div class="row">
<div class="col-xl-3 col-lg-6 col-md-6 mb-50">
<div class="mtfooter__widget ">
<div class="mtfooter__logo">
<a href="index.html"><img src="assets/img/logo/black-logo.png" alt=""></a>
</div>
<div class="mtfooter__content">
<p>we specialize in transforming the
digital landscape by blending.</p>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 mb-50">
<div class="mtfooter__widget ">
<h2 class="mtfooter__title mb-24">Explore Link</h2>
<div class="mtfooter__list">
<ul>
<li><a href="about.html">about Company</a></li>
<li><a href="#">Latest Project</a></li>
<li><a href="about.html">Latest from project</a></li>
<li><a href="testimonial.html">Our Testimonial</a></li>
<li><a href="#">Our Mission</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 mb-50">
<div class="mtfooter__widget ">
<h2 class="mtfooter__title mb-24">Support</h2>
<div class="mtfooter__list">
<ul>
<li><a href="#">Terms of use</a></li>
<li><a href="#">Terms & Conditions</a></li>
<li><a href="#">Privacy policy</a></li>
<li><a href="#">Cookie policy</a></li>
<li><a href="contact.html">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 mb-50">
<div class="mtfooter__widget ">
<h2 class="mtfooter__title mb-24">Resources</h2>
<div class="mtfooter__list">
<ul>
<li><a href="#">Developers</a></li>
<li><a href="#">Compare</a></li>
<li><a href="#">System status</a></li>
<li><a href="#">Online Community</a></li>
<li><a href="#">Release Note</a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="mtfooter__boxwrapper mt-20">
<div class="row">
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="mtfooter__box mb-30">
<div class="mtfooter__box-icon mb-10">
<strong><i class="fa-light fa-phone"></i></strong>
<span>Contact us anytime</span>
</div>
<div class="mtfooter__box-content">
<a href="tel:2395550108">+(239) 555-0108</a>
<a href="tel:2395550108">+(239) 555-0108</a>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="mtfooter__box mb-30">
<div class="mtfooter__box-icon mb-10">
<strong><i class="fa-light fa-envelope"></i></strong>
<span>Our email</span>
</div>
<div class="mtfooter__box-content">
<a href="mailto:info@lax.fymobile.com">info@lax.fymobile.com</a>
<a href="mailto:info@lax.fymobile.com">info@lax.fymobile.com</a>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="mtfooter__box mb-30">
<div class="mtfooter__box-icon mb-10">
<strong><i class="fa-light fa-location-dot"></i></strong>
<span>Our Location Address</span>
</div>
<div class="mtfooter__box-content">
<a href="#">2715 Ash Dr. San Jose, South
Dakota 83475</a>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="mtfooter__box mb-30">
<div class="mtfooter__box-icon mb-10">
<b>subscribe Now</b>
</div>
<div class="mtfooter__box-content p-relative">
<form action="#">
<input type="email" placeholder="Your Email">
<button type="submit">Subscribe</button>
</form>
</div>
</div>
</div>
</div>
</div>
<div class="mtcopyright__wrapper pt-20">
<div class="row">
<div class="col-xl-12">
<div class="mtcopyright__content text-center">
<p data-color="#767676">© 2025 All Rights Reserved by <a href="index.html">a.sasio</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</footer>
<!--<< Mouse Cursor Start >>-->
<div class="mouse-cursor cursor-outer"></div>
<div class="mouse-cursor cursor-inner"></div>
<!-- JS here -->
<script src="assets/js/jquery-3.7.1.min.js"></script>
<script src="assets/js/bootstrap.bundle.min.js"></script>
<script src="assets/js/jarallax.min.js"></script>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/mobile-menu-scripts.js"></script>
<script src="assets/js/swiper-bundle.min.js"></script>
<script src="assets/js/smooth-scroll.js"></script>
<script src="assets/js/wow.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>