-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
133 lines (118 loc) · 4 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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
<!DOCTYPE HTML>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Student Project Portal</title>
<link rel="stylesheet" href="css/style.css" type="text/css">
</head>
<body>
<div id="header">
<div>
<div class="logo">
<a href="index.html"></a>
</div>
<ul id="navigation">
<li class="active">
<a href="index.html">Home</a>
</li>
<li>
<a href="about.html">About</a>
</li>
</ul>
</div>
</div>
<div id="adbox">
<div class="clearfix">
<img src="images/comp.png" alt="Img" height="342" width="368">
<div>
<h1>CBIT Student Project Portal</h1>
<h2>Web-technologies mini project</h2>
<p>
Log into your account here !</br><button onclick="document.getElementById('id01').style.display='block'" style="width:auto;">Login</button>
</p>
<p>
Create your account to enjoy the service !</br><button onclick="document.getElementById('id02').style.display='block'" style="width:auto;">Sign Up!</button>
</p>
<div id="id01" class="modal">
<form class="modal-content animate" method="post" action="Login">
<div class="imgcontainer">
<span onclick="document.getElementById('id01').style.display='none'" class="close" title="Close Modal">×</span>
</div>
<div class="container">
<label><b>Username</b></label>
<input type="text" placeholder="Enter Username" name="rollno" required>
<label><b>Password</b></label>
<input type="password" placeholder="Enter Password" name="pwd" required>
<button type="submit">Login</button>
<input type="checkbox" checked="checked"> Remember me
</div>
<div class="container" style="background-color:#f1f1f1">
<button type="button" onclick="document.getElementById('id01').style.display='none'" class="cancelbtn">Cancel</button>
</div>
</form>
</div>
<div id="id02" class="modal">
<form class="modal-content animate" method="post" action="Register">
<div class="imgcontainer">
<span onclick="document.getElementById('id02').style.display='none'" class="close" title="Close Modal">×</span>
</div>
<div class="container">
<label><b>Roll number</b></label>
<input type="text" placeholder="Enter your Roll number" name="rollno" required>
<label><b>Name</b></label>
<input type="text" placeholder="Enter a valid Username" name="name" required>
<label><b>Password</b></label>
<input type="password" placeholder="Enter Password" name="psw" required>
<label><b>Repeat Password</b></label>
<input type="password" placeholder="Repeat Password" name="psw-repeat" required>
<button type="submit">Sign Up</button>
</div>
<div class="container" style="background-color:#f1f1f1">
<button type="button" onclick="document.getElementById('id02').style.display='none'" class="cancelbtn">Cancel</button>
</div>
</form>
</div>
</div>
</div>
</div>
<div id="contents">
<div id="tagline" class="clearfix">
<h1>Upload and Stream through your Projects</h1>
<div>
<p>
This project portal helps students to upload their projects and save them.
</p>
<p>
Faculty can have a look at the student projects and mark grades !
</p>
<p>
This website is aimed to bridge the gap between students and provide a solution as such.
</p>
</div>
</div>
</div>
<div id="footer">
<div class="clearfix">
<div id="connect">
<a href="www.cbit.ac.in" class="cbit"></a>
</div>
<p>
developed by P Jitendra Kalyan, R Pranith Kumar.
</p>
</div>
</div>
<script>
var modal1 = document.getElementById('id01');
var modal2 = document.getElementById('id02');
// When the user clicks anywhere outside of the modal, close it
window.onclick = function(event) {
if (event.target == modal1) {
modal.style.display = "none";
}
if (event.target == modal2) {
modal.style.display = "none";
}
}
</script>
</body>
</html>