-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
109 lines (103 loc) · 4.31 KB
/
index.html
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
102
103
104
105
106
107
108
109
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>GCE Salem</title>
<link rel="stylesheet" href="index.css" />
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-eOJMYsd53ii+scO/bJGFsiCZc+5NDVN2yr8+0RDqr0Ql0h+rP48ckxlpbzKgwra6"
crossorigin="anonymous"
/>
</head>
<body>
<script src="/__/firebase/8.3.0/firebase-app.js"></script>
<script src="/__/firebase/8.3.0/firebase-auth.js"></script>
<script src="/__/firebase/8.3.0/firebase-firestore.js"></script>
<script src="/__/firebase/init.js"></script>
<script src="signin.js"></script>
<div id="top" class="fixed-top">
<div>
<img id="logo" src="gceLogo.jpeg"/>
</div>
<div id="nameDesk">Government College of Engineering, Salem</div>
</div>
<br><br><br><br>
<div id="signin" style="display: block">
<div class="container-sm bg-body rounded">
<div class="col">
<div class="row">
<img class="rounded-bottom" src="https://cache.careers360.mobi/media/presets/720X480/colleges/social-media/media-gallery/4358/2018/4/12/Government-College-of-Engineering-Salem-(5).jpg">
</div>
<div class="col">
<h1 style="text-align:center"> Welcome to GCE Salem's Student Database</h5>
<p class="text-center">Information is wealth
But these information are scattered around......
<br>
This Student Database gathers all the students information
and make it availabe for the teachers to use wherever necessary
which saves time which would be consumed if those
information are collected manually.
</p>
</div>
</div>
<h5 class="text-center">Sign in with your Mail ID to get started.</h5>
<div class="container text-center">
<a class="btn btn-primary btn-lg center" onclick="googleSignIn()" href="#">Sign in</a>
</div>
<p>
Note: Please use the Mail ID which you are using for your classes.
Please ensure that your name associated with that Mail ID is correct and
accurate since we will use only the name coressponding to your Mail ID
</p>
</div>
</div>
</div>
</div>
<div id="dept" class="container bg-body rounded-2 text-center" style="display: none">
<div>
<h3>
Choose Your Department
</h3>
<div onclick="setDept('cse')"><a id="block" class="btn btn-warning btn-block" href="#">CSE</a></div>
<br>
<div onclick="setDept('ece')"><a id="block" class="btn btn-warning btn-block"href="#">ECE</a></div>
<br>
<div onclick="setDept('eee')"><a id="block" class="btn btn-warning btn-block"href="#">EEE</a></div>
<br>
<div onclick="setDept('civil')"><a id="block" class="btn btn-warning btn-block" href="#">Civil</a></div>
<br>
<div onclick="setDept('mech')">
<a id="block" class="btn btn-warning btn-block" href="#">Mechanical</a>
</div>
<br>
<div onclick="setDept('metallurgy')">
<a id="block" class="btn btn-warning btn-block" href="#">Metallurgy</a>
</div>
</div>
</div>
<div id="year" class="container bg-body rounded-2 text-center" style="display: none">
<h3>
Choose Your Year
</h3>
<div>
<div onclick="setYear('year_1')"><a id="block" class="btn btn-warning btn-block" href="#">I Year</a></div>
<br>
<div onclick="setYear('year_2')">
<a id="block" class="btn btn-warning btn-block" href="#">II Year</a>
</div>
<br>
<div onclick="setYear('year_3')">
<a id="block" class="btn btn-warning btn-block" href="#">III Year</a>
</div>
<br>
<div onclick="setYear('year_4')">
<a id="block" class="btn btn-warning btn-block" href="#">IV Year</a>
</div>
</div>
</div>
<script src="navigate.js"></script>
</body>
</html>