<!DOCTYPE html>
<html lang="en">
<head>
    <!-- ========== Meta Tags ========== -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <!-- ========== Page Title ========== -->
    <title>M3ppublications.com</title>
    <!-- ========== Start Stylesheet ========== -->
    <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
    <link href="assets/css/font-awesome.min.css" rel="stylesheet" />
    <link href="assets/css/themify-icons.css" rel="stylesheet" />
    <link href="assets/css/flaticon-set.css" rel="stylesheet" />
    <link href="assets/css/elegant-icons.css" rel="stylesheet" />
    <link href="assets/css/magnific-popup.css" rel="stylesheet" />
    <link href="assets/css/owl.carousel.min.css" rel="stylesheet" />
    <link href="assets/css/owl.theme.default.min.css" rel="stylesheet" />
    <link href="assets/css/animate.css" rel="stylesheet" />
    <link href="assets/css/bootsnav.css" rel="stylesheet" />
    <link href="style.css" rel="stylesheet">
    <link href="assets/css/responsive.css" rel="stylesheet" />
    <!-- ========== End Stylesheet ========== -->
</head>
<body>
    <!-- Preloader Start -->
    <div id="site-preloader" class="site-preloader">
        <div class="loader-wrap">
            <div class="ring">
                <span></span>
            </div>
        </div>
    </div>
    <!-- Preloader Ends -->
    <!-- Header 
    ============================================= -->
    <header id="home">
        <!-- Start Navigation -->
        <nav class="navbar navbar-default navbar-fixed dark no-background bootsnav">
            <div class="container-full">
                <!-- Start Header Navigation -->
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
                        <i class="fa fa-bars"></i>
                    </button>
                </div>
                <!-- End Header Navigation -->
                <!-- Collect the nav links, forms, and other content for toggling -->
                <div class="collapse navbar-collapse" id="navbar-menu">
                    <ul class="nav navbar-nav navbar-center" data-in="fadeInDown" data-out="fadeOutUp">
                        <li class="dropdown">
                            <a href="#about" >About</a>
                        </li>
                        <li class="dropdown">
                            <a href="#services" >Services</a>                        
                        </li>
                        <li class="dropdown">
                            <a href="#unsubscribe" >Unsubscribe</a>
                        </li>
                        <li class="dropdown">
                            <a href="privacy.html">Privacy Policy</a>
                        </li>
                        <li class="dropdown">
                            <a href="disclaimer.html">Disclaimer</a>                       
                        </li>
                        <li><a href="#contact">Contact</a>  
                        </li>
                    </ul>
                </div><!-- /.navbar-collapse -->
            </div>
        </nav>
        <!-- End Navigation -->
    </header>
    <!-- End Header -->
    <!-- Start Banner 
    ============================================= -->
    <div class="banner-area auto-height bg-gray version-center">
        <div class="banner-box">
            <div id="bootcarousel" class="carousel slide animate_text" data-ride="carousel">
                <!-- Indicators for slides -->
                <div class="carousel-indicator">
                    <div class="container">
                        <div class="row">
                            <div class="col-lg-12">
                                <ol class="carousel-indicators">
                                    <li data-target="#bootcarousel" data-slide-to="0" class="active">01</li>
                                    <li data-target="#bootcarousel" data-slide-to="1">02</li>
                                </ol>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- Wrapper for slides -->
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <div class="box-table">
                            <div class="box-cell">
                                <div class="container">
                                    <div class="banner-content">
                                        <div class="row align-center">
                                            <div class="col-lg-6">
                                                <div class="thumb">
                                                    <img src="assets/images/1200x1350.png" alt="Thumb">
                                                </div>
                                            </div>
                                            <div class="col-lg-6 info">
                                                <div class="content">
                                                    <h4 data-animation="animated slideInLeft">We love to create</h4>
                                                    <h2 data-animation="animated slideInRight">Creative & Digital <span>ideas</span></h2>
                                                    <a class="btn btn-theme effect btn-sm" href="#services" data-animation="animated slideInUp">Get Started <i class="arrow_right"></i></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="carousel-item">
                        <div class="box-table">
                            <div class="box-cell">
                                <div class="container">
                                    <div class="banner-content">
                                        <div class="row align-center">
                                            <div class="col-lg-6">
                                                <div class="thumb">
                                                    <img src="assets/images/1200x1350.png" alt="Thumb">
                                                </div>
                                            </div>
                                            <div class="col-lg-6 info">
                                                <div class="content">
                                                    <h4 data-animation="animated slideInLeft">We love to create</h4>
                                                    <h2 data-animation="animated slideInRight">Leading Creative <span>Solutions</span></h2>
                                                    <a class="btn btn-theme effect btn-sm" href="#services" data-animation="animated slideInUp">Get Started <i class="arrow_right"></i></a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <!-- End Wrapper for slides -->
            </div>
        </div>
    </div>
    <!-- End Banner -->
    <!-- Start Our Features
    ============================================= -->
    <div class="features-area bottom-shape-light default-padding bg-gray bottom-less">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 offset-lg-3">
                    <div class="heading-center text-center">
                        <h5>Our Features</h5>
                        <h2>Discover what makes us unique</h2>
                    </div>
                </div>
            </div>
        </div>
        <div class="container">
            <div class="features-items text-center">
                <div class="row">
                    <!-- Single Item -->
                    <div class="col-lg-4 col-md-6 single-item">
                        <div class="item">
                            <h4>Design</h4>
                            <i class="flaticon-creativity"></i>
                            <p>
                                Crafting visual experiences that captivate and inspire. Elevate your brand with our creative expertise.
                            </p>
                        </div>
                    </div>
                    <!-- End Single Item -->
                    <!-- Single Item -->
                    <div class="col-lg-4 col-md-6 single-item">
                        <div class="item">
                            <h4>Development</h4>
                            <i class="flaticon-secure"></i>
                            <p>
                                Building digital solutions that drive your business forward. Explore our development expertise. 
                            </p>
                        </div>
                    </div>
                    <!-- End Single Item -->
                    <!-- Single Item -->
                    <div class="col-lg-4 col-md-6 single-item">
                        <div class="item">
                            <h4>Implement</h4>
                            <i class="flaticon-sugar-cubes"></i>
                            <p>
                            Turning ideas into reality with precision and expertise. Discover how we bring your vision to life.
                            </p>                     
                        </div>
                    </div>
                    <!-- End Single Item -->
                </div>
            </div>
        </div>
    </div>
    <!-- End Our Features -->

    <!-- Start About
    ============================================= -->
    <div  id="about" class="about-area overflow-hidden default-padding">
        <div class="container">
            <div class="about-items">
                <div class="row align-center">
                    <!-- Thumb -->
                    <div class="col-lg-6">
                        <div class="thumb">
                            <img src="assets/images/800x800.png" alt="Thumb">
                        </div>
                    </div>
                    <!-- End Thumb -->
                    <div class="col-lg-6">
                        <div class="content">
                            <h4>About Us</h4>
                            <h2>We create & design award winning Digital products</h2>
                            <p>
                                Talking justice welcome message inquiry in started of am me. Led own hearted highest visited lasting sir through compass his. Guest tiled he quick by so these trees am. 
                            </p>
                            <div class="content-inner">
                                <div class="row">
                                    <div class="col-lg-6">
                                        <ul>
                                            <li>Fresh ideas</li>
                                            <li>Unique designs</li>
                                            <li>Skilled trades</li>
                                        </ul>
                                    </div>
                                    <div class="col-lg-6">
                                        <h2>25 <span>Years of experience</span></h2>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End About -->

    <!-- Star Achivement
    ============================================= -->
    <div class="achivement-area default-padding-bottom">
        <!-- Fixed BG -->
        <div class="fixed-bg">
            <img src="assets/images/border-bg.jpg" alt="Shape">
        </div>
        <!-- Fixed BG -->
        <div class="container">
            <div class="row">
                <div class="col-lg-6 heading-side">
                    <h5>Experts in field</h5>
                    <h2>Unique Solutions for Your Business </h2>
                    <p>
                        Gravity letters it amongst herself dearest an windows by. Wooded ladies she basket season age her uneasy saw. Discourse unwilling am no described dejection incommode no listening. 
                    </p>
                </div>
                <div class="col-lg-6 right-content">
                    <div class="skill-items">
                        <!-- Progress Bar Start -->
                        <div class="progress-box">
                            <h5>Marketing</h5>
                            <div class="progress">
                                <div class="progress-bar" role="progressbar" data-width="88">
                                    <span>88%</span>
                                </div>
                            </div>
                        </div>
                        <div class="progress-box">
                            <h5>Social Assistant</h5>
                            <div class="progress">
                                <div class="progress-bar" role="progressbar" data-width="95">
                                    <span>95%</span>
                                </div>
                            </div>
                        </div>
                        <div class="progress-box">
                            <h5>Consulting</h5>
                            <div class="progress">
                                <div class="progress-bar" role="progressbar" data-width="70">
                                    <span>70%</span>
                                </div>
                            </div>
                        </div>
                        <!-- End Progressbar -->
                    </div>
                </div>
                
            </div>
        </div>
    </div>
    <!-- End Achivement Area -->
    <!-- Start Why Choose Us Area
    ============================================= -->
    <div class="why-choose-us-area default-padding-bottom bg-cover text-light" style="background-image: url(assets/images/2440x1578.png);">
        <div class="container">
            <div class="inner-items">
                <div class="row">
                    <div class="col-lg-7 offset-lg-5">
                        <div class="info">
                    <div id="unsubscribe" class="unsubscribe-form content-section text-center">
		            <div class="container">
			         <div class="row">
				     <div class="col-lg-12">
					    <h2 class="title clr">Unsubscribe</h2>
                    <form class="form" id="unsubscribe-form" method="POST" action="">
						 <div class="d-none overlay">
							 <div class="text-center middle">
								 <div class="lds-ellipsis"><div></div><div></div><div></div><div></div><div></div><div></div></div>
							 </div>
						 </div>
						<div class="messages">
												</div>
						<div class="col-lg-12 col-md-12 ">
							<h5 class="text-center">We will be very sad if you decide to go!</h5>
						</div>
						<div class="offset-lg-2 col-lg-8 col-md-12 col-sm-12">
							<div class="form-group">
								<input class="form-control" type="email" name="email" placeholder="Enter your email address" required="required">
							</div>
						</div>
						<div class="col-lg-12 col-md-12">
							<div style="text-align:center;">
															</div>
						</div>
						<div class="col-lg-12 col-md-12 text-center">
							<button class="btn btn-danger-2" type="submit"><span> Unsubscribe </span></button>
						</div>
                    </form>
                    </div>
			        </div>
                    </div>
                    </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Why Choose Us Area -->

    <!-- Star Services
    ============================================= -->
    <div id="services" class="services-area default-padding">
        <div class="container">
            <div class="services-box">
                <div class="row align-center">
                    <div class="col-lg-5">
                        <div class="heading-side">
                            <!-- Shape Fixed Rotation -->
                            <div class="shape-fixed animation-rotation">
                                <img src="assets/images/round-shappe.png" alt="Thumb">
                            </div>
                            <!-- Shape Fixed Rotation -->
                            <h5>What we do</h5>
                            <h2>Does more then ever platform to achieve goal stages.</h2>
                            <p>
                                Wooded ladies she basket season age her uneasy saw. Discourse unwilling am no described dejection. 
                            </p>
                            <a class="btn-animation border dark" href="#"  data-animation="animated slideInUp">Get Started <i class="arrow_right"></i></a>
                            </div>
                    </div>
                    
                    <div class="col-lg-7">
                        <div class="services-items">
                            <div class="row">
                                <div class="item-grid col-lg-6 col-md-6">
                                    <!-- Single Item -->
                                    <div class="single-item">
                                        <div class="item">
                                            <div class="icon">
                                                <i class="flaticon-files-and-folders"></i>
                                            </div>
                                            <div class="info">
                                                <h5><a href="#">Data Tracking</a></h5>
                                                <p>
                                                    Abode words began enjoy years no do ﻿no. Tried spoil as heart visit.
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Single Item -->
                                    <!-- Single Item -->
                                    <div class="single-item">
                                        <div class="item">
                                            <div class="icon">
                                                <i class="flaticon-rocket"></i>
                                            </div>
                                            <div class="info">
                                                <h5><a href="#">Press Releases</a></h5>
                                                <p>
                                                    Abode words began enjoy years no do ﻿no. Tried spoil as heart visit.
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Single Item -->
                                </div>
                                
                                <div class="item-grid col-lg-6 col-md-6">
                                    <!-- Single Item -->
                                    <div class="single-item">
                                        <div class="item">
                                            <div class="icon">
                                                <i class="flaticon-target"></i>
                                            </div>
                                            <div class="info">
                                                <h5><a href="#">Branding</a></h5>
                                                <p>
                                                    Abode words began enjoy years no do ﻿no. Tried spoil as heart visit.
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Single Item -->
                                    <!-- Single Item -->
                                    <div class="single-item">
                                        <div class="item">
                                            <div class="icon">
                                                <i class="flaticon-advertising"></i>
                                            </div>
                                            <div class="info">
                                                <h5><a href="#">Marketing</a></h5>
                                                <p>
                                                    Abode words began enjoy years no do ﻿no. Tried spoil as heart visit.
                                                </p>
                                            </div>
                                        </div>
                                    </div>
                                    <!-- End Single Item -->
                                </div>
                                
                            </div>
                        </div>
                    </div>

                </div>
            </div>
        </div>
    </div>
    <!-- End Services -->
    <!-- Start Projects Area
    ============================================= -->
    <div class="projects-area bg-gray title-bottom default-padding">
        <div class="container">
            <div class="row">
                <div class="col-lg-6 offset-lg-3">
                    <div class="heading-center text-center">
                        <h5>Featured Works</h5>
                        <h2>Our Recent & popular awesome completed projects</h2>
                    </div>
                </div>
            </div>
        </div>
        <div class="container-full">
            <div class="projects-carousel owl-carousel owl-theme">
                <!-- Single Item -->
                <div class="item">
                    <img src="assets/images/img-1.jpg" alt="Thumb">
                    <div class="overlay">
                        <div class="content">
                            <span>Branding</span>
                            <h5><a href="#">Character Concepts</a></h5>
                        </div>
                    </div>
                </div>
                <!-- End Single Item -->
                <!-- Single Item -->
                <div class="item">
                    <img src="assets/images/img-2.jpg" alt="Thumb">
                    <div class="overlay">
                        <div class="content">
                            <span>Creative</span>
                            <h5><a href="#">Unicorn Project</a></h5>
                        </div>
                    </div>
                </div>
                <!-- End Single Item -->
                <!-- Single Item -->
                <div class="item">
                    <img src="assets/images/img-3.jpg" alt="Thumb">
                    <div class="overlay">
                        <div class="content">
                            <span>Branding</span>
                            <h5><a href="#">Character Concepts</a></h5>
                        </div>
                    </div>
                </div>
                <!-- End Single Item -->
                <!-- Single Item -->
                <div class="item">
                    <img src="assets/images/img-4.jpg" alt="Thumb">
                    <div class="overlay">
                        <div class="content">
                            <span>Creative</span>
                            <h5><a href="#">Unicorn Project</a></h5>
                        </div>
                    </div>
                </div>
                <!-- End Single Item -->
            </div>
        </div>
    </div>
    <!-- End Projects Area -->
    <!-- Star Testimonials
    ============================================= -->
    <div class="testimonials-area default-padding">
        <!-- Fixed Shape -->
        <div class="fixed-shape" style="background-image: url(assets/images/map.svg);"></div>
        <!-- End Fixed Shape -->
        <div class="container">
            <div class="testimonial-items text-center">
                <div class="row">
                    <div class="col-lg-8 offset-lg-2">
                        <div class="heading">
                            <h2> Happy Customers</h2>
                        </div>
                        <div class="testimonials-carousel owl-carousel owl-theme">
                            <div class="item">
                                <p>Working with M3ppublications.com has been a pleasure. Their expertise and creativity have transformed our online presence. Our website now reflects our brand perfectly, and we've seen a significant increase in user engagement.
                                </p>
                                <div class="thumb-box">
                                    <div class="thumb">
                                        <img src="assets/images/person2.jpg" alt="Thumb">
                                    </div>
                                </div>
                                <h5>Jonath</h5>
                            </div>
                            <div class="item">
                                <p>The team at M3ppublications.com is top-notch. Their attention to detail, clear communication, and commitment to our project's success have made all the difference. I highly recommend their services. 
                                </p>
                                <div class="thumb-box">
                                    <div class="thumb">
                                        <img src="assets/images/person3.jpg" alt="Thumb">
                                    </div>
                                </div>
                                <h5>Sandi</h5>
                            </div>
                            <div class="item">
                                <p>Choosing M3ppublications.com was one of the best decisions we made. Their support has been invaluable in driving our online growth. They truly understand our industry and are always responsive to our needs.
                                </p>
                                <div class="thumb-box">
                                    <div class="thumb">
                                        <img src="assets/images/person4.jpg" alt="Thumb">
                                    </div>
                                </div>
                                <h5>David</h5>
                            </div>
                             <div class="item">
                                <p>
                               M3ppublications.com consistently goes above and beyond. Their innovative solutions and timely support have had a tangible impact on our business. We're delighted with the results and look forward to continued collaboration.
                                </p>
                                <div class="thumb-box">
                                    <div class="thumb">
                                        <img src="assets/images/person5.jpg" alt="Thumb">
                                    </div>
                                </div>
                                <h5>Jolia</h5>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Testimonials -->
       <!-- Star Contact Area
    ============================================= -->       
    <div id="contact" class="contact-area overflow-hidden default-padding"> 
        <div class="container">
            <div class="contact-items">
                <div class="row align-center">
                    <div class="col-lg-6 contact-box">
                        <div class="form-items">
                            <h2>You can connect with us when need help!</h2>
                            <form id="contact_form" action="" method="post" class="form-submission contact-form contact-form-padding" novalidate>
                            <input type="hidden" name="contact_subject" value="Contact form">
                            <div class="messages"></div>
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="form-group">
                                            <input class="form-control" id="name" name="contact_name" placeholder="Name" type="text">
                                            <span class="alert-error"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-6">
                                        <div class="form-group">
                                            <input class="form-control" id="email" name="contact_email" placeholder="Email" type="email">
                                            <span class="alert-error"></span>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12">
                                        <div class="form-group comments">
                                            <textarea class="form-control" id="comments" name="contact_message" placeholder="your message"></textarea>
                                        </div>
                                    </div>
                                </div>
                                <div class="row">
                                    <div class="col-lg-12">
                                        <button class="btn-animation dark border" type="submit" name="submit" id="submit">
                                            Send Message <i class="arrow_right"></i>
                                        </button>
                                    </div>
                                </div>
                    
                            </form>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- End Contact Area -->

    <!-- Footer Section Start -->
<footer>
    <div class="container subscribe">
	    <form class="subscribe-form mt-10" id="subscribe-form" method="POST" action="">
				<div class="d-none overlay">
					<div class="text-center middle">
						<div class="lds-ellipsis"><div></div><div></div><div></div><div></div><div></div><div></div></div>
					</div>
				</div>
				<div class="row">     
					<div class="offset-lg-2 col-lg-8 col-md-12 col-sm-12">
						<div class="form-group">
						<input class="form-control" type="email" name="subscribe_email" placeholder="Enter your email address" required="required">
						</div>
					</div>
				</div>
				<div class="row">
					<div class=" col-lg-12 col-md-12  col-sm-12">
						<div class="subscribe-accept">
							<input type="checkbox" name="subscribe_accept" required="required">
							I agree to the <a href="privacy.html">Privacy Policy</a>, <a href="disclaimer.html">Disclaimer</a> and to receive newsletters from M3ppublications.com						</div>
					</div>
				</div>
				<div class="row">
					<div class="col-lg-12 col-md-12">
						<button class="btn btn-danger-2" type="submit"><span> Subscribe! </span></button>
					</div>
				</div>
				<div class="messages"></div>
        </form>
    </div>
         <div  class="container subscribe">
        <div class="row">
				<div class=" col-lg-12  col-md-12  col-sm-12 col-xs-12 links">
					<ul class="list-unstyled">
						<li><a href="#about">About</a></li>
						<li><a href="#unsubscribe" >Unsubscribe</a></li>
						<li><a href="disclaimer.html">Disclaimer</a></li>
						<li><a href="privacy.html">Privacy Policy </a></li>
					</ul>
				</div>
        </div>
			<div class="row">
				<div class="col-lg-12  col-md-12  col-sm-12 col-xs-12 copyright">
					&copy; 2026 M3ppublications.com All Rights Reserved.
				</div>
			</div>
         </div>
</footer>
    <!-- End Footer-->

    <!-- jQuery Frameworks
    ============================================= -->
    <script src="assets/js/jquery-1.12.4.min.js"></script>
    <script src="assets/js/popper.min.js"></script>
    <script src="assets/js/bootstrap.min.js"></script>
    <script src="assets/js/jquery.appear.js"></script>
    <script src="assets/js/jquery.easing.min.js"></script>
    <script src="assets/js/jquery.magnific-popup.min.js"></script>
    <script src="assets/js/modernizr.custom.13711.js"></script>
    <script src="assets/js/owl.carousel.min.js"></script>
    <script src="assets/js/wow.min.js"></script>
    <script src="assets/js/progress-bar.min.js"></script>
    <script src="assets/js/isotope.pkgd.min.js"></script>
    <script src="assets/js/imagesloaded.pkgd.min.js"></script>
    <script src="assets/js/count-to.js"></script>
    <script src="assets/js/YTPlayer.min.js"></script>
    <script src="assets/js/bootsnav.js"></script>
    <script src="assets/js/main.js"></script>

</body>
</html>