enroll.html

<!DOCTYPE html>
<html lang="en">

<head>
    <link rel="stylesheet" href="style.css">
    <title>enroll</title>
    <meta charset="UTF-8" />
    <meta name="description" content="a full website for the csci 305 cource contain the syllabus and many others">
    <meta name="keywords" content="html,css,bootstrap, csci305, liu,project">
    <meta name="author" content="Mohammad Omar">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
</head>

<body id="bodyc">
    <header>
        <h1>CSCI<span>305</span></h1>
        <nav>
            <a href="index.html">Home</a>
            <a href="Syllabus.html">Syllabus</a>
            <a class="selected" href="enroll.html">enroll</a>
            <a href="online.html">online Sources</a>
        </nav>
    </header>

    <main id="cont">
        <p>Log In using you university ID </p>

        <a href="enrolled.html" target="_self" onclick="window.open('https://www.liuserver.com/login/','name','width=600,height=400')">

            <img src="images/icon.png" alt="liu"></a>
            <img id="changePosition" src="images/enroll.png" alt="enroll">

        <p id="or">------------------------OR------------------------</p>
        <h2>Create an account</h2>

        <form action="enrolled.html">

            <div class="fle" id="name">
                <input type="text" name="firstname" placeholder="first name" required>
                <input type="text" name="lastname" placeholder="last name" required>
            </div>
               <input type="email" name="email" placeholder="your university email" required>

            <div id="fle" class="gender">
                <p>Gender</p>
                <input type="radio" name="gender" value="male" required> Male<br>
                <input type="radio" name="gender" value="female"> Female<br>
            </div>
            <br><br>
            <input type="submit" value="Enroll">
        </form>
    </main>

    <footer>

        <h3>&copy; Mohammad<span>Omar</span></h3>
        <a href="http://www.liu.edu.lb" target="_blank">
            <h3 id="right">Lebanese international university</h3>
        </a>

    </footer>

</body>

</html>