<!DOCTYPE html> <html lang="en"> <head> {% include "title.html" %} <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <link href="https://fonts.googleapis.com/css?family=Muli:300,400,700,900" rel="stylesheet"> <link rel="stylesheet" href="fonts/icomoon/style.css"> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/jquery-ui.css"> <link rel="stylesheet" href="css/owl.carousel.min.css"> <link rel="stylesheet" href="css/owl.theme.default.min.css"> <link rel="stylesheet" href="css/owl.theme.default.min.css"> <link rel="stylesheet" href="css/jquery.fancybox.min.css"> <link rel="stylesheet" href="css/bootstrap-datepicker.css"> <link rel="stylesheet" href="fonts/flaticon/font/flaticon.css"> <link rel="stylesheet" href="css/aos.css"> <link href="css/jquery.mb.YTPlayer.min.css" media="all" rel="stylesheet" type="text/css"> <link rel="stylesheet" href="css/style.css"> </head> <body data-spy="scroll" data-target=".site-navbar-target" data-offset="300"> <div class="site-wrap"> <div class="site-mobile-menu site-navbar-target"> <div class="site-mobile-menu-header"> <div class="site-mobile-menu-close mt-3"> <span class="icon-close2 js-menu-toggle"></span> </div> </div> <div class="site-mobile-menu-body"></div> </div> {% include "navbar.html" %} <!-- <div class="hero-slide owl-carousel site-blocks-cover"> --> <div class="intro-section" style="background-image: url('images/hero_1.jpg');"> <div class="container"> <div class="row align-items-center justify-content-center"> <div class="col-md-7 mx-auto text-center" data-aos="fade-up"> <h1>The Most Secure Place to Buy and Use Gift Cards</h1> <p>Get your cards quickly, safely, and cheaply.</p> <p><a href="register.html" class="btn btn-primary">Register</a></p> </div> </div> </div> </div> <!-- </div> --> {% include "cards.html" %} <div class="site-section pt-0"> <div class="container"> <div class="row"> <div class="col-lg-7 mb-5"> <span class="caption">How?</span> <h2 class="text-black">How <strong>It Works</strong></h2> </div> </div> <div class="row"> <div class="col-lg-3"> <div class="step"> <span class="wrap-icon icon-user"></span> <h3>Register</h3> <p>Before you can use our service you will need to sign up.</p> </div> </div> <div class="col-lg-3"> <div class="step"> <span class="wrap-icon icon-money"></span> <h3>Buy</h3> <p>Buy a gift card to use at a later time!</p> </div> </div> <div class="col-lg-3"> <div class="step"> <span class="wrap-icon icon-glass"></span> <h3>Gift</h3> <p>Gift a card to a friend!</p> </div> </div> <div class="col-lg-3"> <div class="step last"> <span class="wrap-icon icon-trophy"></span> <h3>Use</h3> <p>Use a card for a payment.</p> </div> </div> </div> </div> </div> {% include "testimonials.html" %} <div class="site-section"> <div class="container"> <div class="row justify-content-center text-center"> <div class="col-lg-7"> <h2 class="text-black mb-4">Create an account and start buying, gifting and using cards now!</h2> <a href="register.html" class="btn btn-primary">Register</a> </div> </div> </div> </div> {% include "footer.html" %} <!-- loader --> <div id="loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#51be78"/></svg></div> <script src="js/jquery-3.3.1.min.js"></script> <script src="js/jquery-migrate-3.0.1.min.js"></script> <script src="js/jquery-ui.js"></script> <script src="js/popper.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/owl.carousel.min.js"></script> <script src="js/jquery.stellar.min.js"></script> <script src="js/jquery.countdown.min.js"></script> <script src="js/bootstrap-datepicker.min.js"></script> <script src="js/jquery.easing.1.3.js"></script> <script src="js/aos.js"></script> <script src="js/jquery.fancybox.min.js"></script> <script src="js/jquery.sticky.js"></script> <script src="js/jquery.mb.YTPlayer.min.js"></script> <script src="js/main.js"></script> </body> </html>