-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
159 lines (144 loc) · 4.85 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
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
<!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">
<script>
function validate(){
var psw1=document.getElementById("psw1");
var psw2=document.getElementById("psw2");
if(psw1.value!=psw2.value)
{
document.getElementById("perror").innerHTML="*Passwords do not match";
document.Registerform.psw.focus();
document.Registerform.psw.focus();
document.getElementById("signup").disabled=true;
}
else if(psw1.value.length<8)
{
document.getElementById("perror").innerHTML="*Password is too short";
document.Registerform.psw.focus();
document.Registerform.psw.focus();
document.getElementById("signup").disabled=true;
}
else
{
document.getElementById("perror").innerHTML="";
document.getElementById("signup").disabled=false;
}
}
</script>
</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(Rollno)</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 name="Registerform" 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" id="psw1" name="psw" onchange="validate()" required>
<label><b>Repeat Password</b></label>
<input type="password" placeholder="Repeat Password" id="psw2" name="psw-repeat" onchange="validate()" required>
<span id="perror"></span>
<button type="submit" id="signup">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>