<!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>
<!-- Hero Area Start -->
<section class="mt-hero-area mt-hero-3 plr-210 black-bg p-relative fix"
data-background="assets/img/hero/bg-hero.png">
<div class="mt-hero-shape" data-speed="0.8">
<img src="assets/img/hero/shape-3-2.png" alt="">
</div>
<div class="mt-hero-shape-2" data-speed="0.9">
<img src="assets/img/hero/shape-3-3.png" alt="">
</div>
<div class="mt-hero-shape-3" data-speed="0.8">
<img src="assets/img/hero/shape-3-4.png" alt="">
</div>
<div class="mt-hero-shape-4" data-speed="0.9">
<img src="assets/img/hero/shape-3-5.png" alt="">
</div>
<div class="mt-hero-shape-5" data-speed="0.8">
<img src="assets/img/hero/shape-3-6.png" alt="">
</div>
<div class="mt-hero-shape-6" data-speed="0.9">
<img src="assets/img/hero/shape-3-7.png" alt="">
</div>
<div class="mt-hero-shape-7" data-speed="0.8">
<img src="assets/img/hero/shape-3-8.png" alt="">
</div>
<div class="mt-hero-shape-8" data-speed="0.9">
<img src="assets/img/hero/shape-3-9.png" alt="">
</div>
<div class="container-fluid">
<div class="row">
<div class="col-xl-6">
<div class="mt-hero-wrapper z-index-2">
<div class="mt-hero-item mb-60">
<h1 class="mt-hero-title mb-10 wow img-custom-anim-left"
data-wow-duration="1.5s" data-wow-delay="0.2s">
Crafting Intuitive
SaaS Interfaces
</h1>
<p class=" wow img-custom-anim-right" data-wow-duration="1.5s"
data-wow-delay="0.4s">
At the heart of every successful SaaS product lies an intuitive,
user-friendly interface. We specialize in designing interfaces
that simplify complex functionalities
</p>
<div class="mt-hero-box d-flex align-items-center mb-60">
<div class="mt-hero-box-btn pt-30 wow img-custom-anim-top"
data-wow-duration="1.5s" data-wow-delay="0.9s">
<a href="about.html" class="mt-btn-3">get In tech <span>
<i class="fa-light fa-arrow-right-long"></i></span></a>
</div>
<div class="mt-hero-video pt-30 wow img-custom-anim-right"
data-wow-duration="1.5s" data-wow-delay="0.9s">
<a href="about.html" class="mt-btn-border mtnoborder">Our Services
<span>
<i class="fa-light fa-arrow-right-long"></i></span></a>
</div>
</div>
<div class="mt-hero-info d-flex align-items-center">
<div class="mt-hero-info-img mr-20">
<img src="assets/img/hero/team.png" alt="">
</div>
<div class="mt-hero-info-text">
<h6>10k happy clients</h6>
<span><i class="fa-solid fa-star-sharp"></i></span>
<span><i class="fa-solid fa-star-sharp"></i></span>
<span><i class="fa-solid fa-star-sharp"></i></span>
<span><i class="fa-solid fa-star-sharp"></i></span>
<span><i class="fa-solid fa-star-sharp"></i></span>
<strong>4.5 Reating</strong>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-6">
<div class="mt-hero-thumb-wrap p-relative text-center ml-30">
<div class="mt-hero-thumb-shape br-20">
<img src="assets/img/hero/shape-3-1.png" alt="">
</div>
<div class="mt-hero-thumb br-20">
<img src="assets/img/hero/thumb-3-1.png" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Hero Area End -->
<!-- Start Brand Area -->
<section class="mt-brand-area plr-210 pt-50 pb-60 fix black-bg mt_fade_anim" data-delay=".5"
data-fade-from="top">
<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 -->
<!-- Service Area Start -->
<section class="mtservice__area plr-210 pt-90 pb-70 p-relative fix">
<div class="container-fluid">
<div class="mtservice__boxwidth white-bg p-relative">
<div class="mtservice__shape" data-speed="0.9">
<img src="assets/img/service/shape-1.png" alt="">
</div>
<div class="mt-section-content mb-50 text-center">
<span class="mt-section-subtitle subtitle-color mb-30">Our Services</span>
<h2 class="mt-section-title text-black mb-15">
Strong New Features for <br>
SaaS Services
</h2>
</div>
<div class="row">
<div class="col-xxl-3 col-xl-4 col-md-6">
<div class="mtservice__item mb-30 p-relative">
<div class="mtservice__item-shape">
<img src="assets/img/service/shape-box.svg" alt="">
</div>
<div class="mtservice__icon mb-24">
<span><i class="fa-light fa-can-food"></i></span>
</div>
<div class="mtservice__content mb-24">
<h4 class="mtservice__title mb-13"><a href="#">Branding & Visual
Identity.</a></h4>
<p>Simplify the onboarding process with
step-by-step guides and automated.</p>
</div>
<div class="mtservice__btn">
<a href="#">Read More <span><i
class="fa-light fa-arrow-right-long"></i></span></a>
</div>
</div>
</div>
<div class="col-xxl-3 col-xl-4 col-md-6">
<div class="mtservice__item mb-30">
<div class="mtservice__item-shape">
<img src="assets/img/service/shape-box.svg" alt="">
</div>
<div class="mtservice__icon mb-24">
<span><i class="fa-light fa-chart-bar"></i></span>
</div>
<div class="mtservice__content mb-24">
<h4 class="mtservice__title mb-13"><a href="#">Accessibility-First
Design</a></h4>
<p>Simplify the onboarding process with
step-by-step guides and automated.</p>
</div>
<div class="mtservice__btn">
<a href="#">Read More <span><i
class="fa-light fa-arrow-right-long"></i></span></a>
</div>
</div>
</div>
<div class="col-xxl-3 col-xl-4 col-md-6">
<div class="mtservice__item mb-30">
<div class="mtservice__item-shape">
<img src="assets/img/service/shape-box.svg" alt="">
</div>
<div class="mtservice__icon mb-24">
<span><i class="fa-light fa-compress-wide"></i></span>
</div>
<div class="mtservice__content mb-24">
<h4 class="mtservice__title mb-13"><a href="#">Onboarding Experience
Design.</a></h4>
<p>Simplify the onboarding process with
step-by-step guides and automated.</p>
</div>
<div class="mtservice__btn">
<a href="#">Read More <span><i
class="fa-light fa-arrow-right-long"></i></span></a>
</div>
</div>
</div>
<div class="col-xxl-3 col-xl-4 col-md-6">
<div class="mtservice__item mb-30">
<div class="mtservice__item-shape">
<img src="assets/img/service/shape-box.svg" alt="">
</div>
<div class="mtservice__icon mb-24">
<span><i class="fa-light fa-chart-pie-simple"></i></span>
</div>
<div class="mtservice__content mb-24">
<h4 class="mtservice__title mb-13"><a href="#">Dashboard & Analytics
Design.</a></h4>
<p>Simplify the onboarding process with
step-by-step guides and automated.</p>
</div>
<div class="mtservice__btn">
<a href="#">Read More <span><i
class="fa-light fa-arrow-right-long"></i></span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Service Area End -->
<!-- About area start -->
<section class="mtabout__area mtabout__2 pt-130 pb-30 p-relative">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-6 mb-30">
<div class="mtabout__thumb-wrap p-relative">
<div class="mtabout__thumb-sm" data-speed="0.9">
<img src="assets/img/about/thumb-2-1.png" alt="">
</div>
<div class="mtabout__thumb br-20 z-index-2">
<img src="assets/img/about/thumb-2.jpg" alt="">
</div>
</div>
</div>
<div class="col-xl-6 mb-30">
<div class="mtabout__content">
<div class="mt-section-content mb-10">
<h2 class="mt-section-title mb-15">
Innovating the Future of
SaaS Design
</h2>
<p>Our approach to SaaS design is built on collaboration, innovation, and a deep
understanding of user needs. ensuring that every step</p>
</div>
<div class="mtabout__list mb-55">
<ul>
<li><i class="fa-light fa-check"></i><span>User-Centered Design
Philosophy</span>
</li>
<li><i class="fa-light fa-check"></i><span>Expertise in SaaS
Solutions</span></li>
<li><i class="fa-light fa-check"></i><span>Collaborative Workflow </span>
</li>
</ul>
</div>
<div class="mtabout__btn-wrap">
<a href="about.html" class="mt-btn">Try For Free <span>
<i class="fa-light fa-arrow-right-long"></i></span></a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="mtabout__area mtabout__3 pt-30 pb-40 p-relative">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-6 ">
<div class="mtabout__content mb-60">
<div class="mt-section-content mb-30">
<h2 class="mt-section-title mb-15">
Make it easy to track all
user analytics
</h2>
<p> Our approach to SaaS design is built on collaboration, innovation, and a
deep
understanding of user needs. ensuring that every step </p>
</div>
<div class="mtabout__box-wrapper">
<div class="mtabout__box d-flex justify-content-between align-items-center">
<div class="mtabout__box-item d-flex align-items-center">
<div class="mtabout__box-icon mr-20">
<span><i class="fa-light fa-chart-mixed"></i></span>
</div>
<div class="mtabout__box-content">
<h4 class="mtabout__box-title">Customizable Analytics
Dashboards</h4>
</div>
</div>
<div class="mtabout__box-item d-flex align-items-center">
<div class="mtabout__box-icon mr-20">
<span><i class="fa-light fa-magnifying-glass-dollar"></i></span>
</div>
<div class="mtabout__box-content">
<h4 class="mtabout__box-title">Real-Time User
Tracking</h4>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-6 ">
<div class="mtabout__thumb-wrap text-center p-relative mb-60 ml-20">
<div class="mtabout__thumb-shape">
<img src="assets/img/about/bg-shape.png" alt="">
</div>
<div class="mtabout__thumb br-20 z-index-2">
<img src="assets/img/about/thumb-2-2.png" alt="">
</div>
</div>
</div>
</div>
</div>
</section>
<!-- About area End -->
<!-- Process Area Start -->
<section class="mt-process-area pt-70 pb-140 p-relative">
<div class="mt-process-shape-2" data-speed="0.9">
<img src="assets/img/process/shape-2-2.png" alt="">
</div>
<div class="mt-process-shape-3" data-speed="0.9">
<img src="assets/img/process/shape-2-3.png" alt="">
</div>
<div class="container">
<div class="mt-process-boxwidth white-bg p-relative pt-150 pl-120 pr-120">
<div class="mt-process-shape" data-speed="0.9">
<img src="assets/img/process/shape-2-1.png" alt="">
</div>
<div class="mt-section-content mb-30 text-center">
<span class="mt-section-subtitle subtitle-color mb-30">How To Work</span>
<h2 class="mt-section-title text-black mb-15">
Crafting Seamless SaaS Experiences
</h2>
</div>
<div class="mt-process-wrapper">
<div class="row justify-content-center">
<div class="mt-process-logo text-center">
<h5 class="mt-process-logo-title">A.Sasio <br> Approach</h5>
</div>
<div class="mt-process-shape-line">
<img src="assets/img/process/bg-line.png" alt="">
</div>
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="mt-process text-center p-relative pt-40 pb-40">
<div class="mt-process-step">
<span>01 <br> <b>step</b> </span>
</div>
<div class="mt-process-content">
<h4 class="mt-process-title">In-Depth <br>
Discovery</h4>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="mt-process text-center p-relative pt-40 pb-40">
<div class="mt-process-step">
<span>02 <br> <b>step</b> </span>
</div>
<div class="mt-process-content" data-bg-color="#FD5B38">
<h4 class="mt-process-title">Development <br>
Integration</h4>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="mt-process text-center p-relative pt-40 pb-40">
<div class="mt-process-step">
<span>03 <br> <b>step</b> </span>
</div>
<div class="mt-process-content" data-bg-color="#000">
<h4 class="mt-process-title">Scalable for <br>
Growth</h4>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="mt-process text-center p-relative pt-40 pb-40">
<div class="mt-process-step">
<span>04 <br> <b>step</b> </span>
</div>
<div class="mt-process-content" data-bg-color="#043F2E">
<h4 class="mt-process-title">Launch with <br>
Confidence</h4>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mt-process-video">
<div class="mt-process-video-bg p-relative"
data-background="assets/img/process/video-bg.png">
<div class="mt-process-video-icon text-center">
<a class="popup-video" href="https://www.youtube.com/watch?v=PO_fBTkoznc">
<i class="fas fa-play"></i>
</a>
</div>
</div>
</div>
</div>
</section>
<!-- Process Area End -->
<!-- Testimonial Area Start -->
<section class="mttestimonial__area mttestimonial__3 pb-80 pt-10 p-relative fix">
<div class="container-fluid px-0">
<div class="mt-section-content mb-50 text-center">
<span class="mt-section-subtitle subtitle-color2 mb-30">Our Testimonial</span>
<h2 class="mt-section-title mb-15">
What Our Clients Say
</h2>
</div>
<div class="mttestimonial__wrapper p-relative">
<div class="swiper mttestimonial__active3 mttestimonial__leftspace">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="mttestimonial__item ">
<div
class="mttestimonial__author-quete-wrap z-index-2 d-flex justify-content-between align-items-center">
<div class="mttestimonial__author-wrapper d-flex align-items-center">
<div class="mttestimonial__quete mr-20">
<img src="assets/img/testimonial/quote.png" alt="">
</div>
<div class="mttestimonial__author-content">
<h4>Brooklyn Simmons</h4>
<span>Web Designer</span>
</div>
</div>
<div class="mttestimonial__ratting">
<span><i class="fa-solid fa-star-sharp"></i></span>
<span><i class="fa-solid fa-star-sharp"></i></span>
<span><i class="fa-solid fa-star-sharp"></i></span>
<span><i class="fa-solid fa-star-sharp"></i></span>
<span><i class="fa-solid fa-star-sharp"></i></span>
</div>
</div>
<div class="mttestimonial__content mt-24 z-index-2">
<p class="mb-24">Working with this team has been a game-changer
our SaaS platform. Their intuitive design approach
attention to detail made our software incredibly
easy to navigate,</p>
<div class="mttestimonial__brand pt-24">
<img src="assets/img/testimonial/brand-2.png" alt="">
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mttestimonial__item ">
<div
class="mttestimonial__author-quete-wrap z-index-2 d-flex justify-content-between align-items-center">
<div class="mttestimonial__author-wrapper d-flex align-items-center">
<div class="mttestimonial__quete mr-20">
<img src="assets/img/testimonial/quote.png" alt="">
</div>
<div class="mttestimonial__author-content">
<h4>Brooklyn Simmons</h4>
<span>Web Designer</span>
</div>
</div>
<div class="mttestimonial__ratting">
<span><i class="fa-solid fa-star-sharp"></i></span>
<span><i class="fa-solid fa-star-sharp"></i></span>
<span><i class="fa-solid fa-star-sharp"></i></span>
<span><i class="fa-solid fa-star-sharp"></i></span>
<span><i class="fa-solid fa-star-sharp"></i></span>
</div>
</div>
<div class="mttestimonial__content mt-24 z-index-2">
<p class="mb-24">Working with this team has been a game-changer
our SaaS platform. Their intuitive design approach
attention to detail made our software incredibly
easy to navigate,</p>
<div class="mttestimonial__brand pt-24">
<img src="assets/img/testimonial/brand-2.png" alt="">
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mttestimonial__item ">
<div
class="mttestimonial__author-quete-wrap z-index-2 d-flex justify-content-between align-items-center">
<div class="mttestimonial__author-wrapper d-flex align-items-center">
<div class="mttestimonial__quete mr-20">
<img src="assets/img/testimonial/quote.png" alt="">
</div>
<div class="mttestimonial__author-content">
<h4>Brooklyn Simmons</h4>
<span>Web Designer</span>
</div>
</div>
<div class="mttestimonial__ratting">
<span><i class="fa-solid fa-star-sharp"></i></span>
<span><i class="fa-solid fa-star-sharp"></i></span>
<span><i class="fa-solid fa-star-sharp"></i></span>
<span><i class="fa-solid fa-star-sharp"></i></span>
<span><i class="fa-solid fa-star-sharp"></i></span>
</div>
</div>
<div class="mttestimonial__content mt-24 z-index-2">
<p class="mb-24">Working with this team has been a game-changer
our SaaS platform. Their intuitive design approach
attention to detail made our software incredibly
easy to navigate,</p>
<div class="mttestimonial__brand pt-24">
<img src="assets/img/testimonial/brand-2.png" alt="">
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mttestimonial__item ">
<div
class="mttestimonial__author-quete-wrap z-index-2 d-flex justify-content-between align-items-center">
<div class="mttestimonial__author-wrapper d-flex align-items-center">
<div class="mttestimonial__quete mr-20">
<img src="assets/img/testimonial/quote.png" alt="">
</div>
<div class="mttestimonial__author-content">
<h4>Brooklyn Simmons</h4>
<span>Web Designer</span>
</div>
</div>
<div class="mttestimonial__ratting">
<span><i class="fa-solid fa-star-sharp"></i></span>
<span><i class="fa-solid fa-star-sharp"></i></span>
<span><i class="fa-solid fa-star-sharp"></i></span>
<span><i class="fa-solid fa-star-sharp"></i></span>
<span><i class="fa-solid fa-star-sharp"></i></span>
</div>
</div>
<div class="mttestimonial__content mt-24 z-index-2">
<p class="mb-24">Working with this team has been a game-changer
our SaaS platform. Their intuitive design approach
attention to detail made our software incredibly
easy to navigate,</p>
<div class="mttestimonial__brand pt-24">
<img src="assets/img/testimonial/brand-2.png" alt="">
</div>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="mttestimonial__item ">
<div
class="mttestimonial__author-quete-wrap z-index-2 d-flex justify-content-between align-items-center">
<div class="mttestimonial__author-wrapper d-flex align-items-center">
<div class="mttestimonial__quete mr-20">
<img src="assets/img/testimonial/quote.png" alt="">
</div>
<div class="mttestimonial__author-content">
<h4>Brooklyn Simmons</h4>
<span>Web Designer</span>
</div>
</div>
<div class="mttestimonial__ratting">
<span><i class="fa-solid fa-star-sharp"></i></span>
<span><i class="fa-solid fa-star-sharp"></i></span>
<span><i class="fa-solid fa-star-sharp"></i></span>
<span><i class="fa-solid fa-star-sharp"></i></span>
<span><i class="fa-solid fa-star-sharp"></i></span>
</div>
</div>
<div class="mttestimonial__content mt-24 z-index-2">
<p class="mb-24">Working with this team has been a game-changer
our SaaS platform. Their intuitive design approach
attention to detail made our software incredibly
easy to navigate,</p>
<div class="mttestimonial__brand pt-24">
<img src="assets/img/testimonial/brand-2.png" alt="">
</div>
</div>
</div>
</div>
</div>
<div class="mttestimonial__arrow p-relative mt-60">
<div class="mttestimonial__next mttestimonial__button">
<span><i class="fa-light fa-arrow-left-long"></i></span>
</div>
<div class="mttestimonial__prev active mttestimonial__button">
<span><i class="fa-light fa-arrow-right-long"></i></span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Testimonial Area End -->
<!-- Pricing Area Start -->
<section class="mtpricing__area mtprice__2 pb-60 pt-70 p-relative">
<div class="mtprice__bgshape" data-speed="0.7">
<img src="assets/img/price/bg-shape.png" alt="">
</div>
<div class="container">
<div class="mt-section-content mb-20 text-center">
<span class="mt-section-subtitle subtitle-color2 mb-30">Our Pricing</span>
<h2 class="mt-section-title">Custom Solutions, Tailored for You</h2>
</div>
<div class="row">
<div class="col-xl-12">
<div class="mt-price-tab p-relative pt-40 mb-60 wow img-custom-anim-right"
data-wow-duration="1.5s" data-wow-delay="0.3s">
<div class="mt-price-tab-shape">
<img src="assets/img/price/save.png" alt="">
</div>
<span>Monthly</span>
<ul class="nav nav-tab justify-content-center" id="myTab3" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="Monthly_tabs3" data-bs-toggle="tab"
data-bs-target="#Monthly3" type="button" role="tab"
aria-controls="Monthly3" aria-selected="false"></button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link " id="yearly-tab3" data-bs-toggle="tab"
data-bs-target="#yearly3" type="button" role="tab"
aria-controls="yearly3" aria-selected="true"></button>
</li>
</ul>
<span>Yearly</span>
</div>
</div>
<div class="col-xl-12">
<div class="mtprice__tab-content">
<div class="tab-content" id="myTabContent3">
<div class="tab-pane fade show active" id="Monthly3" role="tabpanel"
aria-labelledby="Monthly_tabs3">
<div class="row">
<div class="col-xl-4 col-lg-6 col-md-6 mb-30">
<div class="mtprice mtprice__whitebg wow mtFadeInUp"
data-wow-duration="1s" data-wow-delay="0.2s">
<h3 class="mtprice__title">Basic Plan</h3>
<p>We offer a range of pricing packages designed
to meet the needs of businesses</p>
<div class="mtprice__price">
<h4>$105</h4>
</div>
<div class="mtprice__btn mt-30 mb-30">
<a class="mt-btn-border mtnoborderwhite w-100 "
href="about.html">buy Now <span>
<i
class="fa-light fa-arrow-right-long"></i></span></a>
</div>
<ul class="mtprice__features">
<li><span> Essential tools to get you started</span></li>
<li><span> Track key metrics and user engagement </span>
</li>
<li><span> Reliable protection for your data </span></li>
<li><span> Full access to every tool and feature</span></li>
<li> Seamless access and usability on all mobile</li>
</ul>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6 mb-30">
<div class="mtprice mtprice__whitebg wow mtFadeInUp"
data-wow-duration="1s" data-wow-delay="0.2s">
<h3 class="mtprice__title">Premium plan</h3>
<p>We offer a range of pricing packages designed
to meet the needs of businesses</p>
<div class="mtprice__price p-relative">
<div class="mtprice__price-shape">
<img src="assets/img/price/shape.png" alt="">
</div>
<h4>$205</h4>
</div>
<div class="mtprice__btn mt-30 mb-30">
<a class="mt-btn-border mtnoborderwhite mtactive w-100 "
href="about.html">buy Now <span>
<i
class="fa-light fa-arrow-right-long"></i></span></a>
</div>
<ul class="mtprice__features">
<li> Essential tools to get you started</li>
<li> Track key metrics and user engagement</li>
<li> Reliable protection for your data </li>
<li> Full access to every tool and feature </li>
<li> Seamless access and usability on all mobile </li>
</ul>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6 mb-30">
<div class="mtprice mtprice__whitebg wow mtFadeInUp"
data-wow-duration="1s" data-wow-delay="0.2s">
<h3 class="mtprice__title">Basic Plan</h3>
<p>We offer a range of pricing packages designed
to meet the needs of businesses</p>
<div class="mtprice__price">
<h4>$150</h4>
</div>
<div class="mtprice__btn mt-30 mb-30">
<a class="mt-btn-border mtnoborderwhite w-100 "
href="about.html">buy Now <span>
<i
class="fa-light fa-arrow-right-long"></i></span></a>
</div>
<ul class="mtprice__features">
<li> Essential tools to get you started</li>
<li> Track key metrics and user engagement</li>
<li> Reliable protection for your data </li>
<li><span> Full access to every tool and feature </span>
</li>
<li> Seamless access and usability on all mobile </li>
</ul>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="yearly3" role="tabpanel"
aria-labelledby="yearly-tab3">
<div class="row">
<div class="col-xl-4 col-lg-6 col-md-6 mb-30">
<div class="mtprice mtprice__whitebg wow mtFadeInUp"
data-wow-duration="1s" data-wow-delay="0.2s">
<h3 class="mtprice__title">Basic Plan</h3>
<p>We offer a range of pricing packages designed
to meet the needs of businesses</p>
<div class="mtprice__price">
<h4>$105</h4>
</div>
<div class="mtprice__btn mt-30 mb-30">
<a class="mt-btn-border mtnoborderwhite w-100 "
href="about.html">buy Now <span>
<i
class="fa-light fa-arrow-right-long"></i></span></a>
</div>
<ul class="mtprice__features">
<li><span> Essential tools to get you started</span></li>
<li><span> Track key metrics and user engagement </span>
</li>
<li><span> Reliable protection for your data </span></li>
<li><span> Full access to every tool and feature</span></li>
<li> Seamless access and usability on all mobile</li>
</ul>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6 mb-30">
<div class="mtprice mtprice__whitebg wow mtFadeInUp"
data-wow-duration="1s" data-wow-delay="0.2s">
<h3 class="mtprice__title">Premium plan</h3>
<p>We offer a range of pricing packages designed
to meet the needs of businesses</p>
<div class="mtprice__price p-relative">
<div class="mtprice__price-shape">
<img src="assets/img/price/shape.png" alt="">
</div>
<h4>$205</h4>
</div>
<div class="mtprice__btn mt-30 mb-30">
<a class="mt-btn-border mtnoborderwhite mtactive w-100 "
href="about.html">buy Now <span>
<i
class="fa-light fa-arrow-right-long"></i></span></a>
</div>
<ul class="mtprice__features">
<li> Essential tools to get you started</li>
<li> Track key metrics and user engagement</li>
<li> Reliable protection for your data </li>
<li> Full access to every tool and feature </li>
<li> Seamless access and usability on all mobile </li>
</ul>
</div>
</div>
<div class="col-xl-4 col-lg-6 col-md-6 mb-30">
<div class="mtprice mtprice__whitebg wow mtFadeInUp"
data-wow-duration="1s" data-wow-delay="0.2s">
<h3 class="mtprice__title">Basic Plan</h3>
<p>We offer a range of pricing packages designed
to meet the needs of businesses</p>
<div class="mtprice__price">
<h4>$150</h4>
</div>
<div class="mtprice__btn mt-30 mb-30">
<a class="mt-btn-border mtnoborderwhite w-100 "
href="about.html">buy Now <span>
<i
class="fa-light fa-arrow-right-long"></i></span></a>
</div>
<ul class="mtprice__features">
<li> Essential tools to get you started</li>
<li> Track key metrics and user engagement</li>
<li> Reliable protection for your data </li>
<li><span> Full access to every tool and feature </span>
</li>
<li> Seamless access and usability on all mobile </li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Blog area Start -->
<section class="mtblog__area mtblog__3 pb-40 pt-60 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">Discover, Learn, and Grow with Our Blog</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-cyber-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-cyber-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-cyber-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-cyber-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-cyber-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-cyber-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-cyber-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-cyber-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>
</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>
<!-- footer end -->
</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>