address.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="https://pro.fontawesome.com/releases/v5.10.0/css/all.css" />
    <link rel="stylesheet" href="style.css">

    <style>
        img{
            max-width: 100%;
            max-height: 100%;
        }
        .fe-box{
            width: 200px;
            height: 300px;
        }
    </style>
    
</head>
<body>
    <section class="baby">
        <div class="address-input">
           <!-- <label for="address">Enter your address</label> -->
           <h1>Type your address</h1>
            
            <input type="text" placeholder="Full Name(required)*" required class="name">
            <input type="phone number" placeholder="Phone Number (required)*" required class="number">
            <input type="text" pattern="[0-9]*" inputmode="numeric" minlength="4" maxlength="6" placeholder="Pincode(required)*" required class="Pincode">
            <input type="text" placeholder="City(required)*"required>
            <input type="text" placeholder="House No., Building name(required)*" required>
            <input type="text" placeholder="Road name, Area, Colony(required)*" required>
           
           <input type="date" placeholder="Your phone number...">
           <button class="bipro" type="submit">Submit</button>
        </div>
    </section>
</body>