VTOP/index.html at master · Satvik-Rave/VTOP · 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
95
96
97
98
99
100
101
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="style.css">
    <title>Vtop</title>
</head>
<body>
    <!-- Navbar -->
    <nav id="navbar">
        <div id="logo">
            <img src="vitlogo.png" alt="VIT-LOGO">
        </div>
        <div class="place">
            <h1>
                VTOP(Vellore Campus)
            </h1>
        </div>
    </nav>

    <!-- HOME  -->
    <section id="home">
        <div class="container">
            <div class="left">
                <div class="card c1">
                    <div class="head">
                        <h4>
                            VTOP for Employee and Students
                        </h4>
                    </div>
                    <div class="mid">
                        <h5>
                            With responsive fresh look and feel.
                        </h5>
                    </div>
                    <div class="end btn1">
                        <button>Login to VTOP</button>
                    </div>
                </div>
                <div class="card c2">
                    <div class="head">
                        <h4>
                            VTOP for Parents
                        </h4>
                    </div>
                    <div class="mid">
                        <h5>
                            With more information about students
                        </h5>
                    </div>
                    <div class="end btn2">
                        <a href="parent.html">
                            <button>Parent Login</button>
                        </a>
                    </div>
                </div>
                <div class="card c3">
                    <div class="head">
                        <h4>
                            VTOP for Alumini
                        </h4>
                    </div>
                    <div class="mid">
                        <h5>
                            Introduced with Transcript Services
                        </h5>
                    </div>
                    <div class="end btn3">
                            <button>Alumini Login</button>
                    </div>
                </div>
            </div>
            <div class="right">
                <div class="r-card">
                    <div class="r-head">
                        <h4>
                            Spotlight
                        </h4>
                    </div>
                    <div class="r-box">
                        <ul class="list">
                            <li>
                                <p>
                                    Regular Arrear Examinations June 2021 (Timed out Students, Present Final year Students * ) - Registration for Failed courses with 'F' and 'N' grades - Approved Re-FATs - Registration
                                </p>
                            </li>
                            <li>
                                <p>
                                    “2020 Graduated Students, To login into V-Top use Alumni Login. Use your current VIT student email [xyz@vitstudent.ac.in] as alumni email till you receive the new alumni email”
                                </p>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </section>
</body>
</html>