EVOLUTION-MANAGER
Edit File: checkout.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="description" content=""> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"> <!-- The above 4 meta tags *must* come first in the head; any other head content must come *after* these tags --> <!-- Title --> <title>Alazea - Gardening & Landscaping HTML Template</title> <!-- Favicon --> <link rel="icon" href="img/core-img/favicon.ico"> <!-- Core Stylesheet --> <link rel="stylesheet" href="style.css"> </head> <body> <!-- Preloader --> <div class="preloader d-flex align-items-center justify-content-center"> <div class="preloader-circle"></div> <div class="preloader-img"> <img src="img/core-img/leaf.png" alt=""> </div> </div> <!-- ##### Header Area Start ##### --> <header class="header-area"> <!-- ***** Top Header Area ***** --> <div class="top-header-area"> <div class="container"> <div class="row"> <div class="col-12"> <div class="top-header-content d-flex align-items-center justify-content-between"> <!-- Top Header Content --> <div class="top-header-meta"> <a href="#" data-toggle="tooltip" data-placement="bottom" title="infodeercreative@gmail.com"><i class="fa fa-envelope-o" aria-hidden="true"></i> <span>Email: infodeercreative@gmail.com</span></a> <a href="#" data-toggle="tooltip" data-placement="bottom" title="+1 234 122 122"><i class="fa fa-phone" aria-hidden="true"></i> <span>Call Us: +1 234 122 122</span></a> </div> <!-- Top Header Content --> <div class="top-header-meta d-flex"> <!-- Language Dropdown --> <div class="language-dropdown"> <div class="dropdown"> <button class="btn btn-secondary dropdown-toggle mr-30" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Language</button> <div class="dropdown-menu" aria-labelledby="dropdownMenuButton"> <a class="dropdown-item" href="#">USA</a> <a class="dropdown-item" href="#">UK</a> <a class="dropdown-item" href="#">Bangla</a> <a class="dropdown-item" href="#">Hindi</a> <a class="dropdown-item" href="#">Spanish</a> <a class="dropdown-item" href="#">Latin</a> </div> </div> </div> <!-- Login --> <div class="login"> <a href="#"><i class="fa fa-user" aria-hidden="true"></i> <span>Login</span></a> </div> <!-- Cart --> <div class="cart"> <a href="#"><i class="fa fa-shopping-cart" aria-hidden="true"></i> <span>Cart <span class="cart-quantity">(1)</span></span></a> </div> </div> </div> </div> </div> </div> </div> <!-- ***** Navbar Area ***** --> <div class="alazea-main-menu"> <div class="classy-nav-container breakpoint-off"> <div class="container"> <!-- Menu --> <nav class="classy-navbar justify-content-between" id="alazeaNav"> <!-- Nav Brand --> <a href="index.html" class="nav-brand"><img src="img/core-img/logo.png" alt=""></a> <!-- Navbar Toggler --> <div class="classy-navbar-toggler"> <span class="navbarToggler"><span></span><span></span><span></span></span> </div> <!-- Menu --> <div class="classy-menu"> <!-- Close Button --> <div class="classycloseIcon"> <div class="cross-wrap"><span class="top"></span><span class="bottom"></span></div> </div> <!-- Navbar Start --> <div class="classynav"> <ul> <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="#">Pages</a> <ul class="dropdown"> <li><a href="index.html">Home</a></li> <li><a href="about.html">About</a></li> <li><a href="shop.html">Shop</a> <ul class="dropdown"> <li><a href="shop.html">Shop</a></li> <li><a href="shop-details.html">Shop Details</a></li> <li><a href="cart.html">Shopping Cart</a></li> <li><a href="checkout.html">Checkout</a></li> </ul> </li> <li><a href="portfolio.html">Portfolio</a> <ul class="dropdown"> <li><a href="portfolio.html">Portfolio</a></li> <li><a href="single-portfolio.html">Portfolio Details</a></li> </ul> </li> <li><a href="blog.html">Blog</a> <ul class="dropdown"> <li><a href="blog.html">Blog</a></li> <li><a href="single-post.html">Blog Details</a></li> </ul> </li> <li><a href="contact.html">Contact</a></li> </ul> </li> <li><a href="shop.html">Shop</a></li> <li><a href="portfolio.html">Portfolio</a></li> <li><a href="contact.html">Contact</a></li> </ul> <!-- Search Icon --> <div id="searchIcon"> <i class="fa fa-search" aria-hidden="true"></i> </div> </div> <!-- Navbar End --> </div> </nav> <!-- Search Form --> <div class="search-form"> <form action="#" method="get"> <input type="search" name="search" id="search" placeholder="Type keywords & press enter..."> <button type="submit" class="d-none"></button> </form> <!-- Close Icon --> <div class="closeIcon"><i class="fa fa-times" aria-hidden="true"></i></div> </div> </div> </div> </div> </header> <!-- ##### Header Area End ##### --> <!-- ##### Breadcrumb Area Start ##### --> <div class="breadcrumb-area"> <!-- Top Breadcrumb Area --> <div class="top-breadcrumb-area bg-img bg-overlay d-flex align-items-center justify-content-center" style="background-image: url(img/bg-img/24.jpg);"> <h2>Checkout</h2> </div> <div class="container"> <div class="row"> <div class="col-12"> <nav aria-label="breadcrumb"> <ol class="breadcrumb"> <li class="breadcrumb-item"><a href="#"><i class="fa fa-home"></i> Home</a></li> <li class="breadcrumb-item active" aria-current="page">Checkout</li> </ol> </nav> </div> </div> </div> </div> <!-- ##### Breadcrumb Area End ##### --> <!-- ##### Checkout Area Start ##### --> <div class="checkout_area mb-100"> <div class="container"> <div class="row justify-content-between"> <div class="col-12 col-lg-7"> <div class="checkout_details_area clearfix"> <h5>Billing Details</h5> <form action="#" method="post"> <div class="row"> <div class="col-md-6 mb-4"> <label for="first_name">First Name *</label> <input type="text" class="form-control" id="first_name" value="" required> </div> <div class="col-md-6 mb-4"> <label for="last_name">Last Name *</label> <input type="text" class="form-control" id="last_name" value="" required> </div> <div class="col-12 mb-4"> <label for="email_address">Email Address *</label> <input type="email" class="form-control" id="email_address" value=""> </div> <div class="col-12 mb-4"> <label for="phone_number">Phone Number *</label> <input type="number" class="form-control" id="phone_number" min="0" value=""> </div> <div class="col-12 mb-4"> <label for="company">Company Name</label> <input type="text" class="form-control" id="company" value=""> </div> <div class="col-12 mb-4"> <label for="company">Address *</label> <input type="text" class="form-control" id="address" value=""> </div> <div class="col-md-6 mb-4"> <label for="city">Town/City *</label> <input type="text" class="form-control" id="city" value=""> </div> <div class="col-md-6 mb-4"> <label for="state">State/Province *</label> <input type="text" class="form-control" id="state" value=""> </div> <div class="col-md-6 mb-4"> <label for="country">Country</label> <select class="custom-select d-block w-100" id="country"> <option value="usa">United States</option> <option value="uk">United Kingdom</option> <option value="ger">Germany</option> <option value="fra">France</option> <option value="ind">India</option> <option value="aus">Australia</option> <option value="bra">Brazil</option> <option value="cana">Canada</option> </select> </div> <div class="col-md-6 mb-4"> <label for="postcode">Postcode/Zip</label> <input type="text" class="form-control" id="postcode" value=""> </div> <div class="col-md-12 mb-4"> <label for="order-notes">Order Notes</label> <textarea class="form-control" id="order-notes" cols="30" rows="10" placeholder="Notes about your order, e.g. special notes for delivery."></textarea> </div> <div class="col-12"> <div class="d-flex align-items-center"> <!-- Single Checkbox --> <div class="custom-control custom-checkbox d-flex align-items-center mr-30"> <input type="checkbox" class="custom-control-input" id="customCheck1"> <label class="custom-control-label" for="customCheck1">Ship to a different address?</label> </div> <!-- Single Checkbox --> <div class="custom-control custom-checkbox d-flex align-items-center"> <input type="checkbox" class="custom-control-input" id="customCheck2"> <label class="custom-control-label" for="customCheck2">Create an account?</label> </div> </div> </div> </div> </form> </div> </div> <div class="col-12 col-lg-4"> <div class="checkout-content"> <h5 class="title--">Your Order</h5> <div class="products"> <div class="products-data"> <h5>Products:</h5> <div class="single-products d-flex justify-content-between align-items-center"> <p>Recuerdos Plant</p> <h5>$9.99</h5> </div> </div> </div> <div class="subtotal d-flex justify-content-between align-items-center"> <h5>Subtotal</h5> <h5>$9.99</h5> </div> <div class="shipping d-flex justify-content-between align-items-center"> <h5>Shipping</h5> <h5>$3.00</h5> </div> <div class="order-total d-flex justify-content-between align-items-center"> <h5>Order Total</h5> <h5>$12.99</h5> </div> <div class="checkout-btn mt-30"> <a href="#" class="btn alazea-btn w-100">Place Order</a> </div> </div> </div> </div> </div> </div> <!-- ##### Checkout Area End ##### --> <!-- ##### Footer Area Start ##### --> <footer class="footer-area bg-img" style="background-image: url(img/bg-img/3.jpg);"> <!-- Main Footer Area --> <div class="main-footer-area"> <div class="container"> <div class="row"> <!-- Single Footer Widget --> <div class="col-12 col-sm-6 col-lg-3"> <div class="single-footer-widget"> <div class="footer-logo mb-30"> <a href="#"><img src="img/core-img/logo.png" alt=""></a> </div> <p>Lorem ipsum dolor sit samet, consectetur adipiscing elit. India situs atione mantor</p> <div class="social-info"> <a href="#"><i class="fa fa-facebook" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-twitter" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-google-plus" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-instagram" aria-hidden="true"></i></a> <a href="#"><i class="fa fa-linkedin" aria-hidden="true"></i></a> </div> </div> </div> <!-- Single Footer Widget --> <div class="col-12 col-sm-6 col-lg-3"> <div class="single-footer-widget"> <div class="widget-title"> <h5>QUICK LINK</h5> </div> <nav class="widget-nav"> <ul> <li><a href="#">Purchase</a></li> <li><a href="#">FAQs</a></li> <li><a href="#">Payment</a></li> <li><a href="#">News</a></li> <li><a href="#">Return</a></li> <li><a href="#">Advertise</a></li> <li><a href="#">Shipping</a></li> <li><a href="#">Career</a></li> <li><a href="#">Orders</a></li> <li><a href="#">Policities</a></li> </ul> </nav> </div> </div> <!-- Single Footer Widget --> <div class="col-12 col-sm-6 col-lg-3"> <div class="single-footer-widget"> <div class="widget-title"> <h5>BEST SELLER</h5> </div> <!-- Single Best Seller Products --> <div class="single-best-seller-product d-flex align-items-center"> <div class="product-thumbnail"> <a href="shop-details.html"><img src="img/bg-img/4.jpg" alt=""></a> </div> <div class="product-info"> <a href="shop-details.html">Cactus Flower</a> <p>$10.99</p> </div> </div> <!-- Single Best Seller Products --> <div class="single-best-seller-product d-flex align-items-center"> <div class="product-thumbnail"> <a href="shop-details.html"><img src="img/bg-img/5.jpg" alt=""></a> </div> <div class="product-info"> <a href="shop-details.html">Tulip Flower</a> <p>$11.99</p> </div> </div> </div> </div> <!-- Single Footer Widget --> <div class="col-12 col-sm-6 col-lg-3"> <div class="single-footer-widget"> <div class="widget-title"> <h5>CONTACT</h5> </div> <div class="contact-information"> <p><span>Address:</span> 505 Silk Rd, New York</p> <p><span>Phone:</span> +1 234 122 122</p> <p><span>Email:</span> info.deercreative@gmail.com</p> <p><span>Open hours:</span> Mon - Sun: 8 AM to 9 PM</p> <p><span>Happy hours:</span> Sat: 2 PM to 4 PM</p> </div> </div> </div> </div> </div> </div> <!-- Footer Bottom Area --> <div class="footer-bottom-area"> <div class="container"> <div class="row"> <div class="col-12"> <div class="border-line"></div> </div> <!-- Copywrite Text --> <div class="col-12 col-md-6"> <div class="copywrite-text"> <p> <a href="https://www.templatespoint.net" target="_blank">Templates Point</a></p> </div> </div> </div> <!-- Footer Nav --> <div class="col-12 col-md-6"> <div class="footer-nav"> <nav> <ul> <li><a href="#">Home</a></li> <li><a href="#">About</a></li> <li><a href="#">Service</a></li> <li><a href="#">Portfolio</a></li> <li><a href="#">Blog</a></li> <li><a href="#">Contact</a></li> </ul> </nav> </div> </div> </div> </div> </div> </footer> <!-- ##### Footer Area End ##### --> <!-- ##### All Javascript Files ##### --> <!-- jQuery-2.2.4 js --> <script src="js/jquery/jquery-2.2.4.min.js"></script> <!-- Popper js --> <script src="js/bootstrap/popper.min.js"></script> <!-- Bootstrap js --> <script src="js/bootstrap/bootstrap.min.js"></script> <!-- All Plugins js --> <script src="js/plugins/plugins.js"></script> <!-- Active js --> <script src="js/active.js"></script> </body> </html>