ACT/index.html at main · Xymp4you/ACT · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
<!DOCTYPE html>
<html lang="en">
<head>
    <title>Tapales, John Aerol</title>
    <link rel="stylesheet" href="style.css">
    <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
</head>
<body>
<!----------------------SITE HEADER-------------------------->
    <header>
        <a href="https://www.facebook.com/profile.php?id=100090011506749" class="logo">CSCQC IT</a>
<!----------------------UL NAVBAR-------------------------->
        <ul>
            <b><li><a href="https://cscqcph.com/">CSCQC PORTAL</a></li></b>
            <b><li><a href="https://www.facebook.com/CollegeofStCatherine">CSCQC PAGE</a></li></b>
        </ul>
    </header>


        <div class="choices-group">
<!----------------------OL GROUP-------------------------->
            <h2>SCHOOL YEAR</h2>
            <ol type="I">
              <b><li>1st year</li></b>
              <b><li>2nd year</li></b>
              <b><li>3rd year</li></b>
              <b><li>4th year</li></b>
            </ol> <br>
<!----------------------RADIO GROUP-------------------------->
    <b><p>Please select your course:</p></b>
            <label class="radio">
                <input type="radio" value="BSIT" name="course">
                BSIT
            </label>
            <label class="radio">
                <input type="radio" value="BSCRIM" name="course">
                BSCRIM
            </label class="radio">
            <label class="radio">
                <input type="radio" value="BSTM" name="course">
                BSTM
            </label><br>
            <label class="radio">
                <input type="radio" value="BSBA" name="course">
                BSBA
            </label>
            <label class="radio">
                <input type="radio" value="BEED" name="course">
                BEED
            </label>
        </div>
<!----------------------SITE SIGN UP FORM-------------------------->
    <div class="wrapper">
        <form action="">
            <h1>Sign Up</h1>
<!----------------------FIRSTNAME TEXTBOX-------------------------->
            <b><div class="textbox">
                <label>Firstname:</label>
                <input type="text"
                placeholder="Firstname" required>
                <i class='bx bx-user' ></i>
            </div></b>
<!----------------------LASTNAME TEXTBOX-------------------------->
            <div class="textbox">
                <b><label>Lastname:</label>
                <input type="text"
                 placeholder="Lastname" required>
                 <i class='bx bx-user' ></i>
            </div></b>
<!----------------------EMAIL TEXTBOX-------------------------->
            <div class="textbox">
                <b><label>Email:</label>
                <input type="text"
                 placeholder="Email" required>
                 <i class='bx bx-envelope' ></i>
            </div></b>
<!----------------------PASSWORD TEXTBOX-------------------------->
            <div class="textbox">
                <b><label>Password:</label>
                <input type="password"
                 placeholder="Password" required>
                 <i class='bx bx-lock-alt' ></i>
            </div></b>
<!----------------------SUBMIT BUTTON-------------------------->
            <button type= "submit"class="button">Submit</button>


        </form>
    </div>

</body>
</html>