File manager - Edit - /home/cipherteam/htdocs/cipherteam.in/yogi/ClientSide/checkout.php
Back
<!doctype html> <html lang="en"> <head> <!--====== Required meta tags ======--> <meta charset="utf-8"> <meta http-equiv="x-ua-compatible" content="ie=edge"> <meta name="description" content=""> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!--====== Title ======--> <title>Yogi Mineral</title> <!--====== Favicon Icon ======--> <link rel="shortcut icon" href="images/favicon.png" type="image/png"> <!--====== Owl Carousel css ======--> <link rel="stylesheet" href="css/owl.carousel.min.css"> <!--====== Magnific Popup css ======--> <link rel="stylesheet" href="css/magnific-popup.css"> <!--====== Slick css ======--> <link rel="stylesheet" href="css/slick.css"> <!--====== Nice Select css ======--> <link rel="stylesheet" href="css/nice-select.css"> <!--====== Nice Number css ======--> <link rel="stylesheet" href="css/jquery.nice-number.min.css"> <!--====== Fontawesome css ======--> <link rel="stylesheet" href="css/font-awesome.min.css"> <!--====== Bootstrap css ======--> <link rel="stylesheet" href="css/bootstrap.min.css"> <!--====== Default css ======--> <link rel="stylesheet" href="css/default.css"> <!--====== Style css ======--> <link rel="stylesheet" href="css/style.css"> <!--====== Responsive css ======--> <link rel="stylesheet" href="css/responsive.css"> </head> <body> <!--====== PREALOADER PART START ======--> <div class="preloader"> <div class="thecube"> <div class="cube c1"></div> <div class="cube c2"></div> <div class="cube c4"></div> <div class="cube c3"></div> </div> </div> <!--====== PREALOADER PART START ======--> <!--====== HEADER PART START ======--> <header id="header-part"> <!--===== HEADER TOP START =====--> <div class="header-top pt-15 pb-15 d-none d-lg-block"> <div class="container"> <div class="row"> <div class="col-lg-3 col-xl-3"> <div class="phone text-center text-lg-left"> <p>Phone : (+91 - 9898808200 )</p> </div> </div> <div class="col-lg-5 col-xl-6"> </div> <div class="col-lg-4 col-xl-3"> <div class="address text-center text-lg-right"> <p><i class="fa fa-map-marker"></i>31,sarjan industrial park,vatva</p> </div> </div> </div> <!-- row --> </div> <!-- container --> </div> <!--===== HEADER TOP ENDS =====--> <!--===== NAVBAR START =====--> <div class="navigation"> <div class="container"> <div class="row no-gutters"> <div class="col-lg-12"> <nav class="navbar navbar-expand-lg"> <a class="navbar-brand" href="index.php"> <img src="images/logo.png" alt="Logo"> </a> <!-- Logo --> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <!-- toggle Button --> <div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent"> <ul class="navbar-nav m-auto"> <li class="nav-item"> <a href="index.php">Home</a> </li> <li class="nav-item"> <a href="about.php">About Us</a> </li> <li class="nav-item"> <a class="active" href="#">Cart Products</a> <ul class="sub-menu"> <li class="li"><a href="Product.php">Products</a></li> <li class="li"><a href="Product-Details.php">Products Details</a></li> <li class="li"><a href="cart.php">Cart</a></li> <li class="li"><a class="active" href="checkout.php">Checkout</a></li> </ul> </li> </li> <li class="nav-item"> <a href="contact.php">Contact Us</a> </li> </ul> </div> <div class="cart-search"> <ul> <li><a href="#"><i class="fa fa-shopping-basket"></i><span>0</span></a></li> <li><a id="search" href="#"><i class="fa fa-search"></i></a> <div class="search-box"> <input type="search" placeholder="Search..."> <button type="button"><i class="fa fa-search"></i></button> </div> </li> </ul> </div> <!-- cart search --> </nav> <!-- nav --> </div> </div> <!-- row --> </div> <!-- container --> </div> <!--===== NAVBAR ENDS =====--> </header> <!--====== HEADER PART ENDS ======--> <!--====== PAGE BANNER PART START ======--> <section id="page-banner" class="pt-200 pb-150 bg_cover" style="background-image: url(images/page-banner.jpg)"> <div class="container"> <div class="row"> <div class="col-lg-12"> <div class="page-banner-content"> <h3>Checkout</h3> </div> </div> </div> </div> </section> <!--====== PAGE BANNER PART ENDS ======--> <!--====== CHECKOUT PART START ======--> <section id="checkout-part" class="pt-25"> <div class="container"> <div class="row"> <div class="col-lg-6"> <div class="checkout-box mt-50"> <div class="title"> <h5>Billing Details</h5> </div> <div class="details"> <div class="details-title"> <h6>Product <span>Total</span></h6> </div> <div class="order-list"> <ul> <li>Size <span>XL</span></li> <li>Color <span>RED</span></li> <li>There are many variations <span>$999.00</span></li> <li>Delivary Cost <span>$9.00</span></li> </ul> </div> <div class="order-total"> <h5>Order total <span>$1008.00</span></h5> </div> </div> </div> <div class="checkout-box mt-50"> <div class="title"> <h5>Payment Methods</h5> </div> <div class="payment-methods"> <div class="Pement"> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry lorem.</p> <ul> <li><a href="#"><i class="fa fa-cc-paypal"></i></a></li> <li><a href="#"><i class="fa fa-cc-stripe"></i></a></li> <li><a href="#"><i class="fa fa-cc-visa"></i></a></li> <li><a href="#"><i class="fa fa-cc-mastercard"></i></a></li> <li><a href="#"><i class="fa fa-cc-amex"></i></a></li> </ul> </div> <div class="card-info pt-40"> <form action="#"> <div class="form-box"> <label>Card Number :</label> <input type="text"> </div> <div class="form-box"> <label>cvv :</label> <input type="text"> </div> <div class="month-year"> <div class="form-box"> <label>Month :</label> <input type="text"> </div> <div class="form-box pl-70"> <label>Year :</label> <input type="text"> </div> </div> </form> </div> </div> </div> </div> <div class="col-lg-12"> <div class="order-btn text-center mt-30"> <a href="#">Place Order</a><br/><br/> </div> </div> </div> </div> </section> <!--====== CHECKOUT PART ENDS ======--> <!--====== DELIVERY PART START ======--> <section id="delivery-part" class="bg_cover" data-overlay="8" style="background-image: url(images/bg-2.jpg)"> <div class="container"> <div class="row align-items-center"> <div class="col-lg-7 offset-xl-1"> <div class="delivery-text text-center pb-30"> <h2>Water Delivery 20 k.m. Free Service</h2> <p></p> </div> </div> </div> </div> <div class="delivery-image d-none d-lg-flex align-items-end"> <img src="images/delivery-van.png" alt="Iamge"> </div> </section> <!--====== DELIVERY PART ENDS ======--> <!--====== FOOTER PART START ======--> <footer id="footer-part" class="pt-65"> <div class="container "> <div class="newsletter pb-45"> <div class="row align-items-end"> <div class="col-lg-4"> <div class="newsletter-text"> <h2>Newsletter</h2> <p>Nullam condimentum varius ipsum at viverra. Donec tortor metus, sollicitudin vitae est id, ullamcorper pretium tortor.</p> </div> </div> <div class="col-lg-7 offset-lg-1"> <form action="#"> <div class="row no-gutters pt-40"> <div class="col-sm-9"> <div class="newsform"> <input type="email" placeholder="Enter Your email address..."> </div> </div> <div class="col-sm-3"> <div class="newsform"> <button type="button">Subscribe</button> </div> </div> </div> </form> </div> </div> </div> <div class="footer pt-20 pb-45"> <div class="row"> <div class="col-lg-3 col-md-6"> </div> <div class="col-lg-2 col-md-3 col-sm-6"> <div class="footer-title pt-30"> <h5>Information</h5> </div> <div class="footer-info"> <ul> <li><a href="#">Contact Us</a></li> <li><a href="#">About Us</a></li> <li><a href="#">Delivery Information</a></li> </ul> </div> </div> <div class="col-lg-2 col-md-3 col-sm-6"> <div class="footer-title pt-30"> <h5>Our Services</h5> </div> <div class="footer-info"> <ul> <li><a href="#">My Account</a></li> <li><a href="#">Order History</a></li> </ul> </div> </div> <div class="col-lg-3 col-md-6 col-sm-6"> <div class="footer-title pt-30"> <h5>Get In Tuch</h5> </div> <div class="footer-address"> <ul> <li> <div class="icon map-i"> <i class="fa fa-map-marker"></i> </div> <div class="address"> <h5>Yogi Mineral</h5> <p>Sarjan industrial park, Vatva <br> Ahmedabad.</p> </div> </li> <li> <div class="icon"> <i class="fa fa-volume-control-phone"></i> </div> <div class="address"> <p>+00123654789</p> </div> </li> <li> <div class="icon"> <i class="fa fa-envelope-o"></i> </div> <div class="address"> <p>info@gadaniwater.com</p> </div> </li> </ul> </div> </div> </div> </div> </div> <div class="copyright pt-15 pb-15 text-center"> <p>© All Rights Reserved <span>Yogi Mineral</span> 2020.</p> </div> </footer> <!--====== FOOTER PART ENDS ======--> <!--====== BACK TO TOP PART START ======--> <a href="#" class="back-to-top"> <img src="images/back-to-top.png" alt="Icon"> </a> <!--====== BACK TO TOP PART ENDS ======--> <!--====== jquery js ======--> <script src="js/vendor/modernizr-3.6.0.min.js"></script> <script src="js/vendor/jquery-1.12.4.min.js"></script> <!--====== Bootstrap js ======--> <script src="js/popper.min.js"></script> <script src="js/bootstrap.min.js"></script> <!--====== Owl Carousel js ======--> <script src="js/owl.carousel.min.js"></script> <!--====== Magnific Popup js ======--> <script src="js/jquery.magnific-popup.min.js"></script> <!--====== Slick js ======--> <script src="js/slick.min.js"></script> <!--====== Nice Number js ======--> <script src="js/jquery.nice-number.min.js"></script> <!--====== Nice Select js ======--> <script src="js/jquery.nice-select.min.js"></script> <!--====== Validator js ======--> <script src="js/validator.min.js"></script> <!--====== Ajax Contact js ======--> <script src="js/ajax-contact.js"></script> <!--====== Main js ======--> <script src="js/main.js"></script> <!--====== Google Map js ======--> <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDC3Ip9iVC0nIxC6V14CKLQ1HZNF_65qEQ"></script> <script src="js/map-script.js"></script> </body> </html>
| ver. 1.4 |
Github
|
.
| PHP 8.2.9 | Generation time: 0.09 |
proxy
|
phpinfo
|
Settings