API tools faq
paste
Advertisement
ruhul0

emi

ruhul0
Sep 3rd, 2020
1,059
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.18 KB | None | 0 0
raw download clone embed print report
  1. <html>
  2.    <head>
  3.       <script src="jquery.min.js"></script>
  4.       <link rel="stylesheet"  href="bootstrap.min.css">
  5.       <script src="jquery-3.3.1.slim.min.js"></script>
  6.       <script src="popper.min.js"></script>
  7.       <!------ Include the above in your HEAD tag ---------->
  8.       <script src="bootstrap.min.js" ></script>
  9.       <style>
  10.          .product_view .modal-dialog{max-width: 800px; width: 100%;}
  11.          .pre-cost{text-decoration: line-through; color: #a5a5a5;}
  12.          .space-ten{padding: 10px 0;}
  13.      </style>
  14.    </head>
  15.    <body>
  16.       <div class="jumbotron">
  17.          <h1>
  18.             <center>EMI Calculator</center>
  19.          </h1>
  20.       </div>
  21.       <div class="container">
  22.          <div class="row">
  23.             <div class="col-md-4">
  24.                <select class="form-control" name="select" value="Choose Search method" title="Choose Search Method">
  25.                   <option value="" selected="">Choose Search method</option>
  26.                   <option value="black">Search By SKU</option>
  27.                   <option value="white">Search By Product Name</option>
  28.                </select>
  29.                <br>
  30.                <input type="text"  class="form-control" value="Enter SKU / Product Name" title="Enter SKU / Product Name" /><br>
  31.                <select class="form-control" name="select">
  32.                   <option value="" selected="">Bank</option>
  33.                   <option value="black">City Bank</option>
  34.                   <option value="white">EBL</option>
  35.                   <option value="gold">Brac Bank</option>
  36.                </select>
  37.                <br>
  38.                <button class="btn btn-success" type="button" ><i class="fa fa-send"></i> Calculate</button>
  39.                <br><br>
  40.                <button class="btn btn-primary" data-toggle="modal" data-target="#product_view"></i> How to Avail EMI</button>
  41.             </div>
  42.             <br>
  43.             <div class="col-md-4">
  44.                <div class="thumbnail">
  45.                   <img src="" alt="" class="img-responsive">
  46.                   <div class="caption">
  47.                      <br><br>
  48.                      <h4 class="pull-right">TK Product Price</h4>
  49.                      <h4><a href=  "#">Product Name</a></h4>
  50.                      <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.</p>
  51.                   </div>
  52.                   <div class="ratings">
  53.                      <p>
  54.                         <span class="glyphicon glyphicon-star"></span>
  55.                         <span class="glyphicon glyphicon-star"></span>
  56.                         <span class="glyphicon glyphicon-star"></span>
  57.                         <span class="glyphicon glyphicon-star"></span>
  58.                         <span class="glyphicon glyphicon-star"></span>
  59.                         (15 reviews)
  60.                      </p>
  61.                   </div>
  62.                   <div class="space-ten"></div>
  63.                   <div class="btn-ground text-center">
  64.  
  65.                   </div>
  66.                   <div class="space-ten"></div>
  67.                </div>
  68.             </div>
  69.          </div>
  70.       </div>
  71.       <div class="modal fade product_view" id="product_view">
  72.          <div class="modal-dialog">
  73.             <div class="modal-content">
  74.                <div class="modal-header">
  75.                   <a href="#" data-dismiss="modal" class="class pull-right"><span class="glyphicon glyphicon-remove"></span></a>
  76.                   <h3 class="modal-title">How to avail EMI?</h3>
  77.                </div>
  78.                <div class="modal-body">
  79.                   <div class="row">
  80.                      <center>
  81.                      <div class="col-md-6 product_img">
  82.                         <img src="logo.png" class="img-responsive">
  83.                         <p>Equated Monthly Installment (EMI) can be availed from the Site using SSLCOMMERZ payment gateway. UCC provides both Online and Offline EMI. Please read below on how to avail EMI using each method;</p>
  84.                         <h4>Overall Return & Refund Guidelines</span></h4>
  85.                         <p>1.   Proceed to Checkout <br>
  86.                            2.   Select EMI > Online EMI > Select Bank Name > Enter EMI Portal > Input Card Details
  87.                        </p>
  88.                        <h3 >Offline EMI: (Dhaka, Chittagong and Khulna Region Only)</h3>
  89.                        <p>
  90.                            1.   Proceed to Checkout<br>
  91.                            2.   Pay using SSLCOMMERCZ supported Banking Credit Card<br>
  92.                            3.   Visit UCC Head Office or UCC Chittagong Branch or UCC Khulna Branch<br>
  93.                            4.   Fill up the EMI form along the order number mentioned clearly<br>
  94.                            5.   EMI shall be active within 7 working days from the transaction initially recorded on to the Credit Card.<br>
  95.                        </p>
  96.                     </center>
  97.                     </div>
  98.  
  99.                  </div>
  100.               </div>
  101.            </div>
  102.         </div>
  103.      </div>
  104.   </body>
  105. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!