/home/moonrcjl/template.moontelict.com/maxfy/portfolio-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@a.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>
<header class="mt-header-2-area p-relative z-index-11 black-bg-1">
<!-- header main area start -->
<div id="mt-header-sticky" class="mt-header-main-area plr-200">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-xl-2 col-lg-2 col-6">
<div class="mt-header-2-main-logo">
<a href="index.html"><img src="assets/img/logo/yellow-logo.png" alt="logo"></a>
</div>
</div>
<div class="col-xl-7 col-lg-7 col-6">
<div class="mt-header-2-main-wrap text-end text-xl-center">
<div class="mt-header-2-main-menu d-none d-xl-block">
<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-6">
<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">
<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">
<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>
</div>
</div>
</li>
<li><a href="about.html">About </a></li>
<li class="dropdown has-dropdown"><a href="#">Services</a>
<ul class="sub-menu">
<li><a href="services.html">Modern Services</a></li>
<li><a href="service-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.html">Modern Portfolio</a></li>
<li><a href="portfolio-details.html"> Portfolio Details</a></li>
<li><a href="team.html"> Our Team </a></li>
<li><a href="team-details.html"> Team Details</a></li>
<li><a href="testimonial.html">Testimonial </a></li>
<li><a href="blog.html">Our Blog </a></li>
<li><a href="blog-details.html">Blog Details</a></li>
<li><a href="error.html"> Error 404 </a></li>
<li><a href="faq.html"> Our Faq </a></li>
</ul>
</li>
<li><a href="blog.html">Blog </a></li>
<li><a href="contact.html">Contact </a></li>
</ul>
</nav>
</div>
<div class="mt-header-toogle d-xl-none text-end">
<button class="mt-offcanvas-toogle"><i class="fa-regular fa-bars-staggered"></i></button>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-3 d-none d-lg-block">
<div class="mt-header-2-main-right">
<div class="mt-header-2-main-login mr-24">
<button class="mt-login-btn ">Login</button>
</div>
<div class="mt-header-2-main-btn">
<a href="contact.html" class="mt-btn-2">Get Started <span><i
class="fa-light fa-arrow-right-long"></i></span></a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- header main area end -->
</header>
<main>
<!-- breadcrumb area start -->
<section class="mt-breadcrumb-area mt-breadcrumb-space p-relative black-bg-1"
data-background="assets/img/breadcrumb/breadcrumb-bg.png">
<div class="mt-breadcrumb-shape">
<img class="mt-breadcrumb-shape-1 p-absolute" src="assets/img/breadcrumb/star-shape.png" alt="">
<img class="mt-breadcrumb-shape-2 p-absolute" src="assets/img/breadcrumb/graph-shap.png" alt="">
</div>
<div class="container">
<div class="mt-breadcrumb text-center position-relative z-index-2">
<h1 class="mt-breadcrumb-title mt-upper mt-text-white">Portfolio Details</h1>
<div class="mt-breadcrumb-list">
<span class="active"><a href="index.html">Home</a></span>
<span class="dvir">-</span>
<span><a href="#">Portfolio Details</a></span>
</div>
</div>
</div>
</section>
<!-- breadcrumb area end -->
<!-- Portfolio details area start -->
<section class="mt-portfolio-details-area pt-140 pb-30 black-bg-1">
<div class="container">
<div class="row">
<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">Human brain</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 class="mt-portfolio-widget mt-portfolio-widget-bg mb-30 text-center">
<img class="mb-30 br-50" src="assets/img/project/icon.jpg" alt="">
<h3 class="mt-portfolio-widget-title mt-fs-52 mb-30"> If you have any
projects contact us</h3>
<a href="#" class="mt-btn-2 mt-10">contact Us<i class="far fa-arrow-right"></i></a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Portfolio details area end -->
<!-- cta area start -->
<div class="mt-cta-2-area black-bg-1 pt-65 pb-50">
<div class="container">
<div class="mt-cta-2-wrap" data-background="assets/img/cta/cta-bg-2-1.png">
<div class="row g-0 align-items-center">
<div class="col-xl-4 col-lg-4 mb-30 text-center text-xl-start">
<div class="mt-cta-2-left wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.2s">
<img src="assets/img/cta/cta-2-1.png" alt="">
<img src="assets/img/cta/cta-2-2.png" alt="">
</div>
</div>
<div class="col-xl-4 col-lg-4 mb-30">
<div class="mt-section-content text-center ">
<h5 class="mt-section-subtitle text-color">Free Generator art</h5>
<h2 class="mt-section-title mt-2">Discover, Your image generator</h2>
<a href="contact.html" class="mt-btn-2 mt-10">Generator Image Free <span><i
class="fa-light fa-arrow-right-long"></i></span></a>
</div>
</div>
<div class="col-xl-4 col-lg-4 mb-30 text-center text-xl-end">
<div class="mt-cta-2-right wow img-custom-anim-top" data-wow-duration="1.5s" data-wow-delay="0.2s">
<img src="assets/img/cta/cta-2-4.png" alt="">
<img src="assets/img/cta/cta-2-3.png" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
<!-- cta area end -->
</main>
<!-- footer start -->
<footer class="mt-footer-2-area p-relative">
<div class="mt-footer-2-main-wraper black-bg-1 pt-50 pb-40 p-relative">
<div class="container">
<div class="row">
<div class="col-xl-3 col-lg-6 col-md-6 mb-50">
<div class="mt-footer-2-widget footer-cols-1">
<div class="mt-footer-logo">
<a href="index.html"><img src="assets/img/logo/yellow-logo.png" alt=""></a>
</div>
<div class="mt-footer-2-content">
<p>we specialize in transforming the
digital landscape by blending.</p>
</div>
<div class="mt-footer-2-social">
<ul>
<li><a href="#"><i class="fab fa-facebook-f"></i></a></li>
<li><a href="#"><i class="fab fa-instagram"></i></a></li>
<li><a href="#"><i class="fab fa-linkedin-in"></i></a></li>
<li><a href="#"><i class="fab fa-twitter"></i></a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-6 col-md-6 mb-50">
<div class="mt-footer-2-widget ">
<h2 class="mt-footer-2-title mb-20">Company</h2>
<div class="mt-footer-2-list">
<ul>
<li><a href="#">Sign in</a></li>
<li><a href="#">Register</a></li>
<li><a href="about.html">Company Report</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Career</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-6 col-md-6 mb-50">
<div class="mt-footer-2-widget ">
<h2 class="mt-footer-2-title mb-20">Resources</h2>
<div class="mt-footer-2-list">
<ul>
<li><a href="contact.html">Help Center</a></li>
<li><a href="portfolio.html">Case Studies</a></li>
<li><a href="pricing.html">Pricing Plans</a></li>
<li><a href="#">User Guides</a></li>
<li><a href="#">Contact Support</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-2 col-lg-6 col-md-6 mb-50">
<div class="mt-footer-2-widget ">
<h2 class="mt-footer-2-title mb-20">My Account</h2>
<div class="mt-footer-2-list">
<ul>
<li><a href="#">author</a></li>
<li><a href="#">collection</a></li>
<li><a href="#">author Profile</a></li>
<li><a href="#">Security Settings</a></li>
<li><a href="#"> Support</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 mb-50">
<div class="mt-footer-2-widget ">
<h2 class="mt-footer-2-title mb-20">Subscribe Now</h2>
<div class="mt-footer-2-newsletter mb-40">
<form action="#">
<div class="p-relative">
<input type="email" placeholder="inter your email">
</div>
<div class="form-btn mt-30">
<button class="mt-btn-2 btn-footer" type="submit">subscribe Now<span><i
class="fa-light fa-arrow-right-long"></i></span></button>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- copy-right area start -->
<div class="mt-copyright-area mt-copyright-space mt-copyright-bg mt-copyright-border black-bg-1 p-relative">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-6 col-lg-6 col-md-6">
<div class="mt-copyright-2-left text-center text-md-start">
<p>© Copyright 2025 by <a href="index.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-menu">
<a href="#">Privacy policy</a>
<a href="#">Terms & Conditions</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/wow.js"></script>
<script src="assets/js/main.js"></script>
</body>
</html>