<!DOCTYPE html><html lang="en"><head> <title>Mnacbln</title><!-- DIGITAL TREND https://templatemo.com/tm-538-digital-trend --> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=Edge"> <meta name="description" content=""> <meta name="keywords" content=""> <meta name="author" content=""> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/font-awesome.min.css"> <link rel="stylesheet" href="css/aos.css"> <link rel="stylesheet" href="css/owl.carousel.min.css"> <link rel="stylesheet" href="css/owl.theme.default.min.css"> <!-- MAIN CSS --> <link rel="stylesheet" href="css/templatemo-digital-trend.css"> </head><body> <!-- MENU BAR --> <nav class="navbar navbar-expand-lg"> <div class="container"> <a class="navbar-brand" href="index.php"> <i class="fa fa-line-chart"></i> Mnacbln </a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button> <div class="collapse navbar-collapse" id="navbarNav"> <ul class="navbar-nav ml-auto"> <li class="nav-item"> <a href="#home" class="nav-link smoothScroll">Home</a> </li> <li class="nav-item"> <a href="#about" class="nav-link smoothScroll">About</a> </li> <li class="nav-item"> <a href="#project" class="nav-link smoothScroll">Our Work</a> </li> <li class="nav-item"> <a href="#testimonials" class="nav-link">Testimonials</a> </li> <li class="nav-item"> <a href="#subscribe" class="nav-link contact">Subscribe</a> </li> </ul> </div> </div> </nav> <!-- HERO --> <section class="hero hero-bg d-flex justify-content-center align-items-center" id="home"> <div class="container"> <div class="row"> <div class="col-lg-6 col-md-10 col-12 d-flex flex-column justify-content-center align-items-center"> <div class="hero-text"> <h1 class="text-white" data-aos="fade-up">We are ready for your next steps</h1> <a href="#subscribe" class="custom-btn btn-bg btn mt-3" data-aos="fade-up" data-aos-delay="100">Let us get started!</a> </div> </div> <div class="col-lg-6 col-12"> <div class="hero-image" data-aos="fade-up" data-aos-delay="300"> <img src="images/working-girl.png" class="img-fluid" alt="working girl"> </div> </div> </div> </div> </section> <!-- ABOUT --> <section class="about section-padding pb-0" id="about"> <div class="container"> <div class="row"> <div class="col-lg-7 mx-auto col-md-10 col-12"> <div class="about-info"> <h2 class="mb-4" data-aos="fade-up">the best <strong>Deals</strong> in your area</h2> <p class="mb-0" data-aos="fade-up">The Mnacbln community consists of millions of users who are savy and passionate about finding and sharing good deals. Their engagement sets Mnacbln apart. Every deal on the site is posted, rated and reviewed by the community.</p> </div> <div class="about-image" data-aos="fade-up" data-aos-delay="200"> <img src="images/office.png" class="img-fluid" alt="office"> </div> </div> </div> </div> </section> <!-- TESTIMONIAL --> <section class="testimonial section-padding" id="testimonials"> <div class="container"> <div class="row"> <div class="col-lg-6 col-md-5 col-12"> <div class="contact-image" data-aos="fade-up"> <img src="images/female-avatar.png" class="img-fluid" alt="website"> </div> </div> <div class="col-lg-6 col-md-7 col-12"> <h4 class="my-5 pt-3" data-aos="fade-up" data-aos-delay="100">Client Testimonials</h4> <div class="quote" data-aos="fade-up" data-aos-delay="200"></div> <h2 class="mb-4" data-aos="fade-up" data-aos-delay="300">"I receive tons of saving tips, I love it. It's so helpful and practical. I can't think of life prior to subscribing."</h2> <p data-aos="fade-up" data-aos-delay="400"> <strong>Kelvin Clix</strong> </div> </div> </div> </section> <!-- PROJECT --> <section class="blog section-padding" id="subscribe"> <div class="container"> <div class="row"> <div class="col-lg-5 ml-auto mt-5 pt-5 col-md-6 col-12"> <img src="images/newsletter.png" data-aos="fade-up" data-aos-delay="100" class="img-fluid aos-init aos-animate" alt="newsletter"> </div> <div class="col-lg-5 mr-auto mt-5 pt-5 col-md-6 col-12 newsletter-form"> <h4 data-aos="fade-up" data-aos-delay="200" class="aos-init aos-animate">Email Newsletter</h4> <h2 data-aos="fade-up" data-aos-delay="300" class="aos-init aos-animate">Let’s stay up-to-date. We'll share you all good stuffs.</h2> <form action="subscribe.php" method="get" enctype="multipart/form-data"> <div class="form-group mt-4 aos-init aos-animate" data-aos="fade-up" data-aos-delay="400"> <input name="email" type="email" class="form-control" id="email" aria-describedby="emailHelp" placeholder="Please enter your email" required=""> <small id="emailHelp" class="form-text text-muted">We'll NOT share your email address to anyone else.</small> </div> <button type="submit" data-aos="fade-up" data-aos-delay="500" class="btn w-100 mt-3 aos-init aos-animate">Sign up</button> </form> </div> </div> </div> </div> </section> <footer class="site-footer"> <div class="container"> <div class="col"> <div class="col-lg-8 mx-lg-auto col-md-8 col-10"> <h1 class="text-white" data-aos="fade-up" data-aos-delay="100">We make creative <strong>brands</strong> only.</h1> </div> </div> <div class="col-lg-6 mx-lg-auto col-md-6 col-12" data-aos="fade-up" data-aos-delay="600"> <ul class="social-icon"> <li><a href="#">Copyright © <script>document.write(new Date().getFullYear());</script></a></li> <li><a href="privacy.php">Privacy</a></li> <li><a href="unsubscribe.php">Unsubscribe</a></li> </ul> </div> </div> </footer> <!-- SCRIPTS --> <script src="js/jquery.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/aos.js"></script> <script src="js/owl.carousel.min.js"></script> <script src="js/smoothscroll.js"></script> <script src="js/custom.js"></script> </body></html> 
