<DOCTYPE>
    <html>
        <head>
            <meta charset="utf-8">
            <meta name="viewport" content="width=device-width, initial-scale=1">
            <title>Form Data Recieved</title>
            <link rel="stylesheet" href="/styles/style.css">
            <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
            <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.css">
            <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous" />
            <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" crossorigin="anonymous" />
        </head>
        <body>
            <div class="container text-justify">
                <div class="row g-3 justify-content-around">
                    <div class="card col-md-6">
                        <fieldset class="res-field">
                            <legend class="card-body">
                                <h2 class="card-title text-primary">Personal Details:</h2>
                            </legend>
                            <p class="card-text">First Name: <%= formData1.fname %></p><br>
                            <p class="card-text">Last Name: <%= formData1.lname %></p><br>
                            <p class="card-text">Email: <%= formData1.email %></p><br>
                            <p class="card-text">Password: <%= formData1.pass %></p><br>
                            <p class="card-text">Date of Birth: <%= formData1.date %></p><br>
                            <p class="card-text">Mobile Number: <%= formData1.phone %></p><br>
                            <p class="card-text">Please specify your gender: <%= formData1.gender %></p><br>
                            <p class="card-text">Address: <%= formData1.address %></p><br>
                        </fieldset>
                    </div>
                    <br>
                    <div class="card col-md-6">
                        <fieldset class="res-field">
                            <legend class="card-body">
                                <h2 class="card-title text-primary">Education Qualification:</h2>
                            </legend>
                            <p class="card-text">Highest Education Level: <%= formData2.cert %></p>
                            <br>
                            <p class="card-text">Highest Degree: <%= formData2.degree %></p>
                            <br>
                            <p class="card-text">Course of Choice: <%= formData2.course %></p>
                            <br>
                            <p class="card-text">University: <%= formData2.univ %></p>
                            <br>
                            <p class="card-text">College/School: <%= formData2.clg %></p>
                            <br>
                            <p class="card-text">CGPA: <%= formData2.cgpa %></p>
                            <br>
                        </fieldset>
                    </div>
                </div>
            </div>
        </body>
    </html>
</DOCTYPE>