/home/moonrcjl/template.moontelict.com/a.maxfy-prev/maxfy/portfolio-ai-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.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">Portfolio Details</h1>
<div class="mt-breadcrumb-list">
<span class="active"><a href="index-3.html">Home</a></span>
<span class="dvir">-</span>
<span><a href="#">Portfolio Details</a></span>
</div>
</div>
</div>
</section>
<!-- Portfolio details area start -->
<section class="mt-portfolio-details-area pt-150 pb-90 black-bg-3">
<div class="container">
<div class="row">
<div class="col-12">
<div class="mt-portfolio-details-thumb mb-60 wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.3s">
<img src="assets/img/project/portfolio-details-2.jpg" alt="">
</div>
</div>
<div class="col-lg-8">
<div class="mt-portfolio-details-wrapper">
<div class="mt-section-content mb-25">
<h2 class="mt-section-title mb-20">The Story Behind the Project</h2>
<p>Every project has a story, and ours is one of creativity, collaboration, and innovation. From
the initial concept
to the final execution, our team worked closely with the client to understand their vision
and bring it to life
through AI-powered design solutions. By blending cutting-edge technology with a deep
understanding of the
brand’s goals, we crafted a unique and impactful solution that not only met but exceeded
expectations. This
project showcases our commitment to delivering high-quality results,</p>
<p>tailored to the specific needs and aspirations of our clients. Dive into the details and
discover how we
transformed ideas into reality, overcoming challenges and embracing new possibilities along
the way</p>
</div>
<div class="mt-portfolio-details-thumb mb-30 br-20 wow img-custom-anim-top"
data-wow-duration="1.5s" data-wow-delay="0.1s">
<img src="assets/img/project/portfolio-details-1.jpg" alt="">
</div>
<div class="mt-section-content mb-50">
<p>Every project has a story, and ours is one of creativity, collaboration, and innovation. From
the initial concept
to the final execution, our team worked closely with the client to understand their vision
and bring it to life
through AI-powered design solutions. By blending cutting-edge technology .</p>
</div>
<div class="mt-section-content mb-50">
<h2 class="mt-section-title mb-20">challenge & solution</h2>
<p>Every project has a story, and ours is one of creativity, collaboration, and innovation. From
the initial concept
to the final execution, our team worked closely with the client to understand their vision
and bring it to life
through AI-powered design solutions. By blending cutting-edge technology with a deep
understanding of the
brand’s goals, we crafted a unique and impactful solution that not only met but exceeded
expectations. This
project showcases our commitment to delivering high-quality results.</p>
</div>
<div class="mt-section-content mb-50">
<h2 class="mt-section-title mb-20">final Results</h2>
<p>Every project has a story, and ours is one of creativity, collaboration, and innovation. From
the initial concept
to the final execution, our team worked closely with the client to understand their vision
and bring it to life
through AI-powered design solutions. By blending cutting-edge technology.</p>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="mt-portfolio-widget-wrapper">
<div class="mt-portfolio-widget mt-portfolio-widget-border mb-30">
<h3 class="mt-portfolio-widget-title mb-30"> Project Information</h3>
<ul class="mt-portfolio-widget-list">
<li><span>category :</span> <a href="#">Ai Image Generator</a></li>
<li><span>Customer :</span>Jekob jacknes</li>
<li><span>start date :</span> 25 oct 2026</li>
<li><span>end date :</span> 28 oct 2025</li>
<li><span>Feedback :</span> <a href="#">Happy Clients</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Portfolio details 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-details.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>