forked from saisankargochhayat/Clean_Clan
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathsignup.html
101 lines (87 loc) · 3.7 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
<!DOCTYPE HTML>
<html>
<head>
<title>Clean India App</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<!--[if lte IE 8]><script src="assets/js/html5shiv.js"></script><![endif]-->
<link rel="stylesheet" href="/css/main.css" />
<link rel="stylesheet" href="/css/bootstrap.min.css" />
</head>
<style type="text/css">
.fileContainer {
overflow: hidden;
position: relative;
}
.fileContainer [type=file] {
cursor: inherit;
display: block;
font-size: 999px;
filter: alpha(opacity=0);
min-height: 100%;
min-width: 100%;
opacity: 0;
position: absolute;
right: 0;
text-align: right;
top: 0;
}
</style>
<body class="is-loading">
<!-- Wrapper -->
<div id="wrapper" style="margin-top:10px;margin-bottom:10px;">
<!-- Main -->
<section class="main" style="margin-top: -2%;">
<!-- <header>
<span class="avatar"><img src="img/profile.png" style="height:100px;width:100px" alt=""></span>
<h1 style="margin-top: 2%">CLEAN_CLAN</h1>
</header>
<hr>
<h2 style="margin-top: -2%">JOIN US!</h2> -->
<form id='signupform' enctype="multipart/form-data">
<input class="field" type="text" name="name" id="username" placeholder="Name" style="margin-bottom:15px;" />
<input class="field" type="email" name="email" id="email" placeholder="[email protected]" style="margin-bottom:15px;"/>
<textarea type="textarea" name="user_details" placeholder="User Details" id="issuetext"></textarea><br>
<div class="select-wrapper field" style="margin-bottom:15px;">
<select name="city" id="city" name="city">
<option value="Bhubaneswar">Bhubaneswar</option>
<option value="Mumbai">Mumbai</option>
<option value="Kolkata">Kolkata</option>
<option value="delhi">Delhi</option>
</select>
</div>
<input class="field"type="password" name="password" id="password" placeholder="Password" style="margin-bottom:38px;"/>
<label class="fileContainer">Click here to upload profile photo<input type="file" name="files" value="" id='image' onchange="readURL(this);"></label><br>
<img id="propic1" al><br><br>
<input style="margin-top:15px;" class="field" type="submit" value="SIGN UP" class="button" id="signbutton" accept="image/gif,image/jpeg,image/png">
<p style="margin-bottom:15px;" class="signmsg" ></p>
</form>
</section>
<!-- Footer -->
</div>
<!-- Scripts -->
<!--[if lte IE 8]><script src="assets/js/respond.min.js"></script><![endif]-->
<script>
if ('addEventListener' in window) {
window.addEventListener('load', function() { document.body.className = document.body.className.replace(/\bis-loading\b/, ''); });
document.body.className += (navigator.userAgent.match(/(MSIE|rv:11\.0)/) ? ' is-ie' : '');
}
</script>
<script type="text/javascript" src="/javascript/jquery.js"></script>
<script type="text/javascript" src="/javascript/signupf.js"></script>
<script type="text/javascript">
function readURL(input){
if(input.files && input.files[0]){
var reader = new FileReader();
reader.onload = function(e){
$('#propic1')
.attr('src',e.target.result)
.width(100)
.height(100);
}
reader.readAsDataURL(input.files[0]);
}
}
</script>
</body>
</html>