H69UNtblNBNpha2dtB1Odn8qYp1Qk5NK2gi7yfceofo9N
/
home
/
ymswebso
/
public_html
/
projects
/
bevelplexus
/
html-final
/
Nama File / Folder
Size
Action
css
--
NONE
images
--
NONE
js
--
NONE
step8.html
6.033KB
Hapus
Edit
Rename
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8" /> <title>Bevel Plexus</title> <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <link rel="icon" href="images/favicon.png"> <!--CSS Files --> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css" /> <link href="https://fonts.googleapis.com/css2?family=Mulish:wght@200;300;400;500;600;700;800&display=swap" rel="stylesheet"> <link rel="stylesheet" href="css/bootstrap.min.css" /> <link href="css/datepicker.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="css/style.css" /> <link rel="stylesheet" href="css/media.css" /> <link rel="stylesheet" href="css/mob.css" /> </head> <body> <div class="container h-100"> <div class="row h-100"> <div class="col-xl-7 col-lg-8 col-md-10 m-auto align-self-center"> <p class="text-center mb-3"><a href="#!"><img src="images/logo.svg" class="logo m-auto" title="Bevel Plexus"></a></p> <div class="white_box pt-3 pt-lg-4 pb-5 px-3 px-lg-5 mb-2"> <!-- Top Progree --> <div class="row d-flex align-items-center mb-4"> <div class="col-2 pr-1 text-nowrap"><a href="step6.html" class="back_btn"><i class="fa fa-angle-left"></i> Back</a></div> <div class="col-8 px-1 text-center"> <div class="progress"> <div class="progress-bar" role="progressbar" aria-valuenow="75" aria-valuemin="0" aria-valuemax="100" style="width:100%"></div> </div> </div> <div class="col-2 pl-1 text-right text-nowrap"> </div> </div> <!-- /Top Progree --> <form id="needs-validation" novalidate> <!-- STEP 8 --> <div class="form-card mb-3"> <h4 class="font-weight-bold mb-1 text-center">Make Payment</h4> <p class="text-center mb-5">Status: <span class="font-weight-bold">Payment Pending</span></p> <div class="row"> <div class="col-sm-5 pr-3 pr-sm-1 mb-3"> <div class="card p-2 h-100"> <div class="row"> <div class="col-3 pr-1"><i class="fa fa-user fa-2x text-dark"></i></div> <div class="col-9 pl-1"><span class="text12 font-weight-bold d-block">You send to Bevel Plexus</span> <h6 class="font-weight-bold">NGN37,579.00</h6> </div> </div> </div> </div> <div class="col-sm-2 px-3 px-sm-1 text-center h-100 mb-3"> <p class="mb-1"><img src="images/wating.png" class="img-fluid"></p> <span class="text_waiting font-weight-bold d-block">Waiting to receive your funds.</span> </div> <div class="col-sm-5 pl-3 pl-sm-1 mb-3"> <div class="card p-2 h-100"> <div class="row"> <div class="col-3 pr-1"><i class="fa fa-university fa-2x"></i></div> <div class="col-9 pl-1"><span class="text12 font-weight-bold d-block">Northern Arizona University receives</span> <h6 class="font-weight-bold">US$500.00</h6> </div> </div> </div> </div> </div> <div class="row"> <div class="col-7 mb-2 pr-1"> <label>Payment Details</label> </div> <div class="col-5 mb-2 pl-1"> <img src="images/card.png" class="img-fluid"> </div> <div class="col-12 mb-2"> <input type="text" class="form-control" placeholder="Cardholder's First Name *"> </div> <div class="col-12 mb-2"> <input type="text" class="form-control" placeholder="Cardholder's Last Name *" required> </div> <div class="col-12 mb-3"> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fa fa-credit-card"></i></span> </div> <input type="text" class="form-control pl-1" placeholder="Enter card number" required> </div> </div> <div class="col-12 mb-2"> <div class="row"> <div class="col-sm-8"> <label>Card Expiration Date</label> <div class="row"> <div class="col-sm-6 mb-2"> <select class="form-control" required> <option>Month *</option> </select> </div> <div class="col-sm-6 mb-2"> <select class="form-control" required> <option>Year *</option> </select> </div> </div> </div> <div class="col-sm-4 position-relative"> <label>CVV Code <i class="fa fa-question-circle"></i></label> <div class="input-group"> <div class="input-group-prepend"> <span class="input-group-text"><i class="fa fa-lock"></i></span> </div> <input type="text" class="form-control pl-1" placeholder="CVV" required> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col-12 text-center"> <button class="btn btn-primary btn_primary" type="submit">Pay Now</button> </div> </div> <!-- /STEP 8 --> </form> </div> </div> </div> </div> <!--JS Files --> <script src="js/jquery.min.js"></script> <script src="js/popper.min.js"></script> <script src="js/bootstrap.min.js"></script> <script src="js/bootstrap-datepicker.js"></script> <script src="js/intlTelInput.min.js"></script> <script src="js/utils.js"></script> <script src="js/custom.js"></script> </body> </html>