<!doctype html>
<html class="no-js" lang="zxx">

<head>
   
    <title>Checkout</title>
   <?php include('head.php')?>
</head>

<body class="checkout_page">

    <div id="main-wrapper">
     
       <div class="page-banner-section section bg-image">
            <div class="container">
                <div class="row">
                    <div class="col">
                        <div class="page-banner text-start">
                            <!--<h2>Shop</h2>-->
                            <ul class="page-breadcrumb">
                                <li><a href="index.php">Home</a></li>
                                <li>Checkout</li>
                            </ul>
                        </div>

                    </div>
                </div>
            </div>
        </div>
        
        <div class="checkout_section container">
            <div class="row">
                <div class="col-xxl-7 col-xl-7 col-lg-7 col-md-6 col-sm-7 col-12">
                    <div class="form-section">
                        
                    <div class="row" style="background: #f9f9f9; padding: 20px 15px;">
                         <h3>Delivery</h3>
                        <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                            <div class="inline-group">
                                <div><input type="text" name="name" placeholder="Name" autocomplete="off"/></div>
                                <div><input type="email" name="email" placeholder="Email"  autocomplete="off"/></div>
                            </div>
                        </div>
                        <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                              <input type="text" placeholder="Mobile" />
                        </div>
                         <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                             <input type="text" name="address"  placeholder="Address"  autocomplete="off"/>
                        </div>
                         <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                            <select class="" name="country">
                                <option value="india">India</option>
                            </select>
                        </div>
                         <div class="col-lg-12 col-md-12 col-sm-12 col-12">
                             <div class="inline-group">
                                <div><input type="text" placeholder="City"  name="city" autocomplete="off"/></div>
                                <div><input type="text" placeholder="State" name="state"  autocomplete="off"/></div>
                                <div><input type="text" placeholder="PIN code"  name="pincode" autocomplete="off"/></div>
                            </div>
                        </div>
                    </div>
                  
                    <br><br><br><br><br><br> <br><br><br><br><br>
                </div>
                </div>
                <div class="col-xxl-5 col-xl-5  col-lg-5 col-md-6 col-sm-5 col-12" style="background:#fafafa;border-left: 1px solid #e2e2e2;">
                    <div class="summary-section">
                          <h3>Your Order</h3>
                        <div class="product">
                            <div class="d-flex gap-3 align-items-center">
                                <img src="assets/images/product/dec-pro-04.webp" alt="Mug" />
                                <span style="font-size:13px;line-height: 20px;">VITALITY SKY SUCTION MUG</span>
                            </div>
                            <span>₹1,799.00</span>
                        </div>
                        <div class="summary-item"><span>Subtotal</span><span>₹1,799.00</span></div>
                        <div class="summary-item total"><span>Total</span><span>₹1,799.00</span></div>
                        <div class="summary-item"><span>Including ₹0.00 in taxes</span></div>
                        
                    <a href="checkout.php" class="btn_cart checkout_btn" >Continue <i class="fa fa-arrow-right" aria-hidden="true"></i></a>
                </div>
                </div>
            </div>
        </div>
        
  <?php include('footer.php')?>