/home/moonrcjl/template.moontelict.com/a.sasio/team-details.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.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-breadcrumb-area mt-breadcrumb-2 p-relative "
data-background="assets/img/breadcrumb/breadcrumb-bg.png">
<div class="mt-breadcrumb-wrapper ">
<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.9"
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-xl-8">
<div class="mt-section-content mb-50 z-index-2">
<h2 class="mt-section-title text-white mb-15">team details</h2>
<p>Clear, affordable plans for every team and requirement</p>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Blog area End -->
<!-- Team Area Start -->
<section class="mtteam__details-area p-relative pt-120 pb-20 p-relative">
<div class="container">
<div class="mtteam__details-wrapper mb-50">
<div class="row align-items-center">
<div class="col-xl-5">
<div class="mtteam__details-thumb text-center mb-30">
<img src="assets/img/team/team-details.jpg" alt="">
<div class="mtlocation mt-24">
<a href="#"><i class="fa-light fa-location-dot"></i> 4517 Washington
Ave.</a>
</div>
</div>
</div>
<div class="col-xl-7">
<div class="mtteam__details-content mb-30 ml-50">
<div class="mt-section-content mb-20">
<span class="mt-section-subtitle mb-10" data-color="#767676">Business
Speaker</span>
<h2 class="mt-section-title text-black mb-20">Savannah Nguyen</h2>
</div>
<div class="mtteam__details-social mb-50">
<a href="#"><i class="fa-brands fa-facebook-f"></i></a>
<a href="#"><i class="fa-brands fa-twitter"></i></a>
<a href="#"><i class="fa-brands fa-instagram"></i></a>
<a href="#"><i class="fa-brands fa-linkedin-in"></i></a>
</div>
<div class="mtteam__details-box mb-50 d-flex align-items-center">
<div class="mtteam__details-box-content mr-50">
<span>Role :</span>
<h4 class="mtteam__details-box-title">Designer</h4>
</div>
<div class="mtteam__details-box-content">
<span>Experience :</span>
<h4 class="mtteam__details-box-title">More Then 20+ Years</h4>
</div>
</div>
<div class="mtteam__details-skill">
<p class="mtteam__details-skill-title">Supper power skills</p>
<div class="mtteam__details-skill-list">
<span>interaction Design</span>
<span>user Interface</span>
<span>XD</span>
<span>figma</span>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="mtteam__details-text">
<div class="mt-section-content mb-60">
<h2 class="mt-section-title mb-20">professional info</h2>
<p>With over 25 years of experience in design and AI technology, join has been at the
forefront
of integrating innovative solutions into the creative process. have worked with
a diverse range of clients, from startups to established brands, helping them
enhance their
visual identity and branding strategies. specializes in combining cutting-edge
AI techniques with traditional design principles, ensuring a perfect blend of
creativity</p>
</div>
</div>
</div>
</section>
<!-- 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>