-
Notifications
You must be signed in to change notification settings - Fork 0
/
signup.html
131 lines (106 loc) · 3.89 KB
/
signup.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
<!DOCTYPE html>
<html>
<head>
<link href="signup_style.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Playfair+Display" rel="stylesheet">
<title>DeliciousMenu.com</title>
</head>
<body>
<div id="banner">
<div id = "navbar" class="toy">
<nav class="font">
<a href="index_change.html"><strong>Home |</strong></a>
<a href="login_change.html"><strong>Login |</strong></a>
<a href="#about_us"><strong>About us!</strong></a>
</nav>
</div>
<fieldset id="signup_form">
<legend><strong>Sign Up</strong></legend>
<form method="POST">
<strong>Name</strong><br><input type="text" name="usn"><br>
<strong>USN</strong><br><input type="text" name="usn"><br>
<strong>Password</strong><br><input type="password" name="password"><br>
<strong>Repeat Password</strong><br><input type="password" name="password"><br><br>
<p>By creating an account you agree to our <br><a href="#" style="color:dodgerblue">Terms & Privacy</a>.</p>
<input type="submit" name="submit">
<a href="index_change.html"><button id="cancel">Cancel</button></a>
</form>
</fieldset>
</div>
<div id="about_us">
<strong>About Us</strong>
<div id="some_data">
<div class="some_thing">
<strong>Address</strong>:Outer Ring Rd, Banashankari 3rd Stage, Banashankari, Bengaluru, Karnataka 560085
</div>
<div class="some_thing">
<strong>Campus</strong>:Urban
</div>
<div class="some_thing">
<strong>Terms Of Use.</strong>
</div>
<div class="some_thing">
<strong>License</strong>:All rights reserved.
</div>
</div>
</div>
<div id="social_media">
<ul>
<li><a href="#index_change.html"><img src="facebook.jpg" height="30" width="30"></a></li>
<li><a href="#index_change.html"><img src="pintrest.jpg" height="30" width="30"></a></li>
<li><a href="#index_change.html"><img src="instagram.jpg" height="30" width="30"></a></li>
<li><a href="#index_change.html"><img src="google+.jpg" height="30" width="30"></a></li>
<li><a href="#index_change.html"><img src="twitter.jpg" height="30" width="30"></a></li>
<li><a href="#index_change.html"><img src="whatsapp.jpg" height="30" width="30"></a></li>
</ul>
</div>
</div>
<script type="text/javascript">
window.onscroll = function() {myFunction();};
/*window.onscroll = function(){myScrollFunction();} !!!!!!!!!!!!!!!!!!!!!!!!!
function myScrollFunction(){
if(window.pageYOffset==0){
console.log(window.pageYOffset)
navbar.backgroundColor="transparent";
}
else{
navbar.backgroundColor="grey";
}
}*/
// Get the navbar
var navbar = document.getElementById("navbar");
// Get the offset position of the navbar
var sticky = navbar.offsetTop;
var y = 790;
// Add the sticky class to the navbar when you reach its scroll position. Remove "sticky" when you leave the scroll position
function myFunction() {
if (window.pageYOffset >= sticky)
{
navbar.classList.add("sticky");
if(window.pageYOffset>=y)
{
navbar.classList.add("color");
// n2.classList.add("color");
// n3.classList.add("color");
}
else
{
navbar.classList.remove("color");
// n2.classList.remove("color");
// n3.classList.remove("color");
}
}
else {
navbar.classList.remove("sticky");
}
}
var body=document.getElementById("main_body");
body.addEventListener('click',xy);
function xy(event)
{
console.log(event.offsetX);
console.log(event.offsetY)
}
</script>
</body>
</html>