<!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.Sasio - CRM Saas Online Payments HTML5 Template - Sass Agency.</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 data-bg-color="#000">
<!-- 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-3-1.jpg"><img src="assets/img/blog/blog-3-1.jpg" alt=""></a>
<a class="popup-image" href="assets/img/blog/blog-3-2.jpg"><img src="assets/img/blog/blog-3-2.jpg" alt=""></a>
<a class="popup-image" href="assets/img/blog/blog-3-3.jpg"><img src="assets/img/blog/blog-3-3.jpg" alt=""></a>
<a class="popup-image" href="assets/img/blog/blog-3-5.jpg"><img src="assets/img/blog/blog-3-5.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>
<div id="smooth-wrapper">
<div id="smooth-content">
<main>
<!-- Blog area Start -->
<section class="mt-blogpost-area pb-50 p-relative fix">
<div class="mt-blog-details mtblogdetails p-relative fix"
data-background="assets/img/breadcrumb/breadcrumb-bg.png">
<div class="mt-breadcrumb-shape">
<img class="mt-breadcrumb-shape-1 p-absolute" data-speed="0.9" src="assets/img/breadcrumb/shape-1.png"
alt="">
<img class="mt-breadcrumb-shape-2 p-absolute" data-speed="0.8" src="assets/img/breadcrumb/shape-2.png"
alt="">
<img class="mt-breadcrumb-shape-3 p-absolute" data-speed="0.9" src="assets/img/breadcrumb/shape-3.png"
alt="">
<img class="mt-breadcrumb-shape-4 p-absolute" data-speed="0.8" src="assets/img/breadcrumb/shape-4.png"
alt="">
<img class="mt-breadcrumb-shape-5 p-absolute" data-speed="0.9" src="assets/img/breadcrumb/shape-5.png"
alt="">
<img class="mt-breadcrumb-shape-6 p-absolute" data-speed="0.8" src="assets/img/breadcrumb/shape-6.png"
alt="">
<img class="mt-breadcrumb-shape-7 p-absolute" data-speed="0.9" src="assets/img/breadcrumb/shape-7.png"
alt="">
</div>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="mt-postbox mb-50 z-index-2">
<div class="mtblog__3">
<div class="mtblog__meta mb-20">
<a href="#"><span>knowledge</span></a>
<span>25 sep 2025</span>
</div>
<h3 class="mtblogdetails-title mb-30">Dive into our blog to discover the
latest
trends,
expert advice, and thought-provoking insights.</h3>
<div class="mtblog__author-wrap mb-60">
<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>
</div>
<div class="mt-postbox-thumb">
<img src="assets/img/blog/blog-details.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-xl-8 col-lg-8">
<article class="mt-postbox mb-60">
<div class="mt-postbox-content">
<div class="mt-postbox-details">
<h3 class="mt-postbox-title mt-fs-24 mb-20">The History of web design</h3>
<p class="mb-24">Every individual we serve has a unique story—a journey
marked by
resilience,
hope, and transformation.
Through our charity’s support, countless individuals and communities
have
overcome challenges and found
new paths toward a brighter future.</p>
<div class="mt-postbox-details-list mb-30">
<ul>
<li><i class="fa-light fa-check"></i> Streamline mobile management
and
reduce manual with automated processes and centralized control.
</li>
<li><i class="fa-light fa-check"></i> Streamline mobile management
and
reduce manual with automated processes and centralized control.
</li>
<li><i class="fa-light fa-check"></i> Streamline mobile management
and
reduce manual with automated processes and centralized control.
</li>
<li><i class="fa-light fa-check"></i> Streamline mobile management
and
reduce manual with automated processes and centralized control.
</li>
</ul>
</div>
<div class="mt-postbox-quote mt-24 mb-24">
<blockquote>
<i class="fal fa-quote-left"></i>
<p>Hymenaeos convallis etiam metus fringilla imperdiet ads
tellus integer justo ad ipsum scelerisque placerat laoreet
lectus
proin faucibus nisad potenti.</p>
<cite>Fredrick C. McNeely</cite>
</blockquote>
</div>
<div class="mt-section-title-wrapper mb-20">
<p>Every individual we serve has a unique story—a journey marked by
resilience,
hope, and transformation.
Through our charity’s support, countless individuals and communities
have
overcome challenges and found
new paths toward a brighter future. From gaining access to clean
water and
education to rebuilding lives
after a crisis, these stories remind us of the profound impact that
compassionate aid can bring.
</p>
<p>We are proud to share these journeys as a testament to the strength
of the
human spirit and the change
that’s possible when we come together in support of one another.</p>
</div>
<div class="mt-postbox-tag-wrapper">
<div class="row align-items-center">
<div class="col-lg-7">
<div class="mt-postbox-tag">
<span>Tags:</span>
<a href="blog.html">killBuilding</a>
<a href="blog.html">TechTrends</a>
<a href="blog.html">CreativeDesign</a>
</div>
</div>
<div class="col-lg-5">
<div class="mt-postbox-social text-start text-md-end">
<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-instagram"></i></a>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
</article>
<div class="mt-postbox-comments-wrapper">
<div class="mt-section-title-wrapper mb-30 mt-30">
<h2 class="mt-section-title mb-20 mt-fs-40">Comments (03)</h2>
</div>
<div class="mt-postbox-comments">
<ul>
<li>
<div class="mt-postbox-comments-thumb br-50">
<img src="assets/img/blog/author/author-2-1.jpg" alt="">
</div>
<div class="mt-postbox-comments-text">
<h5 class="mt-postbox-comments-author">Brooklyn Simmons</h5>
<span>26 sep 2025</span>
<p>We value your thoughts and feedback! Your insights help us
improve and
inspire our
creative
community. Share your experiences, ask questions, or discuss
ideas
related to
AI-powered
creativity and design.</p>
<a href="#" class="reply"> Reply</a>
</div>
</li>
<li class="children">
<div class="mt-postbox-comments-thumb br-50">
<img src="assets/img/blog/author/author-2-3.jpg" alt="">
</div>
<div class="mt-postbox-comments-text">
<h5 class="mt-postbox-comments-author">Darlene Robertson</h5>
<span>26 sep 2025 </span>
<p>Conubia non viverra malesuada aenean per odio magna hymenaeos,
cubilia
euducate
class bulputate aenean laoreet nam ipsum mus neko porttitor.</p>
<a href="#" class="reply"> Reply</a>
</div>
</li>
<li>
<div class="mt-postbox-comments-thumb br-50">
<img src="assets/img/blog/author/author-2-3.jpg" alt="">
</div>
<div class="mt-postbox-comments-text">
<h5 class="mt-postbox-comments-author">Kathryn Murphy</h5>
<span>26 sep 2025</span>
<p>We value your thoughts and feedback! Your insights help us
improve and
inspire our
creative
community. Share your experiences, ask questions, or discuss
ideas
related to
AI-powered
creativity and design.</p>
<a href="#" class="reply"> Reply</a>
</div>
</li>
</ul>
</div>
</div>
<div class="contact-form-box mb-50">
<div class="mt-section-title-wrapper mb-30 mt-30">
<h2 class="mt-section-title mb-20 mt-fs-40">Leave a reply</h2>
</div>
<div class="mtcontact__forms mb-50">
<form action="#">
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-6 col-12 mb-20">
<div class="mtcontact__form-inputbox">
<input type="text" placeholder="Enter your name">
</div>
</div>
<div class="col-xl-6 col-lg- col-md-6 col-12 mb-20">
<div class="mtcontact__form-inputbox">
<input type="text" placeholder="Enter your email">
</div>
</div>
<div class="col-12 mb-20">
<div class="mtcontact__form-inputbox">
<input type="text" placeholder="Your subject">
</div>
</div>
<div class="col-12 mb-20">
<div class="mtcontact__form-inputbox">
<textarea placeholder="Write your message"></textarea>
</div>
</div>
</div>
<button type="submit" class="mt-btn"><span>Post Comment</span></button>
</form>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4">
<div class="mt-blog-sidebar-widget mb-30">
<h3 class="mt-blog-sidebar-title mt-fs-24 mb-25"> Search here</h3>
<form class="mt-blog-form position-relative" action="#">
<input type="text" placeholder="Search hare">
<button type="submit"><i class="fa-regular fa-magnifying-glass"></i></button>
</form>
</div>
<div class="mt-blog-sidebar-widget mb-30">
<h3 class="mt-blog-sidebar-title mt-fs-24 mb-25"> Category</h3>
<div class="mt-blog-sidebar-cat">
<ul>
<li><a href="blog.html">Product design </a></li>
<li><a href="blog.html">Visual identity</a></li>
<li><a href="blog.html">Branding design</a></li>
<li><a href="blog.html">Web design</a></li>
<li><a href="blog.html">Content writing</a></li>
<li><a href="blog.html">Creative solution</a></li>
</ul>
</div>
</div>
<div class="mt-blog-sidebar-widget mb-30">
<h3 class="mt-blog-sidebar-title mt-fs-24 mb-25"> Recent post</h3>
<div class="mt-blog-sidebar-post">
<div class="mt-blog-sidebar-post-item d-flex align-items-center">
<div class="mt-blog-sidebar-post-thumb mr-20">
<a href="blog-details.html" class="br-5"><img
src="assets/img/blog/sidebar-recent-1-1.jpg" alt=""></a>
</div>
<div class="mt-blog-sidebar-post-content">
<div class="mt-postbox-meta mb-7">
<span><a href="#">Technology</a></span>
</div>
<h5 class="mt-blog-sidebar-post-title mt-fs-20">
<a href="blog-details.html">personal stories from
individuals.</a>
</h5>
</div>
</div>
<div class="mt-blog-sidebar-post-item d-flex align-items-center">
<div class="mt-blog-sidebar-post-thumb mr-20">
<a href="blog-details.html" class="br-5"><img
src="assets/img/blog/sidebar-recent-1-2.jpg" alt=""></a>
</div>
<div class="mt-blog-sidebar-post-content">
<div class="mt-postbox-meta mb-7">
<span><a href="#">Technology</a></span>
</div>
<h5 class="mt-blog-sidebar-post-title mt-fs-20">
<a href="blog-details.html">personal stories from
individuals.</a>
</h5>
</div>
</div>
<div class="mt-blog-sidebar-post-item d-flex align-items-center">
<div class="mt-blog-sidebar-post-thumb mr-20">
<a href="blog-details.html" class="br-5"><img
src="assets/img/blog/sidebar-recent-1-3.jpg" alt=""></a>
</div>
<div class="mt-blog-sidebar-post-content">
<div class="mt-postbox-meta mb-7">
<span><a href="#">Technology</a></span>
</div>
<h5 class="mt-blog-sidebar-post-title mt-fs-20">
<a href="blog-details.html">personal stories from
individuals.</a>
</h5>
</div>
</div>
</div>
</div>
<div class="mt-blog-sidebar-widget mb-30">
<h3 class="mt-blog-sidebar-title mt-fs-24 mb-25"> Tags cloud</h3>
<div class="tagcloud">
<a href="blog.html">Data-Driven</a>
<a href="blog.html">Proven Success</a>
<a href="blog.html">Customer</a>
<a href="blog.html">Strategies</a>
<a href="blog.html">Technology</a>
<a href="blog.html">Efficiency</a>
</div>
</div>
</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" 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="contact.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" 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 Company</a></li>
<li><a href="#">Latest Project</a></li>
<li><a href="about.html">Latest from project</a></li>
<li><a href="#">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 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>
</div>
</div>
<!--<< 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/imagesloaded.pkgd.min.js"></script>
<script src="assets/js/isotope.pkgd.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/hover-effect.umd.js"></script>
<script src="assets/js/nice-select.js"></script>
<script src="assets/js/plugin.js"></script>
<script src="assets/js/three.js"></script>
<script src="assets/js/slider-active.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>