Untitled

<!DOCTYPE html>
<html>
<head>
    <title>Student Information System</title>
    <link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body style="background-image: url(./images/back.jpg); background-repeat: no-repeat; background-size: cover;">
    <ul>
      <li><a>Student Information System</a></li>
      <li style="float: right;"><a class="active" href="./index.html">Home</a></li>
      <li style="float: right;"><a href="./register.html">New User</a></li>
      <li style="float: right;"><a href="./index.html">Login</a></li>
    </ul>

<marquee>
   <font size ="8"  face="Georgia" color="#CE5722" ><i>Enter details</i></font>
</marquee>
    <div class="container">
        <div class="register">
            <form>
                <h4><i>Personal information:</i></h4>

                <p style="float: left;">First name :
                <select>
                <option value="Male">Mr.</option>
                <option value="Female">Miss</option>
                </select>
                <input type="text" name="firstname" id="firstname"></p>

                <p style="float: right;">Last name : <input type="text" name="lastname" id="lastname"></p>
                <br><br><br><br>


                <p style="float: left;">Guardian's name :
                <select>
                <option value="Male">Mr.</option>
                <option value="Female">Mrs.</option>
                </select>
                <input type="text" name="guardian" id ="guardian"></p>

                <p style="float: right;">Date of Birth : <input type="date" name="dob" id = "dob"></p>
                <br><br><br><br>

                <p style="float: left;">Phone Number: <input type="phone" name="phone" id = "phone"></p>

                <p style="float: right;">Blood Group :
                <select>
                <option value="1">A+</option>
                <option value="2">B+</option>
                <option value="3">O+</option>
                <option value="4">AB+</option>
                <option value="5">AB-</option>
                </select>
                </p>

                <br><br><br><br>

                <p style="text-align: center;">House no. and street : <textarea name="address" rows="3" cols="50" id = "address"></textarea></p>

                <p style="text-align: center;">State :
                <select>
                <option value="1">North India</option>
                <option value="2">South India</option>
                <option value="3">North East</option>
                <option value="4">West India</option>
                <option value="5">Not Listed</option>
                </select>

                <!-- <textarea name="address" rows="1" cols="20"></textarea></p> -->
                <p style="text-align: center;">PinCode : <textarea name="address" rows="1" cols="10" id = "Pincode"></textarea></p>
                <br><br>
            <!-- </form> -->
        </div>
    </div>


    <div class="container">
        <div class="register">
            <!-- <form> -->
                <h4><i>College information:</i></h4>
                <p style="float: left;">Programme : <input type="text" name="Programme" id="Programme"></p>

                <p style="float: right;">Course : <input type="text" name="course" id="course">
                <select>
                <option value="1st year">1st year</option>
                <option value="2nd year">2nd year</option>
                <option value="3rd year">3rd year</option>
                <option value="4th year">4th year</option>
                </select>
                </p>
                <br><br><br><br>
                <p style="float: left;">Registration Number : <input type="text" name="Regno" id = "Regno"></p>
                <p style="float: right;">Roll Number : <input type="text" name="Rollno" id = "Rollno"></p>
                <br><br><br><br>
                <p style="float: left;">Year of Study: <input type="text" name="year" id = "year"></p>

                <p style="float: right;">Semester :
                    <select>
                <option value="1">1</option>
                <option value="2">2</option>
                <option value="3">3</option>
                <option value="4">4</option>
                <option value="5">5</option>
                <option value="6">6</option>
                <option value="7">7</option>
                <option value="8">8</option>
            </select>
                <br><br><br><br>
                <p style="text-align: center;">College Address : <textarea name="address" rows="3" cols="50"></textarea></p>
                <br><br>
            <!-- </form> -->
        </div>
    <div class="container">
        <div class="register">
            <!-- <form> -->
                <h4><i>Other information:</i></h4>
                <p style="float: left;">HSS Board : <input type="text" name="Board" id="Board"></p>
                <p style="float: right;">School name : <input type="text" name="Schoolname" id ="Schoolname"></p>
                <br><br><br><br>
                <p style="float: left;">12th Marks (Enter in %): <input type="text" name="marks" id="marks"></p>
                <p style="float: right;">Year of passing : <input type="text" name="yearofpassing" id = "yearofpassing"></p>
                <br><br><br><br>
                <p style="float: left;">City: <input type="text" name="City" id = "City"></p>
                <p style="float: right;">State : <input type="text" name="State" id = "State"></p>
                <br><br><br><br>

            </form>
        </div>
        <input type="submit" name="submit" style="margin-left: 40%; margin-top: 50px;" class="button">
        <input type="reset" name="reset" class="button">
    </div>

</body>
</html>