payement.html


    <!DOCTYPE html > 
    <html lang = "en" >
        <style>
            .bg{
     background-color :azure;    
      }
        </style>
       <head>
        <title>payment </title>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/css/bootstrap.min.css">
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js"></script>
      </head>
      <body class = "bg">
        <h1 class="text-center font-weight-bold"> Complete your Payment</h1>
        <div > 
            
                <form action = "action.php" >
                    <div class= "container" >
                    <label for = "Credit card ">  Credit Card number :</label>
                    <input type =  "text" id="text" placeholder="Credit Card number"  name="Credit Card number" > 
                          
                <label  for ="Expiration date " >Expiration date :</label>
                 <input type = "date" required id="Date" placeholder="Enter Expiration date "  name = "Expiration date "> 
                </div>
                       <div calss = "container">
                           <label for = "postal code ">  Postal Code :</label>
                              <input type = "text" required id="text" placeholder="Postal Code"  name="Postal Code" > 
                         
                          
        </div>

      </body>