Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <meta http-equiv="X-UA-Compatible" content="IE=edge">
- <meta name="viewport" content="width=device-width, initial-scale=1">
- <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
- <!--Bootstrap 3 to make it mobie first, zooming, responsive-->
- <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
- <title>PropShelf : Home</title>
- <!-- Favicon -->
- <link rel="shortcut icon" type="image/icon" href="assets/images/PropShelf-logo.jpg" />
- <!-- Font Awesome -->
- <link href="assets/css/font-awesome.css" rel="stylesheet">
- <!-- Bootstrap -->
- <link href="assets/css/bootstrap.css" rel="stylesheet">
- <!-- Slick slider -->
- <link rel="stylesheet" type="text/css" href="assets/css/slick.css"/>
- <!-- Fancybox slider -->
- <link rel="stylesheet" href="assets/css/jquery.fancybox.css" type="text/css" media="screen" />
- <!-- Animate css -->
- <link rel="stylesheet" type="text/css" href="assets/css/animate.css"/>
- <!-- Theme color -->
- <link id="switcher" href="assets/css/theme-color/red-theme.css" rel="stylesheet">
- <link href="preloader.css" rel="stylesheet">
- <!-- Main Style -->
- <link href="style.css" rel="stylesheet">
- <!-- Fonts -->
- <!-- Open Sans for body font -->
- <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
- <!-- Raleway for Title -->
- <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet" type="text/css">
- <!-- Pacifico for 404 page -->
- <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet" type="text/css">
- <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
- <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
- <!--[if lt IE 9]>
- <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
- <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
- <![endif]-->
- <script>
- function ValidateEmail(inputText)
- {
- var mailformat = /^\w+([\.-]?\w+)*@(?!yahoo|gmail|aol|hotmail|rediff|outlook)(\w+)([\.-]?\w+)*(\.\w{2,3})+$/;
- if(!(inputText.value.match(mailformat)))
- {
- document.form1.email.focus();
- document.form1.email.setCustomValidity("This email is invalid. Please try again :(");
- document.form1.submit.click()
- }
- var pass1 = document.form1.pass.value;
- var pass2 = document.form1.confirm_pass.value;
- var ok = true;
- if (pass1 != pass2) {
- //alert("Passwords Do not match");
- document.form1.pass.style.borderColor = "#E34234";
- document.form1.confirm_pass.style.borderColor = "#E34234";
- document.form1.confirm_pass.setCustomValidity("Passwords don't match");
- }
- return ok;
- }
- </script>
- <style>
- body {
- background-image: url(assets/images/loginimagehouseblur1.jpg);
- background-size: cover;
- font-family: Montserrat;
- }
- .logo {
- text-align: center;
- color: #fff;
- font-size: 55px;
- text-transform: uppercase;
- font-weight: bold;
- font-family: 'Exo', sans-serif;
- margin-top: 0;
- margin-bottom: 20px;}
- .login-block {
- width: 480px;
- padding: 20px;
- background: #fff;
- border-radius: 5px;
- border-top: 5px solid #ff656c;
- margin: 80px auto;
- }
- .login-block h1 {
- text-align: center;
- color: #000;
- font-size: 18px;
- text-transform: uppercase;
- margin-top: 0;
- margin-bottom: 20px;
- }
- .login-block input {
- align-self: center;
- width: 48%;
- height: 42px;
- box-sizing: border-box;
- border-radius: 5px;
- border: 1px solid #ccc;
- margin-right: 8px;
- margin-bottom: 20px;
- font-size: 14px;
- font-family: Montserrat;
- padding: 0 20px 0 50px;
- outline: none;
- }
- .login-block input#name{
- align-self: center;
- width: 100%;
- height: 42px;
- box-sizing: border-box;
- border-radius: 5px;
- border: 1px solid #ccc;
- /* margin-right: 8px;*/
- margin-bottom: 20px;
- font-size: 14px;
- font-family: Montserrat;
- padding: 0 20px 0 50px;
- outline: none;
- background: #fff url('http://i.imgur.com/u0XmBmv.png') 20px top no-repeat;
- background-size: 16px 80px;
- }
- .login-block input#username {
- background: #fff url('http://i.imgur.com/u0XmBmv.png') 20px top no-repeat;
- background-size: 16px 80px;
- float:left;
- }
- /*
- .login-block input#username:focus {
- background: #fff url('http://i.imgur.com/u0XmBmv.png') 20px bottom no-repeat;
- background-size: 16px 80px;
- }
- */
- .login-block input#password {
- align-self: center;
- width: 100%;
- height: 42px;
- box-sizing: border-box;
- border-radius: 5px;
- border: 1px solid #ccc;
- /* margin-right: 8px;*/
- margin-bottom: 20px;
- font-size: 14px;
- font-family: Montserrat;
- padding: 0 20px 0 50px;
- outline: none;
- background: #fff url('http://i.imgur.com/Qf83FTt.png') 20px top no-repeat;
- background-size: 16px 80px;
- }
- /*
- .login-block input#password:focus {
- background: #fff url('http://i.imgur.com/Qf83FTt.png') 20px bottom no-repeat;
- background-size: 16px 80px;
- }
- .login-block input:active, .login-block input:focus {
- border: 1px solid #ff656c;
- }
- */
- .login-block button {
- width: 48%;
- height: 40px;
- background: #ff656c;
- box-sizing: border-box;
- border-radius: 5px;
- border: 1px solid #e15960;
- margin-right: 4px;
- color: #fff;
- font-weight: bold;
- text-transform: uppercase;
- font-size: 14px;
- font-family: Montserrat;
- outline: none;
- cursor: pointer;
- }
- .login-block button:hover {
- background: #ff7b81;
- }
- .login-block1 {
- width: 320px;
- padding: 20px;
- background: #fff;
- border-radius: 5px;
- border-top: 5px solid #ff656c;
- margin: 50px auto;
- }
- .login-block1 button{
- width: 100%;
- height: 40px;
- background: #ff656c;
- box-sizing: border-box;
- border-radius: 5px;
- border: 1px solid #e15960;
- color: #fff;
- font-weight: bold;
- text-transform: uppercase;
- font-size: 14px;
- font-family: Montserrat;
- outline: none;
- cursor: pointer;
- }
- .login-block1 button:hover {
- background: #ff7b81;
- }
- </style>
- </head>
- <body>
- <form name="form1" action="#">
- <div class="login-block">
- <h1>Register yourself !</h1>
- <input type="text" placeholder="First Name" name="first_name" id="username"required autofocus>
- <input type="text" placeholder="Second Name" name="second_name" id="username"required>
- <input type="text" placeholder="Company Name" name="company_name" id="name"required>
- <input type="email" placeholder="Email" name="email" id="name"required>
- <input type="password" placeholder="Password" name="pass" id="password" required>
- <input type="password" placeholder="Comfirm Password" name="confirm_pass" id="confirm_password" required>
- <input type="text" placeholder="Reason to Apply" id="name"required>
- <h1>We will get back to you later</h1>
- <button name="submit" onclick="ValidateEmail(document.form1.email)">Click me</button>
- <!-- <button href="index.html">back</button>-->
- <!-- <button onclick="index.html">back</button>-->
- <!--<button formaction="http://stackoverflow.com">Go to stackoverflow!</button>-->
- <a href="index.html" target="_parent"><button>back</button></a>
- </div>
- </form>
- </body>
- </html>
Add Comment
Please, Sign In to add comment