├── CSS ├── About └── style.css ├── ForgotPassword.html ├── Java Files ├── About ├── FP$1.class ├── FP.class ├── FP.java ├── HelloServlet.class ├── HelloServlet.java ├── ImgCry$1.class ├── ImgCry$2.class ├── ImgCry$3.class ├── ImgCry$4.class ├── ImgCry.class ├── ImgCry.java ├── ImgCry1.class ├── ImgCry1.java ├── ImgCry2.class ├── ImgCry2.java ├── ImgCry3.class ├── ImgCry3.java ├── ImgCry4.class ├── ImgCry4.java ├── ImgCry5.class ├── ImgCry5.java ├── PasswordL.sql ├── activation.jar ├── java-json.jar └── mail.jar ├── LICENSE ├── Login.html ├── MainCode.txt ├── README.md ├── SignUp.html ├── images ├── 1.jpg └── About └── js ├── About └── jquery-2.2.3.min.js /CSS/About: -------------------------------------------------------------------------------- 1 | This folder contains all the CSS files required to run the HTML files. 2 | -------------------------------------------------------------------------------- /CSS/style.css: -------------------------------------------------------------------------------- 1 | /*-- 2 | Author: W3layouts 3 | Author URL: http://w3layouts.com 4 | License: Creative Commons Attribution 3.0 Unported 5 | License URL: http://creativecommons.org/licenses/by/3.0/ 6 | --*/ 7 | /*-- reset --*/ 8 | html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline;} 9 | article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;} 10 | ol,ul{list-style:none;margin:0px;padding:0px;} 11 | blockquote,q{quotes:none;} 12 | blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;} 13 | table{border-collapse:collapse;border-spacing:0;} 14 | /*-- start editing from here --*/ 15 | a{text-decoration:none;} 16 | .txt-rt{text-align:right;}/* text align right */ 17 | .txt-lt{text-align:left;}/* text align left */ 18 | .txt-center{text-align:center;}/* text align center */ 19 | .float-rt{float:right;}/* float right */ 20 | .float-lt{float:left;}/* float left */ 21 | .clear{clear:both;}/* clear float */ 22 | .pos-relative{position:relative;}/* Position Relative */ 23 | .pos-absolute{position:absolute;}/* Position Absolute */ 24 | .vertical-base{ vertical-align:baseline;}/* vertical align baseline */ 25 | .vertical-top{ vertical-align:top;}/* vertical align top */ 26 | nav.vertical ul li{ display:block;}/* vertical menu */ 27 | nav.horizontal ul li{ display: inline-block;}/* horizontal menu */ 28 | img{max-width:100%;} 29 | /*-- end reset --*/ 30 | body { 31 | font-family: 'Open Sans', sans-serif; 32 | background: url(../images/1.jpg)repeat center 0px; 33 | background-attachment: fixed; 34 | -webkit-background-size: cover; 35 | -moz-background-size: cover; 36 | background-size: cover; 37 | } 38 | h1 { 39 | font-size: 3em; 40 | text-align: center; 41 | color: #fff; 42 | font-weight: 100; 43 | } 44 | /*-- main --*/ 45 | .main-agileits { 46 | padding: 5em 0 0; 47 | } 48 | .mainw3-agileinfo { 49 | width: 30%; 50 | margin: 4em auto; 51 | padding: 3em; 52 | } 53 | .form a { 54 | text-decoration: none; 55 | color: #fff; 56 | -webkit-transition: .5s ease; 57 | -moz-transition: .5s ease; 58 | -o-transition: .5s ease; 59 | -ms-transition: .5s ease; 60 | transition: .5s ease; 61 | } 62 | .form a:hover { 63 | color: #05e0e2; 64 | } 65 | .form { 66 | background: rgba(0, 0, 0, 0.36); 67 | -webkit-border-radius: 20px; 68 | -moz-border-radius: 20px; 69 | border-radius: 20px; 70 | } 71 | label { 72 | position: absolute; 73 | -webkit-transform: translateY(6px); 74 | -moz-transform: translateY(14px); 75 | -o-transform: translateY(14px); 76 | -ms-transform: translateY(14px); 77 | transform: translateY(14px); 78 | left: 2px; 79 | color: rgba(255, 255, 255, 0.45); 80 | -webkit-transition: all 0.25s; 81 | -moz-transition: all 0.25s; 82 | transition: all 0.25s; 83 | -webkit-backface-visibility: hidden; 84 | pointer-events: none; 85 | font-size: 1em; 86 | } 87 | label .req { 88 | margin: 2px; 89 | color: #FFC107; 90 | } 91 | label.active { 92 | -webkit-transform: translateY(50px); 93 | -moz-transform: translateY(58px); 94 | -o-transform: translateY(58px); 95 | -ms-transform: translateY(58px); 96 | transform: translateY(58px); 97 | font-size: .75em; 98 | } 99 | label.active .req { 100 | opacity: 0; 101 | } 102 | label.highlight { 103 | color: #fff; 104 | } 105 | input, textarea { 106 | font-size: 1em; 107 | display: block; 108 | width: 93%; 109 | padding:1em 1em 1em 0; 110 | background: none; 111 | background-image: none; 112 | border: none; 113 | border-bottom: 1px solid #8e8e8e; 114 | color: #fff; 115 | border-radius: 0; 116 | -webkit-transition: border-color .25s ease, box-shadow .25s ease; 117 | -moz-transition: border-color .25s ease, box-shadow .25s ease; 118 | transition: border-color .25s ease, box-shadow .25s ease; 119 | } 120 | input:focus, textarea:focus { 121 | outline: 0; 122 | border-color: #FFC107; 123 | } 124 | textarea { 125 | border: 2px solid #a0b3b0; 126 | resize: vertical; 127 | } 128 | .field-wrap { 129 | position: relative; 130 | margin-bottom: 40px; 131 | } 132 | .button { 133 | border: 0; 134 | outline: none; 135 | padding: 1.1em; 136 | font-size: 1em; 137 | font-weight: 600; 138 | text-transform: uppercase; 139 | background:#05e0e2; 140 | color: #fff; 141 | cursor: pointer; 142 | -webkit-transition: all 0.5s ease; 143 | -moz-transition: all 0.5s ease; 144 | -o-transition: all 0.5s ease; 145 | -ms-transition: all 0.5s ease; 146 | transition: all 0.5s ease; 147 | -webkit-appearance: none; 148 | margin-top:2.2em; 149 | -webkit-border-radius: 5px; 150 | -moz-border-radius: 5px; 151 | border-radius: 5px; 152 | } 153 | .button:hover, .button:focus { 154 | background: #00cacc; 155 | letter-spacing: 7px; 156 | } 157 | .button-block { 158 | display: block; 159 | width: 100%; 160 | } 161 | .forgot { 162 | text-align: left; 163 | font-size: 1em; 164 | font-weight: 300; 165 | letter-spacing: 1px; 166 | } 167 | /*-- //main --*/ 168 | /*-- copyright --*/ 169 | .w3copyright-agile{ 170 | text-align: center; 171 | padding-bottom:3em; 172 | margin-bottom: 0; 173 | width: 100%; 174 | } 175 | .w3copyright-agile p { 176 | font-size: 0.9em; 177 | color: #fff; 178 | line-height:1.8em; 179 | letter-spacing: 1px; 180 | } 181 | .w3copyright-agile p a{ 182 | color: #fff; 183 | -webkit-transition: 0.5s all; 184 | -moz-transition: 0.5s all; 185 | -o-transition: 0.5s all; 186 | -ms-transition: 0.5s all; 187 | transition: 0.5s all; 188 | } 189 | .w3copyright-agile p a:hover{ 190 | color:#05e0e2; 191 | } 192 | /*-- //copyright --*/ 193 | /*-- responsive-design --*/ 194 | @media(max-width:1440px){ 195 | .main-agileits { 196 | padding: 3em 0 0; 197 | } 198 | } 199 | @media(max-width:1280px){ 200 | .mainw3-agileinfo { 201 | width: 35%; 202 | margin: 3em auto; 203 | padding: 2.5em; 204 | } 205 | } 206 | @media(max-width:1080px){ 207 | .main-agileits { 208 | padding: 2em 0 0; 209 | } 210 | h1 { 211 | font-size: 2.6em; 212 | } 213 | .button { 214 | padding: 1em; 215 | } 216 | .mainw3-agileinfo { 217 | width: 40%; 218 | } 219 | } 220 | @media(max-width:800px){ 221 | h1 { 222 | font-size: 2.4em; 223 | } 224 | .mainw3-agileinfo { 225 | width: 45%; 226 | } 227 | } 228 | @media(max-width:768px){ 229 | h1 { 230 | font-size: 2.2em; 231 | } 232 | .mainw3-agileinfo { 233 | width: 55%; 234 | padding: 2em; 235 | } 236 | label { 237 | font-size: 0.9em; 238 | } 239 | input, textarea { 240 | font-size: 0.9em; 241 | } 242 | } 243 | @media(max-width:667px){ 244 | .mainw3-agileinfo { 245 | width: 65%; 246 | margin: 2em auto; 247 | } 248 | .button { 249 | font-size: 0.9em; 250 | } 251 | .w3copyright-agile p { 252 | padding: 0 1em; 253 | } 254 | } 255 | @media(max-width:480px){ 256 | .mainw3-agileinfo { 257 | width: 70%; 258 | } 259 | h1 { 260 | font-size: 2em; 261 | } 262 | .forgot { 263 | font-size: 0.9em; 264 | } 265 | } 266 | @media(max-width:320px){ 267 | .main-agileits { 268 | padding: 1.5em 0 0; 269 | } 270 | .mainw3-agileinfo { 271 | width: 75%; 272 | padding: 1.5em; 273 | } 274 | label,input, textarea{ 275 | font-size: 0.8em; 276 | } 277 | input, textarea { 278 | width: 95%; 279 | } 280 | label.active { 281 | -webkit-transform: translateY(47px); 282 | -moz-transform: translateY(47px); 283 | -o-transform: translateY(47px); 284 | -ms-transform: translateY(47px); 285 | transform: translateY(47px); 286 | font-size: .7em; 287 | } 288 | .field-wrap { 289 | margin-bottom: 30px; 290 | } 291 | .forgot { 292 | font-size: 0.8em; 293 | } 294 | .button { 295 | font-size: 0.8em; 296 | padding: 0.9em; 297 | margin-top: 1.5em; 298 | } 299 | .w3copyright-agile p { 300 | font-size: 0.8em; 301 | letter-spacing: 0px; 302 | } 303 | } -------------------------------------------------------------------------------- /ForgotPassword.html: -------------------------------------------------------------------------------- 1 | 2 | 3 |
4 |Rohan Pillai (15BIT049) | Shrey Vaghela (15BIT064)
40 |Email has been sent! You will be redirected to the login page in 5 sec.