/home/moonrcjl/template.moontelict.com/a.maxfy-prev/maxfy/portfolio-ai.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.Maxfy – The Multipurpose AI, Cyber Security & Event Platform 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>
<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/project/portfolio-4-1.jpg"><img
src="assets/img/project/portfolio-4-1.jpg" alt=""></a>
<a class="popup-image" href="assets/img/project/portfolio-4-2.jpg"><img
src="assets/img/project/portfolio-4-2.jpg" alt=""></a>
<a class="popup-image" href="assets/img/project/portfolio-4-3.jpg"><img
src="assets/img/project/portfolio-4-3.jpg" alt=""></a>
<a class="popup-image" href="assets/img/project/portfolio-4-4.jpg"><img
src="assets/img/project/portfolio-4-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@maxfy.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>
<!-- 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>
<header class="mt-header-area black-bg-4 p-relative z-index-11 ">
<!-- header top area start -->
<div class="mt-header-top-area black-bg-4 mt-header-border plr-200 d-none d-lg-block">
<div class="container-fluid">
<div class="row align-items-center justify-content-between">
<div class="col-xl-4 col-lg-4 col-md-4">
<div class="mt-header-top-left">
<ul>
<li><a href="#">Facebook</a></li>
<li><a href="#">LinkedIn</a></li>
<li><a href="#">Instagram</a></li>
</ul>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-4">
<div class="mt-header-top-madel">
<span><a href="#">Sign Up</a></span>
<span>/</span>
<span><a href="#">Login</a></span>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-4">
<div class="mt-header-top-right">
<ul>
<li><a href="mailto:info@lax.fy.com">info@lax.fy.com</a></li>
<li>/</li>
<li><a href="tel:8085550111">(808) 555-0111</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- header top area end -->
<!-- header main area start -->
<div id="mt-header-sticky" class="mt-header-main-area black-bg-4 plr-200">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-xxl-5 col-xl-6 col-lg-8 col-md-6 col-6">
<div class="mt-header-main-wrap d-none d-xl-block">
<div class="mt-header-main-menu">
<nav class="mt-mobile-menu-active mt-main-menu">
<ul>
<li class="dropdown has-dropdown p-static"><a href="#">Home</a>
<div class="mt-mega-menu mtmega-menu">
<div class="mt-home-menu">
<div class="row gx-4 row-cols-1 row-cols-md-1 row-cols-xl-5">
<div class="col homemenu mb-25">
<div class="mt-home-thumb mb-15">
<img src="assets/img/demo/home-1.jpg" alt="">
<div class="homemenu-btn">
<a class="mt-menu-dark" href="index.html">Dark
Version</a>
<a class="mt-menu-light" href="index-light.html">Light Version</a>
</div>
</div>
<div class="homemenu-content text-center">
<h4 class="mt-home-title">
<a href="index.html">AI image Generator</a>
</h4>
</div>
</div>
<div class="col homemenu mb-25">
<div class="mt-home-thumb mb-15">
<img src="assets/img/demo/home-2.jpg" alt="">
<div class="homemenu-btn">
<a class="mt-menu-dark" href="index-2.html">Dark
Version</a>
<a class="mt-menu-light" href="index-2-light.html">Light Version</a>
</div>
</div>
<div class="homemenu-content text-center">
<h4 class="mt-home-title">
<a href="index-2.html"> Cyber security</a>
</h4>
</div>
</div>
<div class="col homemenu mb-25">
<div class="mt-home-thumb mb-15">
<img src="assets/img/demo/home-3.jpg" alt="">
<div class="homemenu-btn">
<a class="mt-menu-dark" href="index-3.html">Dark
Version</a>
<a class="mt-menu-light" href="index-3-light.html">Light Version</a>
</div>
</div>
<div class="homemenu-content text-center">
<h4 class="mt-home-title">
<a href="index-3.html"> Ai Digital Agency</a>
</h4>
</div>
</div>
<div class="col homemenu mb-25">
<div class="mt-home-thumb mb-15">
<img src="assets/img/demo/home-4.jpg" alt="">
<div class="homemenu-btn">
<a class="mt-menu-dark" href="index-4.html">Dark
Version</a>
<a class="mt-menu-light" href="index-4-light.html">Light Version</a>
</div>
</div>
<div class="homemenu-content text-center">
<h4 class="mt-home-title">
<a href="index-4.html"> Event & Conference</a>
</h4>
</div>
</div>
<div class="col homemenu mb-25">
<div class="mt-home-thumb mb-15">
<span>New</span>
<img src="assets/img/demo/home-5.jpg" alt="">
<div class="homemenu-btn">
<a class="mt-menu-dark" href="data-analysis.html">Dark Version</a>
<a class="mt-menu-light" href="data-analysis-light.html">Light
Version</a>
</div>
</div>
<div class="homemenu-content text-center">
<h4 class="mt-home-title">
<a href="data-analysis.html">Data analysis</a>
</h4>
</div>
</div>
<div class="col homemenu mb-25">
<div class="mt-home-thumb mb-15">
<span>New</span>
<img src="assets/img/demo/home-6.jpg" alt="">
<div class="homemenu-btn">
<a class="mt-menu-dark" href="apps-landing.html">Dark Version</a>
<a class="mt-menu-light" href="apps-landing-light.html">Light
Version</a>
</div>
</div>
<div class="homemenu-content text-center">
<h4 class="mt-home-title">
<a href="apps-landing.html"> Apps Landing</a>
</h4>
</div>
</div>
<div class="col homemenu mb-25">
<div class="mt-home-thumb mb-15">
<span>New</span>
<img src="assets/img/demo/home-7.jpg" alt="">
<div class="homemenu-btn">
<a class="mt-menu-dark" href="online-payment.html">Online
Payments</a>
<a class="mt-menu-light d-none"
href="online-payment-light.html">Light
Version</a>
</div>
</div>
<div class="homemenu-content text-center">
<h4 class="mt-home-title">
<a href="online-payment.html"> Online Payment</a>
</h4>
</div>
</div>
<div class="col homemenu mb-25">
<div class="mt-home-thumb mb-15">
<span>New</span>
<img src="assets/img/demo/home-8.jpg" alt="">
<div class="homemenu-btn">
<a class="mt-menu-dark" href="sport-football.html">Modern Sports
Shop</a>
<a class="mt-menu-light d-none"
href="sport-football-light.html">Light
Version</a>
</div>
</div>
<div class="homemenu-content text-center">
<h4 class="mt-home-title">
<a href="sport-football.html"> Modern sports
Shop</a>
</h4>
</div>
</div>
<div class="col homemenu mb-25">
<div class="mt-home-thumb mb-15">
<span>New</span>
<img src="assets/img/demo/home-9.jpg" alt="">
<div class="homemenu-btn">
<a class="mt-menu-dark" href="e-learning.html">
E-learning</a>
<a class="mt-menu-light d-none" href="e-learning-light.html">Light
Version</a>
</div>
</div>
<div class="homemenu-content text-center">
<h4 class="mt-home-title">
<a href="e-learning.html"> Modern E-learning</a>
</h4>
</div>
</div>
<div class="col homemenu mb-25">
<div class="mt-home-thumb mb-15">
<img src="assets/img/demo/coming.jpg" alt="">
<div class="homemenu-btn d-none">
<a class="mt-menu-dark" href="apps-landing.html">Dark Version</a>
<a class="mt-menu-light" href="apps-landing-light.html">Light
Version</a>
</div>
</div>
<div class="homemenu-content text-center">
<h4 class="mt-home-title">
<a href="#"> Restaurant Comming Soon</a>
</h4>
</div>
</div>
</div>
</div>
</div>
</li>
<li><a href="about-ai.html">About </a></li>
<li class="dropdown has-dropdown"><a href="#">Services</a>
<ul class="sub-menu">
<li><a href="services-ai.html">Modern Services</a></li>
<li><a href="services-ai-details.html">Services Details</a></li>
</ul>
</li>
<li class="dropdown has-dropdown"><a href="#">Pages</a>
<ul class="sub-menu">
<li><a href="portfolio-ai.html">Modern Portfolio</a></li>
<li><a href="portfolio-ai-details.html"> Portfolio Details</a></li>
<li><a href="team-ai.html"> Our Team </a></li>
<li><a href="team-ai-details.html"> Team Details </a></li>
<li><a href="blog-ai.html">Our Blog </a></li>
<li><a href="blog-ai-details.html">Blog Details</a></li>
<li><a href="contact-ai.html"> Contact </a></li>
</ul>
</li>
<li><a href="blog-ai.html">Blog </a></li>
<li><a href="contact-ai.html">Contact </a></li>
</ul>
</nav>
</div>
</div>
<div class="mt-header-toogle d-xl-none ">
<button class="mt-offcanvas-toogle"><i class="fa-regular fa-bars-staggered"></i></button>
</div>
</div>
<div class="col-xxl-3 col-xl-2 col-lg-4 col-md-6 col-6 text-end text-xl-start">
<div class="mt-header-main-logo">
<a href="index-3.html"><img src="assets/img/logo/white-logo.png" alt="logo"></a>
</div>
</div>
<div class="col-xxl-4 col-xl-4 d-none d-xl-block ">
<div class="mt-header-main-right ">
<div class="mt-header-main-search">
<button class="mt-search-toggle "><span><i class="far fa-search"></i></span></button>
</div>
<div class="mt-header-main-btn">
<a href="contact-ai.html" class="mt-btn">Get Started <img src="assets/img/icon/h-btn-icon.svg"
alt=""></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- header main area end -->
</header>
<main>
<section class="mt-breadcrumb-area mt-breadcrumb-2 p-relative"
data-background="assets/img/breadcrumb/breadcrumb-bg-2.jpg">
<div class="mt-breadcrumb-shape">
<img class="mt-breadcrumb-shape-1 p-absolute" src="assets/img/breadcrumb/shape-1.png" alt="">
</div>
<div class="container">
<div class="mt-breadcrumb text-center position-relative z-index-2">
<h1 class="mt-breadcrumb-title mt-text-white">Our Portfolio</h1>
<div class="mt-breadcrumb-list">
<span class="active"><a href="index-3.html">Home</a></span>
<span class="dvir">-</span>
<span><a href="#">Our Portfolio</a></span>
</div>
</div>
</div>
</section>
<!-- team area start -->
<section class="mt-portfolio-area black-bg-3 pt-150 pb-90">
<div class="container">
<div class="row">
<div class="col-xl-4 col-lg-4 col-md-6">
<div class="mt-portfolio-item p-relative mb-24">
<div class="mt-portfolio-thumb w-img">
<img src="assets/img/project/portfolio-1-5.jpg" alt="">
<div class="mt-portfolio-content p-relative">
<h4 class="mt-portfolio-title mb-24">
<a href="portfolio-ai-details.html">AI-Led Design Masterpieces</a>
</h4>
<a href="portfolio-ai-details.html" class="mt-portfolio-btn"><img
src="assets/img/icon/h-btn-icon.svg" alt=""></a>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 ">
<div class="mt-portfolio-item p-relative mb-24">
<div class="mt-portfolio-thumb w-img">
<img src="assets/img/project/portfolio-1-6.jpg" alt="">
<div class="mt-portfolio-content p-relative">
<h4 class="mt-portfolio-title mb-24">
<a href="portfolio-ai-details.html">AI-Led Design Masterpieces</a>
</h4>
<a href="portfolio-ai-details.html" class="mt-portfolio-btn"><img
src="assets/img/icon/h-btn-icon.svg" alt=""></a>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 ">
<div class="mt-portfolio-item p-relative mb-24">
<div class="mt-portfolio-thumb w-img">
<img src="assets/img/project/portfolio-1-7.jpg" alt="">
<div class="mt-portfolio-content p-relative">
<h4 class="mt-portfolio-title mb-24">
<a href="portfolio-ai-details.html">AI-Led Design Masterpieces</a>
</h4>
<a href="portfolio-ai-details.html" class="mt-portfolio-btn"><img
src="assets/img/icon/h-btn-icon.svg" alt=""></a>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 ">
<div class="mt-portfolio-item p-relative mb-24">
<div class="mt-portfolio-thumb w-img">
<img src="assets/img/project/portfolio-1-8.jpg" alt="">
<div class="mt-portfolio-content p-relative">
<h4 class="mt-portfolio-title mb-24">
<a href="portfolio-ai-details.html">AI-Led Design Masterpieces</a>
</h4>
<a href="portfolio-ai-details.html" class="mt-portfolio-btn"><img
src="assets/img/icon/h-btn-icon.svg" alt=""></a>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 ">
<div class="mt-portfolio-item p-relative mb-24">
<div class="mt-portfolio-thumb w-img">
<img src="assets/img/project/portfolio-1-9.jpg" alt="">
<div class="mt-portfolio-content p-relative">
<h4 class="mt-portfolio-title mb-24">
<a href="portfolio-ai-details.html">AI-Led Design Masterpieces</a>
</h4>
<a href="portfolio-ai-details.html" class="mt-portfolio-btn"><img
src="assets/img/icon/h-btn-icon.svg" alt=""></a>
</div>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 col-md-6 ">
<div class="mt-portfolio-item p-relative mb-24">
<div class="mt-portfolio-thumb w-img">
<img src="assets/img/project/portfolio-1-10.jpg" alt="">
<div class="mt-portfolio-content p-relative">
<h4 class="mt-portfolio-title mb-24">
<a href="portfolio-ai-details.html">AI-Led Design Masterpieces</a>
</h4>
<a href="portfolio-ai-details.html" class="mt-portfolio-btn"><img
src="assets/img/icon/h-btn-icon.svg" alt=""></a>
</div>
</div>
</div>
</div>
<div class="mt-pagination mt-pagination-3 mt-40 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>
<!-- team area end -->
<!-- cta area start -->
<div class="mt-cta-area mt-cta-bgs p-relative z-3 wow mtFadeInUp" data-bg-color="#000B04" data-wow-duration="1.5s"
data-wow-delay="0.2s">
<div class="container">
<div class="mt-cta-wrap white-bg">
<div class="row align-items-center">
<div class="col-xl-6 col-lg-6">
<div class="mt-cta-left">
<span>Newsletter signup</span>
<h4 class="mt-cta-title">Subscribe for the
updates!</h4>
</div>
</div>
<div class="col-xl-6 col-lg-6">
<div class="mt-cta-right p-relative">
<div class="mt-cta-input p-relative">
<input type="text" placeholder="Inter Your email">
<button type="submit" class="mt-cta-icon"><img src="assets/img/icon/h-btn-icon.svg"
alt=""></button>
</div>
<div class="mt-cta-button mt-15">
<input class="mt-cta-check" type="checkbox">
<span>Agree to the privacy policy.</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- cta area end -->
</main>
<!-- footer start -->
<footer class="mt-footer-area p-relative">
<div class="mt-footer-main-wraper black-bg-3 pt-250 pb-100 p-relative" data-background="assets/img/footer/bg.png">
<div class="container">
<div class="row">
<div class="col-xl-4 col-lg-4 mb-50">
<div class="mt-footer-widget footer-cols-1">
<div class="mt-footer-logo">
<a href="index-3.html"><img src="assets/img/logo/white-logo.png" alt=""></a>
</div>
<div class="mt-footer-content">
<p>we specialize in transforming the digital landscape
by blending creativity with the power of AI. Our
team of designers,</p>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 mb-50">
<div class="mt-footer-widget footer-cols-2">
<h2 class="mt-footer-title mt-footer-title-border-2 mb-35">Company Services</h2>
<div class="mt-footer-list">
<ul>
<li><a href="#">Corporate business</a></li>
<li><a href="about-ai.html">About Us</a></li>
<li><a href="#">SEO agency</a></li>
<li><a href="portfolio-ai.html">case studies</a></li>
<li><a href="#">Company Report</a></li>
<li><a href="#">Privacy policy</a></li>
<li><a href="#">Marketing</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-4 col-lg-4 mb-50">
<div class="mt-footer-widget footer-cols-3">
<h2 class="mt-footer-title mt-footer-title-border-2 mb-35">Office Address</h2>
<div class="mt-footer-contact">
<ul>
<li><a href="#">Office Address
2972 Westheimer Rd. Santa Ana,
Illinois 85486
</a></li>
<li><a href="tel:5550103025">(480) 555-0103-025</a></li>
<li><a href="mailto:info@maxfy.com">info@maxfy.com</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- copy-right area start -->
<div class="mt-copyright-area mt-copyright-space black-bg-4">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-6 col-lg-6 col-md-6 ">
<div class="mt-copyright-left text-center text-md-start mb-20">
<p>© Copyright 2025 by <a href="index-3.html">A.maxfy</a></p>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-6 ">
<div class="mt-copyright-right text-center text-md-end">
<div class="mt-copyright-follow">
<span>Follow Us :</span>
</div>
<div class="mt-copyright-social">
<a href="#"><i class="fab fa-facebook-f"></i></a>
<a href="#"><i class="fab fa-instagram"></i></a>
<a href="#"><i class="fab fa-linkedin-in"></i></a>
<a href="#"><i class="fab fa-twitter"></i></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- copy-right area end -->
</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/imagesloaded.pkgd.min.js"></script>
<script src="assets/js/isotope.pkgd.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/purecounter.js"></script>
<script src="assets/js/nice-select.js"></script>
<script src="assets/js/range-slider.js"></script>
<script src="assets/js/wow.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>