/home/moonrcjl/template.moontelict.com/a.maxfy-prev/maxfy/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.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-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.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">our team</h1>
               <div class="mt-breadcrumb-list">
                  <span class="active"><a href="index.html">Home</a></span>
                  <span class="dvir">-</span>
                  <span><a href="#">our team</a></span>
               </div>
            </div>
         </div>
      </section>
      <!-- breadcrumb area end -->

      <!-- Brand Area Start -->
      <section class="mt-brand-slide-area pt-50 pb-60 black-bg-1 fix p-relative">
         <div class="mt-brand-section text-center mb-90">
            <h3 class="mt-brand-section-title">
               <span></span>
               Trusted Clients
               <strong></strong>
            </h3>
         </div>
         <div class="mt-brand-slide-wrapper mb-25">
            <div class="swiper mt-brand-slide-active">
               <div class="swiper-wrapper mt-slide-transtion">

                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-3.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-2.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-3.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-4.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-5.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-6.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-7.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-5.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-6.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-1.png" alt="">
                     </div>
                  </div>

               </div>
            </div>
         </div>
         <div class="mt-brand-slide-wrapper">
            <div dir="rtl" class="swiper mt-brand-slide-active">
               <div class="swiper-wrapper mt-slide-transtion">

                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-3.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-2.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-3.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-4.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-5.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-6.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-7.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-5.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-6.png" alt="">
                     </div>
                  </div>
                  <div class="swiper-slide mt-brand-slide-element">
                     <div class="mt-brand-slide-img">
                        <img src="assets/img/brand/brand-1-1.png" alt="">
                     </div>
                  </div>

               </div>
            </div>
         </div>
      </section>
      <!-- Brand Area End -->

      <!-- Team Details Area Start -->
      <section class="mt-team-details-area pt-130 pb-40  black-bg-1">
         <div class="container">
            <div class="row">
               <div class="col-xl-5 col-lg-5">
                  <div class="team-details-thumb br-15">
                     <img class="w-100 wow img-custom-anim-top" data-wow-duration="1s" data-wow-delay=".2s"
                        src="assets/img/team/team-details.jpg" alt="">
                  </div>
                  <div class="team-details-thumb-bottom mt-30 mb-40">
                     <div class="row align-items-center">
                        <div class="col-6">
                           <div class="mt-team-call">
                              <a href="mailto:test@gmail.com">Email Me <i class="far fa-phone"></i></a>
                           </div>
                        </div>
                        <div class="col-6">
                           <div class="mt-team-social-share text-end">
                              <div class="mt-postbox-social text-end">
                                 <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>
                              </div>
                           </div>
                        </div>
                     </div>
                  </div>
               </div>
               <div class="col-xl-7 col-lg-7">
                  <div class="mt-team-details-content pl-70 mb-40">
                     <div class="mt-section-content ">
                        <h3 class="mt-section-title mb-6">Savannah Nguyen</h3>
                        <span>Founder & CEO</span>
                        <div class="mb-20"></div>
                        <p>As an artist here to solve such issues, we successfully filed several mandamus cases
                           on
                           behalf of more than 250 artwork and their family members and had approved green
                           cards
                           within several months after filing a complaint.</p>
                     </div>
                     <div class="mt-team-more-info mt-30">
                        <h4 class="mt-team-sm-title mb-20">More details</h4>
                        <ul>
                           <li><label>Location:</label> <span>Germany</span></li>
                           <li><label>Position:</label> <span>Founder & CEO</span></li>
                           <li><label>Location:</label> <span>info@example.com</span></li>
                           <li><label>Age:</label> <span>35</span></li>
                           <li><label>Qualification:</label> <span> Master Degree</span></li>
                           <li><label>Gender:</label> <span>Male</span></li>
                        </ul>
                     </div>

                     <div class="mt-team-exp-info mt-30">
                        <h4 class="mt-team-sm-title  mb-20">Experience</h4>
                        <ul>
                           <li>Legal employee business law firm (2019-2025)</li>
                           <li>Research Assistant University of St.Gallen (2017-2019)</li>
                           <li>Corporate Finance & Management (2013-2017)</li>
                        </ul>
                     </div>
                     <div class="mt-team-skill-info mt-30 mb-60">
                        <h4 class="mt-team-sm-title  mb-20">My Skill</h4>
                        <div class="mt-skill-bar">
                           <div class="mt-skill-item mb-25">
                              <label>Concept</label>
                              <div class="progress-outer">
                                 <span class="progress-num" style="left:calc(80% - 31px)">80%</span>
                                 <div class="fix">
                                    <div class="progress wow tpSkillInLeft " data-wow-duration="1s"
                                       data-wow-delay="0.2s" role="progressbar" aria-label="Example with label"
                                       aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
                                       <div class="progress-bar" style="width: 80%"></div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                           <div class="mt-skill-item mb-25">
                              <label>Research</label>
                              <div class="progress-outer">
                                 <span class="progress-num" style="left:calc(90% - 31px)">90%</span>
                                 <div class="fix">
                                    <div class="progress wow tpSkillInLeft " data-wow-duration="1s"
                                       data-wow-delay="0.4s" role="progressbar" aria-label="Example with label"
                                       aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
                                       <div class="progress-bar" style="width: 90%"></div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                           <div class="mt-skill-item mb-25">
                              <label>Development</label>
                              <div class="progress-outer">
                                 <span class="progress-num" style="left:calc(85% - 31px)">85%</span>
                                 <div class="fix">
                                    <div class="progress wow tpSkillInLeft " data-wow-duration="1s"
                                       data-wow-delay="0.6s" role="progressbar" aria-label="Example with label"
                                       aria-valuenow="25" aria-valuemin="0" aria-valuemax="100">
                                       <div class="progress-bar" style="width: 85%"></div>
                                    </div>
                                 </div>
                              </div>
                           </div>
                        </div>
                     </div>
                     <div class="contact-form-box">
                        <h4 class="mt-team-sm-title mb-20">Experience</h4>
                        <form action="assets/mail.php" method="post" id="contact-form">
                           <div class="row">
                              <div class="col-md-6 mb-30">
                                 <input name="name" type="text" placeholder="Full Name*">
                              </div>
                              <div class="col-md-6 mb-30">
                                 <input name="email" type="email" placeholder="Email Here*">
                              </div>
                              <div class="col-md-12 mb-30">
                                 <input name="subject" type="text" placeholder="subject *">
                              </div>
                              <div class="col-md-12 mb-45">
                                 <textarea name="message" cols="30" rows="10" placeholder="Message*"></textarea>
                              </div>
                              <div class="col-12">
                                 <button type="submit" class="mt-btn-2">
                                    <span>Send Message</span>
                                 </button>
                              </div>
                           </div>
                           <p class="ajax-response"></p>
                        </form>
                     </div>
                  </div>
               </div>
            </div>
         </div>
      </section>

      <!-- 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/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>