DAA-Tech-Task/index.html at master · riti-s/DAA-Tech-Task · 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
<!DOCTYPE html>
<html lang="en-GB">

    <head>
    <title>Registration Page</title>
    <link rel="stylesheet" href="css/style.css">
    </head>

    <body>
        <nav class="navigation">
            <a href="#about">About</a>
            <a href="#registration">Registration</a><br>
        </nav>

        <header class="header">
            <br><h1> Directorate of Alumni Affairs</h1>
            <p>Advance SRM Institute of Science and Technology by promoting alumni relationships, fostering commitment among students and enabling student–alumni interactions.</p>
        </header>

        <main class="main">
            <section id="about" class="about">
                <div>
                    <h2>About DAA</h2>
                    <p>DAA's mission is brought to life through events and programs such as:
                    Maintaining alumni website and social media pages
                    Maintaining alumni database
                    Publishing newsletter
                    Fostering alumni visits to campus
                    Helping alumni with Institute-related activities
                    Providing job portal for alumni
                    Encouraging giving back by alumni
                    Donations, lectures, sponsorships, mentoring, internships, placement
                    Holding alumni reunions
                    Recognizing exceptional alumni through awards
                    Forming international chapters
                    Forming national chapters</p>
                </div>
                <img src="css/logo.png" alt="Logo of DAA">
            </section>

            <section id="registration">
                <h2>Registration</h2>
                <form>
                    <label for="name">Name : </label>
                    <input type="text" placeholder="Jane Doe" required><br>
                    <label for="name">Email-ID : </label>
                    <input type="text" placeholder="jd0000@srmist.edu.in" required><br>
                    <label for="name">Mobile Number : </label>
                    <input type="text" placeholder="0123456789" required><br>
                    <label for="name">Registration Number : </label>
                    <input type="text" placeholder="RAXXXXXXXXXXXXX" required><br>
                    <label for="name">Department : </label><br>
                    <input type="radio" id="cse" name="dept">
                    <label for="cse">CSE</label><br>
                    <input type="radio" id="ece" name="dept">
                    <label for="ece">ECE</label><br>
                    <input type="radio" id="mech" name="dept">
                    <label for="mech">Mechanical</label><br>
                    <input type="radio" id="chem" name="dept">
                    <label for="chem">Chemical</label><br>
                    <input type="radio" id="biotech" name="dept">
                    <label for="biotech">Biotechnology</label><br>
                    <input type="radio" id="aerospace" name="dept">
                    <label for="aerospace">Aerospace</label><br>
                    <input type="submit">
                    <input type="reset">
                </form>
            </section>
        </main>

        <footer class="footer">
            <ul>
                <li>
                    <a href="https://www.srmist.edu.in/alumni-affairs">Our Website</a>
                </li>
                <li>
                    <a href="https://www.linkedin.com/school/srmuaa/">LinkedIn</a>
                </li>
                <li>
                    <a href="https://www.instagram.com/srmuaa/">Instagram</a>
                </li>
            </ul>
                <p> Created by <a href="https://github.com/riti-s">Riti S.</a></p>
        </footer>
    </body>
</html>