/home/moonrcjl/template.moontelict.com/sass-agency/blog-details.html
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Alaxfy - CRM Saas Online Payments HTML5 Template - Sass Agency.</title>

    <!--Start css files-->
    <link rel="stylesheet preload" href="assets/css/font-awesome-pro.css" as="style">
    <link rel="stylesheet preload" href="assets/css/bootstrap.min.css" as="style">
    <link rel="stylesheet preload" href="assets/css/swiper.css" as="style">
    <link rel="stylesheet preload" href="assets/css/animate.css" as="style">
    <link rel="stylesheet preload" href="assets/css/magnific-popup.css" as="style">
    <link rel="stylesheet preload" href="assets/css/style.css" as="style">
    <!-- End Css File -->

    <!-- Start Favicon-->
    <link rel="shortcut icon" type="image/x-icon" href="assets/images/favicon.png">
    <!-- End Favicon -->
</head>

<body>
    <!-- Preloader Start -->
    <div id="preloader" class="preloader">
        <div class="animation-preloader">
            <div class="spinner">
            </div>
            <div class="txt-loading">
                <span data-text-preloader="A" class="letters-loading">
                    A
                </span>
                <span data-text-preloader="L" class="letters-loading">
                    L
                </span>
                <span data-text-preloader="A" class="letters-loading">
                    A
                </span>
                <span data-text-preloader="X" class="letters-loading">
                    X
                </span>
                <span data-text-preloader="F" class="letters-loading">
                    F
                </span>
                <span data-text-preloader="Y" class="letters-loading">
                    Y
                </span>
            </div>
            <p class="text-center">Loading</p>
        </div>
        <div class="loader">
            <div class="row">
                <div class="col-3 loader-section section-left">
                    <div class="bg"></div>
                </div>
                <div class="col-3 loader-section section-left">
                    <div class="bg"></div>
                </div>
                <div class="col-3 loader-section section-right">
                    <div class="bg"></div>
                </div>
                <div class="col-3 loader-section section-right">
                    <div class="bg"></div>
                </div>
            </div>
        </div>
    </div>
    <!-- Preloader end -->

    <!-- back to top start -->
    <div class="scroll-up">
        <svg class="scroll-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
            <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
        </svg>
    </div>
    <!-- back to top end -->
    <!-- Start Header Area -->
    <header class="mt__header-area-home-01">
        <div class="mt__container01">
            <div class="mt__header-wrapper">
                <div class="mt__header-left-site">
                    <div class="mt__header-logo">
                        <a href="index.html"><img src="assets/images/logo/mobile-menu-logo.svg" alt="Moontel_ICT"></a>
                    </div>
                    <div class="mt__navigation">
                        <nav>
                            <ul>
                                <li class="mt__has-dropdown"><a href="#" class="mt__has-dropdown-icon">Home</a>
                                    <ul class="mt__submenu-desktop">
                                        <li><a href="index.html">Home Sass Agency</a></li>
                                        <li><a href="home-crm.html">Home CRM</a></li>
                                        <li><a href="home-app.html">Home App</a></li>
                                    </ul>
                                </li>
                                <li><a href="about.html">About</a></li>
                                <li><a href="feature.html">Feature</a></li>
                                <li class="mt__has-dropdown"><a href="#" class="mt__has-dropdown-icon">Pages</a>
                                    <ul class="mt__submenu-desktop">
                                        <li><a href="team.html">Our Team</a></li>
                                        <li><a href="team-details.html">Team Details</a></li>
                                        <li><a href="our-pricing.html">Our Pricing</a></li>
                                        <li><a href="404.html">404</a></li>
                                    </ul>
                                </li>
                                <li class="mt__has-dropdown"><a href="#" class="mt__has-dropdown-icon">Blog</a>
                                    <ul class="mt__submenu-desktop">
                                        <li><a href="blog.html">Blogs</a></li>
                                        <li><a href="blog-details.html">Blog Details</a></li>
                                    </ul>
                                </li>
                                <li><a href="contact.html">Contact Us</a></li>
                            </ul>
                        </nav>
                    </div>
                </div>
                <div class="mt__header-right-site">
                    <div class="mt__header-contact-number">
                        <span class="mt__header-contact-number-icon"><i class="fa-light fa-phone"></i></span>
                        <div class="mt__header-contact-number-text">
                            <span class="mt__header-contact-number-anytime">Call Anytime</span>
                            <a href="tel:239555-0108" class="mt__header-text-number-degit">(239) 555-0108</a>
                        </div>
                    </div>
                    <div class="mt__header-btn">
                        <a href="contact.html" class="mt__btn-1">Contact Us <i class="fa-light fa-arrow-right"></i></a>
                    </div>
                    <div class="mt__header-mobile-bar">
                        <span class="mt__header-mobile-menu-bar mt__line-1">
                        </span>
                        <span class="mt__header-mobile-menu-bar mt__line-2">
                        </span>
                        <span class="mt__header-mobile-menu-bar mt__line-3">
                        </span>
                    </div>
                </div>
            </div>
        </div>
    </header>
    <!-- End Header Area -->

    <!-- Start Mobile Menu  -->
    <div class="mt__mobile-menu">
        <div class="mt__menu-header">
            <div class="mt__logo">
                <a href="index.html">
                    <img src="assets/images/logo/home-2-header-logo.svg" alt="Moontel_ICT">
                </a>
            </div>
            <button class="mt__close-btn">×</button>
        </div>

        <div class="mt__icons">
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                <path d="M20 7h-16v14h16v-14z"></path>
                <path d="M16 7c0-2.21-1.79-4-4-4s-4 1.79-4 4"></path>
            </svg>
            <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2">
                <path
                    d="M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z">
                </path>
            </svg>
        </div>

        <nav>
            <ul class="mt__nav-list">
                <li class="mt__nav-item">
                    <a href="#" class="mt__nav-link">
                        Home
                        <span class="mt__toggle-btn"></span>
                    </a>
                    <ul class="mt__submenu">
                        <li class="mt__submenu-item"><a href="index.html" class="mt__submenu-link">Home Sass Agency</a></li>
                        <li class="mt__submenu-item"><a href="home-crm.html" class="mt__submenu-link">Home CRM</a></li>
                        <li class="mt__submenu-item"><a href="home-app.html" class="mt__submenu-link">Home App</a></li>
                    </ul>
                </li>
                <li class="mt__nav-item">
                    <a href="about.html" class="mt__nav-link">About</a>
                </li>
                <li class="mt__nav-item">
                    <a href="feature.html" class="mt__nav-link">Feature</a>
                </li>
                <li class="mt__nav-item">
                    <a href="#" class="mt__nav-link">
                        Pages
                        <span class="mt__toggle-btn"></span>
                    </a>
                    <ul class="mt__submenu">
                        <li class="mt__submenu-item"><a href="our-pricing.html" class="mt__submenu-link">Our Pricing</a>
                        </li>
                        <li class="mt__submenu-item"><a href="team.html" class="mt__submenu-link">Team</a></li>
                        <li class="mt__submenu-item"><a href="team-details.html" class="mt__submenu-link">Team
                                Details</a></li>
                        <li class="mt__submenu-item"><a href="404.html" class="mt__submenu-link">404</a></li>
                    </ul>
                </li>
                <li class="mt__nav-item">
                    <a href="#" class="mt__nav-link">
                        Blog
                        <span class="mt__toggle-btn"></span>
                    </a>
                    <ul class="mt__submenu">
                        <li class="mt__submenu-item"><a href="blog.html" class="mt__submenu-link">Our Blog</a></li>
                        <li class="mt__submenu-item"><a href="blog-details.html" class="mt__submenu-link">Blog
                                Details</a></li>
                    </ul>
                </li>
                <li class="mt__nav-item">
                    <a href="contact.html" class="mt__nav-link">Contact Us</a>
                </li>
            </ul>
        </nav>
    </div>
    <!-- End Mobile Menu -->

    <!-- Start Mt Overlay -->
    <div class="mt__overlay"></div>
    <!-- End Mt Overlay -->

    <!-- Start Hero Area -->
    <section class="mt__hero-01 mt__blog-details pt-5" data-background="assets/images/bg/1.png">
        <span class="mt__hero-01-shep-1"></span>
        <span class="mt__hero-01-shep-2"></span>
        <span class="mt__hero-01-shep-3"></span>
        <span class="mt__hero-01-shep-4"></span>
        <span class="mt__hero-01-shep-6"></span>
        <span class="mt__hero-01-shep-7"></span>
        <span class="mt__hero-01-shep-8">
            <svg xmlns="http://www.w3.org/2000/svg" width="37" height="37" viewBox="0 0 37 37" fill="none">
                <path
                    d="M18.5 0C18.7789 10.0995 26.9005 18.2211 37 18.5C26.9005 18.7789 18.7789 26.9005 18.5 37C18.2211 26.9005 10.0995 18.7789 0 18.5C10.0995 18.2211 18.2211 10.0995 18.5 0Z"
                    fill="white" />
            </svg>
        </span>
        <div class="mt__container01">
            <div class="mt__blog-details-first-part">
                <div class="mt__blog-details-date-wrapper wow img-custom-anim-top">
                    <span class="mt__blog-details-about-tag">knowledge</span>
                    <span class="mt__blog-details-date-first-part">20 Jun, 2025</span>
                </div>
                <h2 class="mt__blog-details-main-title wow img-custom-anim-left">Dive into our blog to discover the
                    latest trends, <br> expert
                    advice, and thought-provoking insights.</h2>
                <div class="mt__blog-writer-wrapper wow img-custom-anim-right">
                    <img src="assets/images/inner/blog-details-2.png" alt="Moontel_ICT" class="mt__blog-writer-picture">
                    <div class="mt__blog-writer-name-wrapper">
                        <span class="mt_blog-writer-name">Marvin McKinney</span>
                        <span class="mt_blog-writer-regi">UI/UX Designer</span>
                    </div>
                </div>
                <img src="assets/images/inner/blog-details-1.png" alt="Moontel_ICT"
                    class="mt__blog-main-img wow img-custom-anim-left">
            </div>
        </div>
    </section>
    <!-- End Hero Area -->

    <!-- Start BLog Details -->
    <section class="mt__blog-details pt-3">
        <div class="mt__container02">
            <div class="mt__blog-details-second-wrapper">
                <div class="mt__blog-details-left-site">
                    <div class="mt__blog-details-left-site-part-01">
                        <h4 class="mt__blog-left-title-1 wow img-custom-anim-left">The History of web design</h4>
                        <p class="mt__blog-left-pera-1 wow img-custom-anim-right">Every individual we serve has a unique
                            story—a journey marked by
                            resilience, hope, and transformation. <br>
                            Through our charity’s support, countless individuals and communities have overcome
                            challenges and found <br>
                            new paths toward a brighter future.
                        </p>
                        <ul class="mt__blog-left-site-options wow img-custom-anim-top">
                            <li><i class="fa-light fa-check"></i>Streamline mobile management and reduce manual with
                                automated processes and centralized control.</li>
                            <li><i class="fa-light fa-check"></i>Enable remote device access and troubleshooting,
                                ensuring business continuity from anywhere.</li>
                            <li><i class="fa-light fa-check"></i>Expand your mobile fleet without complexity. Our
                                scalable solution grows alongside your business needs.</li>
                            <li><i class="fa-light fa-check"></i>Meet industry regulations effortlessly with automated
                                compliance checks and policy enforcement.</li>
                        </ul>
                        <div class="mt__blog-left-quets-wrapper">
                            <h4 class="mt__blog-left-quets-title wow img-custom-anim-left">Our supporters and
                                beneficiaries are at the heart of everything <br> we do. Their experiences and words
                                inspire us and remind.</h4>
                            <div class="mt__blog-left-quets-inner wow img-custom-anim-top">
                                <div class="mt__blog-left-quets-name">
                                    <h5 class="mt__blog-left-quets-name">Cameron Williamson</h5>
                                    <span class="mt__blog-left-quets-regi">UI&UX Designers</span>
                                </div>
                                <img src="assets/images/inner/quets.png" alt="Moontel_ICT"
                                    class="mt__blog-left-quets-symble">
                            </div>
                        </div>
                    </div>
                    <div class="mt__blog-details-left-site-part-02">
                        <p class="mt__blog-left-site-part-02-pera-1 wow img-custom-anim-left">Every individual we serve
                            has a unique story—a journey marked by resilience, hope, and transformation.
                            Through our charity’s support, countless individuals and communities have overcome
                            challenges and found
                            new paths toward a brighter future. From gaining access to clean water and education to
                            rebuilding lives
                            after a crisis, these stories remind us of the profound impact that compassionate aid can
                            bring.</p>
                        <p class="mt__blog-left-site-part-02-pera-2 wow img-custom-anim-right">
                            We are proud to share these journeys as a testament to the strength of the human spirit and
                            the change
                            that’s possible when we come together in support of one another.
                        </p>
                    </div>
                    <div class="mt__blog-details-left-social-media-wrappe wow img-custom-anim-top">
                        <p class="mt__blog-details-social-media-name">Device Security, Device Security, TechInnovation,
                        </p>
                        <ul class="mt__blog-details-social-media-icons">
                            <li><a href="#"><i class="fa-brands fa-facebook-f"></i></a></li>
                            <li><a href="#"><i class="fa-brands fa-instagram"></i></a></li>
                            <li><a href="#"><i class="fa-brands fa-pinterest-p"></i></a></li>
                            <li><a href="#"><i class="fa-brands fa-linkedin-in"></i></a></li>
                        </ul>
                    </div>
                    <div class="mt__blog-details-riplay-wrapper">
                        <h5 class="mt__blog-details-riplay-name wow img-custom-anim-left">Brooklyn Simmons</h5>
                        <span class="mt__blog-details-riplay-date wow img-custom-anim-right">May 12.2025</span>
                        <p class="mt__blog-details-riplay-text wow img-custom-anim-left">We value your thoughts and
                            feedback! Your insights help us improve and inspire our creative community. Share <br>
                            your experiences, ask questions, or discuss ideas related to AI-powered creativity and
                            design.
                        </p>
                        <a href="#" class="mt__blog-details-riplay-btn wow img-custom-anim-top">Reply</a>
                    </div>
                    <div class="mt__blog-details-comment-wrapper">
                        <h3 class="mt__blog-details-comment-title wow img-custom-anim-left">leave A Comment</h3>
                        <p class="mt__blog-details-comment-peragraph wow img-custom-anim-right">We’d love to hear from
                            you! Share your thoughts, ask questions, or provide feedback on our latest insights. <br>
                            Your comments help us create more valuable content tailored to your needs.
                        </p>
                        <form action="POST" class="mt__blog-comment-form wow img-custom-anim-top">
                            <div class="mt__blog-comment-input-fild">
                                <input type="text" placeholder="Your Name">
                                <input type="email" placeholder="Your Email">
                            </div>
                            <textarea placeholder="Message"></textarea>
                            <button type="submit">Submit Now</button>
                        </form>
                    </div>
                </div>
                <div class="mt__blog-details-right-site">
                    <div class="mt__blog-details-search-fild">
                        <h4 class="mt__blog-details-right-site-title">Search</h4>
                        <form action="POST">
                            <input type="text" placeholder="Search Here">
                            <button type="submit"><i class="fa-light fa-magnifying-glass"></i></button>
                        </form>
                    </div>
                    <div class="mt__blog-categories-wrapper">
                        <h4 class="mt__blog-details-right-site-title">Categories</h4>
                        <ul class="mt__blog-details-category-items">
                            <li><a href="#" class="mt__blog-details-category-name"><i
                                        class="fa-light fa-angle-right"></i>Digital Marketing Strategies</a> <span
                                    class="mt__blog-details-category-number">08</span></li>
                            <li><a href="#" class="mt__blog-details-category-name"><i
                                        class="fa-light fa-angle-right"></i>Business Growth Strategies</a> <span
                                    class="mt__blog-details-category-number">10</span></li>
                            <li><a href="#" class="mt__blog-details-category-name"><i
                                        class="fa-light fa-angle-right"></i>Business Growth Strategies</a> <span
                                    class="mt__blog-details-category-number">12</span></li>
                            <li><a href="#" class="mt__blog-details-category-name"><i
                                        class="fa-light fa-angle-right"></i>Resources & Guides</a> <span
                                    class="mt__blog-details-category-number">18</span></li>
                            <li><a href="#" class="mt__blog-details-category-name"><i
                                        class="fa-light fa-angle-right"></i>User Experience (UX)</a> <span
                                    class="mt__blog-details-category-number">22</span></li>
                        </ul>
                    </div>
                    <div class="mt__blog-details-recent-post-wrapper">
                        <h4 class="mt__blog-details-right-site-title">Recent Post</h4>
                        <div class="mt__blog-details-recent-post-inner">
                            <img src="assets/images/inner/blog-details-3.png" alt="Moontel_ICT">
                            <div class="mt__blog-details-recent-title-wrapper">
                                <h4 class="mt__blog-details-recent-title"><a href="#">Inspiration and Ideas <br> for
                                        Your Next Project</a></h4>
                                <span class="mt__blog-details-recent-post-date">20 Jun, 2025</span>
                            </div>
                        </div>
                        <div class="mt__blog-details-recent-post-inner">
                            <img src="assets/images/inner/blog-details-4.png" alt="Moontel_ICT">
                            <div class="mt__blog-details-recent-title-wrapper">
                                <h4 class="mt__blog-details-recent-title"><a href="#">Inspiration and Ideas <br> for
                                        Your Next Project</a></h4>
                                <span class="mt__blog-details-recent-post-date">20 Jun, 2025</span>
                            </div>
                        </div>
                    </div>
                    <div class="mt__blog-details-tag-wrapper">
                        <h4 class="mt__blog-details-right-site-title">Recent Post</h4>
                        <div class="mt__blog-details-tags">
                            <a href="#">Trending Topics</a>
                            <a href="#">Popular Reads</a>
                            <a href="#">Expert Insights</a>
                            <a href="#">Latest Updates</a>
                            <a href="#">Quick Tips</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!-- End Blog Details -->

    <!-- Start Footer Banner Home1 -->
    <section class="mt__footer-banner-home-1">
        <div class="mt__container01">
            <div class="mt__footer-banner-wrapper wow fadeInUp">
                <h3 class="mt__footer-banner-title wow img-custom-anim-top">Launch Your Dream Website in Minutes <br>
                    Get Started Today!</h3>
                <p class="mt__footer-banner-sub-title wow img-custom-anim-left">
                    Building a professional website has never been easier. With our user-friendly platform, you can
                    design, <br>
                    customize, and launch your dream website in just a few simple steps.
                </p>
                <div class="mt__footer-banner-btn-group wow img-custom-anim-right">
                    <a href="#" class="mt__btn-1 mt__footer-banner-free-tail-btn">Start a 15-day free trial <i
                            class="fa-light fa-arrow-right"></i></a>
                    <a href="#" class="mt__btn-2 mt__footer-banner-view-demo-btn">View Demo <i
                            class="fa-light fa-arrow-right"></i></a>
                </div>
            </div>
        </div>
    </section>
    <!-- End Footer Banner Home 1 -->

    <!-- Start Footer Area Home 1 -->
    <footer class="mt__footer-area">
        <div class="mt__container01">
            <div class="mt__footer-wrapper">
                <div class="mt__footer-inner">
                    <div class="mt__footer-top-part">
                        <div class="mt__footer-logo-item">
                            <a href="index.html" class="mt__footer-logo">
                                <img src="assets/images/logo/logo-1.svg" alt="Moontel_ICT">
                                <p class="mt__footer-logo-text">
                                    we specialize in transforming the <br> digital landscape by blending.
                                </p>
                            </a>
                        </div>
                        <div class="mt__footer-menu-item">
                            <h3 class="mt__footer-menu-title">Explore Link</h3>
                            <ul>
                                <li><a href="about.html">about Company</a></li>
                                <li><a href="#">Latest Project</a></li>
                                <li><a href="#">Latest from project</a></li>
                                <li><a href="#">Our Testimonial</a></li>
                                <li><a href="#">Our Mission</a></li>
                            </ul>
                        </div>
                        <div class="mt__footer-menu-item">
                            <h3 class="mt__footer-menu-title">Support</h3>
                            <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 Us</a></li>
                            </ul>
                        </div>
                        <div class="mt__footer-menu-item">
                            <h3 class="mt__footer-menu-title">Resources</h3>
                            <ul>
                                <li><a href="#">Developers</a></li>
                                <li><a href="#">Compare</a></li>
                                <li><a href="#">system status</a></li>
                                <li><a href="#">Online Community</a></li>
                                <li><a href="#">release Note</a></li>
                            </ul>
                        </div>
                    </div>
                    <div class="mt__footer-bottom-part">
                        <div class="mt__footer-bottom-contact-item">
                            <div class="mt__footer-bottom-icons">
                                <span class="mt__footer-bottom-icon"><i class="fa-light fa-phone"></i></span>
                                <span class="mt__footer-bottom-contact-title">Contact us anytime</span>
                            </div>
                            <a href="tel:239555-0108" class="mt__footer-contact-way">+(239) 555-0108</a>
                            <a href="tel:239555-0108" class="mt__footer-contact-way">+(239) 555-0108</a>
                        </div>
                        <div class="mt__footer-bottom-contact-item">
                            <div class="mt__footer-bottom-icons">
                                <span class="mt__footer-bottom-icon"><i class="fa-light fa-envelope"></i></span>
                                <span class="mt__footer-bottom-contact-title">Contact us anytime</span>
                            </div>
                            <a href="mailto:info@lax.fymobile.com"
                                class="mt__footer-contact-way">info@lax.fymobile.com</a>
                            <a href="mailto:info@lax.contact.com"
                                class="mt__footer-contact-way">info@lax.contact.com</a>
                        </div>
                        <div class="mt__footer-bottom-contact-item">
                            <div class="mt__footer-bottom-icons">
                                <span class="mt__footer-bottom-icon"><i class="fa-light fa-location-dot"></i></span>
                                <span class="mt__footer-bottom-contact-title">Our Location Address</span>
                            </div>
                            <span class="mt__footer-bottom-contact-title mt__footer-location">2715 Ash Dr. San Jose,
                                South <br>
                                Dakota 83475</span>
                        </div>
                        <div class="mt__footer-bottom-contact-item">
                            <h4 class="mt__footer-subscribe-title">subscribe Now</h4>
                            <form action="#" method="POST">
                                <input type="email" placeholder="Your Email">
                                <button type="submit" class="mt__footer-subscribe-btn">Subscribe</button>
                            </form>
                        </div>
                    </div>
                    <div class="mt__footer-copy-right-area">
                        <p class="mt__footer-copy-right-text">© 2024 All Rights Reserved by <a
                                href="index.html">a.laxfy</a></p>
                    </div>
                </div>
            </div>
        </div>
    </footer>
    <!-- End Footer Arae Home 1 -->

    <!-- Start Mouse Custom Cursor -->
    <div class="mouse-cursor cursor-outer"></div>
    <div class="mouse-cursor cursor-inner"></div>
    <!-- End Mouse Custom Cursor -->

    <!--Start Js Files-->
    <script defer src="assets/js/jquery.min.js"></script>
    <script defer src="assets/js/bootstrap.min.js"></script>
    <script defer src="assets/js/wow.js"></script>
    <script defer src="assets/js/magnific-popup.js"></script>
    <script defer src="assets/js/swiper.js"></script>
    <script defer src="assets/js/ScrollTrigger.min.js"></script>
    <script defer src="assets/js/smooth-scroll.js"></script>
    <script defer src="assets/js/imagesloaded-pkgd.js"></script>
    <script defer src="assets/js/script.js"></script>
    <!-- End Js File -->
</body>

</html>