/home/moonrcjl/template.moontelict.com/maxfy/portfolio-cyber-light.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 mt-dark-version">
<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/black-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>
<header class="mt-header-area mt-transparent-header mt-header-border mt-dark-version p-relative z-index-11">
<!-- 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-3-main-logo">
<a href="index-2-light.html">
<img class="mt-logo-white" src="assets/img/logo/red-logo.png" alt="logo">
<img class="mt-logo-black d-none" src="assets/img/logo/red-logo-black.png" alt="logo">
</a>
</div>
</div>
<div class="col-xl-10 col-lg-10 col-6">
<div
class="mt-header-3-main-wrap d-flex align-items-center justify-content-xl-between justify-content-end">
<div class="mt-header-3-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-cyber-light.html">About </a></li>
<li class="dropdown has-dropdown"><a href="#">Services</a>
<ul class="sub-menu">
<li><a href="services-cyber-light.html">Modern Services</a></li>
<li><a href="services-cyber-light-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-cyber-light.html">Modern Portfolio</a></li>
<li><a href="portfolio-cyber-light-details.html"> Portfolio Details</a></li>
<li><a href="pricing-cyber-light.html"> Our Pricing </a></li>
<li><a href="blog-cyber-light.html">Our Blog </a></li>
<li><a href="blog-cyber-light-details.html">Blog Details</a></li>
<li><a href="contact-cyber-light.html"> Contact </a></li>
</ul>
</li>
<li><a href="blog-cyber-light.html">Blog </a></li>
<li><a href="contact-cyber-light.html">Contact </a></li>
</ul>
</nav>
</div>
<div class="d-none d-lg-block">
<div class="mt-header-main-right">
<div class="mt-header-main-search mt-header-3-search d-none d-xxl-block p-relative">
<button class="mt-search-toggles "><i class="fa-regular fa-magnifying-glass"></i></button>
<input type="text" placeholder="Search">
</div>
<div class="mt-header-3-main-btn">
<a href="contact-cyber-light.html">Get Stared Now <span><svg
xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"
fill="none">
<path
d="M14.7368 20H20V3.7931L16.3158 0.172413L11.0526 5.34483L6.66667 0H0V5.17241L11.0526 5.34483L0 16.2069L3.85965 20L14.7368 9.31034V20Z"
fill="white" />
</svg></span>
</a>
</div>
</div>
</div>
<div class="mt-header-toogle d-xl-none text-end ml-20">
<button class="mt-offcanvas-toogle"><i class="fa-regular fa-bars-staggered"></i></button>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- header main area end -->
</header>
<main>
<section class="mt-breadcrumb-area mt-breadcrumb-4 p-relative"
data-background="assets/img/breadcrumb/breadcrumb-bg-4.jpg">
<div class="container">
<div class="mt-breadcrumb-wrap position-relative z-index-2">
<div class="row align-items-center">
<div class="col-xl-8">
<div class="mt-breadcrumb text-center text-xl-start">
<h1 class="mt-breadcrumb-title mt-text-white">
portfolio <br>
<span>Agency</span>
</h1>
</div>
</div>
<div class="col-xl-4">
<div class="mt-breadcrumb-list text-center text-xl-end">
<div class="mt-breadcrumb-shape mb-20">
<img src="assets/img/breadcrumb/shape-3.png" alt="">
</div>
<span><a href="index-2-light.html">Home</a></span>
<span class="dvir"> / </span>
<span class="active">portfolio</span>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- Portfolio Area Start -->
<section class="mt-portfolio-3-area mt-portfolio-bg pt-150 pb-100 mt-dark-version p-relative"
data-background="assets/img/bg/protfolio-bg-3-1.png">
<div class="container">
<div class="mt-section-content text-center mb-50">
<h5 class="mt-section-subtitle mt-section-subtitle-border"><span>Our Portfolio</span></h5>
<h2 class="mt-section-title mt-20 ">Future-Proof Security Services</h2>
</div>
<div class="row align-items-center">
<div class="col-xl-6 col-lg-6 col-md-6 ">
<div class="mt-portfolio-3-wrapper mr-30 mb-40">
<div class="mt-portfolio-3-item wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.1s">
<a href="portfolio-cyber-light-details.html"><img src="assets/img/project/portfolio-3-1.jpg"
alt=""></a>
<div class="mt-portfolio-3-text mt-20">
<span>Cyber Agency</span>
<h4><a href="portfolio-cyber-light-details.html">Successful Incident Response Cases</a></h4>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-6 ">
<div class="mt-portfolio-3-wrapper ml-30 mb-40 ">
<div class="mt-portfolio-3-item wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.2s">
<a href="portfolio-cyber-light-details.html"><img src="assets/img/project/portfolio-3-2.jpg"
alt=""></a>
<div class="mt-portfolio-3-text mt-20">
<span>Cyber Agency</span>
<h4><a href="portfolio-cyber-light-details.html">Identity and Access Management</a></h4>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-6 ">
<div class="mt-portfolio-3-wrapper mr-30 mb-40">
<div class="mt-portfolio-3-item wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.3s">
<a href="portfolio-cyber-light-details.html"><img src="assets/img/project/portfolio-3-3.jpg"
alt=""></a>
<div class="mt-portfolio-3-text mt-20">
<span>Cyber Agency</span>
<h4><a href="portfolio-cyber-light-details.html">Comprehensive Risk Assessments</a></h4>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-6 ">
<div class="mt-portfolio-3-wrapper ml-30 mb-40">
<div class="mt-portfolio-3-item wow img-custom-anim-top" data-wow-duration="1.5s"
data-wow-delay="0.4s">
<a href="portfolio-cyber-light-details.html"><img src="assets/img/project/portfolio-3-4.jpg"
alt=""></a>
<div class="mt-portfolio-3-text mt-20">
<span>Cyber Agency</span>
<h4><a href="portfolio-cyber-light-details.html">Showcasing Our Success Stories.</a></h4>
</div>
</div>
</div>
</div>
</div>
<div class="mt-pagination mt-pagination-2 mt-30 mb-50 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>
</section>
<!-- Portfolio Area End -->
</main>
<!-- footer start -->
<footer class="mt-footer-area p-relative">
<div class="mt-footer-main-wraper black-bg-4 pt-120 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-widget ">
<div class="mt-footer-logo">
<a href="index-2-light.html"><img src="assets/img/logo/red-logo.png" alt=""></a>
</div>
<div class="mt-footer-content">
<p>we specialize in transforming the
digital landscape by blending.</p>
</div>
<div class="mt-footer-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-3 col-lg-6 col-md-6 mb-50">
<div class="mt-footer-widget footer-cols-2">
<h2 class="mt-footer-title mb-20">Information</h2>
<div class="mt-footer-list mt-footer-list-3">
<ul>
<li><a href="about-cyber-light.html">about Company</a></li>
<li><a href="portfolio-cyber-light.html">Latest Project</a></li>
<li><a href="#">Latest from project</a></li>
<li><a href="testimonial.html">Our Testimonial</a></li>
<li><a href="about-cyber-light.html">Our Mission</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 mb-50">
<div class="mt-footer-widget footer-cols-3">
<h2 class="mt-footer-title mb-20">Resources</h2>
<div class="mt-footer-list mt-footer-list-3">
<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-cyber-light.html">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<div class="col-xl-3 col-lg-6 col-md-6 mb-50">
<div class="mt-footer-widget ">
<h2 class="mt-footer-title mb-20">Subscribe Now</h2>
<div class="mt-footer-newsletter mb-40">
<form action="#">
<div class="mt-footer-input p-relative">
<input type="email" placeholder="your Email">
<button type="submit">Subscribe</button>
</div>
<div class="form-check mtform-check mt-20">
<input class="form-check-input" type="checkbox" id="flexCheckDefault">
<label class="form-check-label" for="flexCheckDefault">
I Agree to The privacy policy
</label>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- copy-right area start -->
<div class="mt-copyright-area black-bg-4">
<div class="container">
<div class="row align-items-center">
<div class="col-xl-12 ">
<div class="mt-copyright-left left-3 border-copyright text-center">
<p>© 2025 All Rights Reserved by <a href="index-2-light.html">A.maxfy</a></p>
</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>