Guest User

Untitled

a guest
Jun 7th, 2016
53
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 7.55 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3.  
  4. <head>
  5. <meta charset="utf-8">
  6. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  7. <meta name="viewport" content="width=device-width, initial-scale=1">
  8. <link href='http://fonts.googleapis.com/css?family=Montserrat:400,700' rel='stylesheet' type='text/css'>
  9. <!--Bootstrap 3 to make it mobie first, zooming, responsive-->
  10. <!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
  11. <title>PropShelf : Home</title>
  12. <!-- Favicon -->
  13. <link rel="shortcut icon" type="image/icon" href="assets/images/PropShelf-logo.jpg" />
  14. <!-- Font Awesome -->
  15. <link href="assets/css/font-awesome.css" rel="stylesheet">
  16. <!-- Bootstrap -->
  17. <link href="assets/css/bootstrap.css" rel="stylesheet">
  18. <!-- Slick slider -->
  19. <link rel="stylesheet" type="text/css" href="assets/css/slick.css"/>
  20. <!-- Fancybox slider -->
  21. <link rel="stylesheet" href="assets/css/jquery.fancybox.css" type="text/css" media="screen" />
  22. <!-- Animate css -->
  23. <link rel="stylesheet" type="text/css" href="assets/css/animate.css"/>
  24. <!-- Theme color -->
  25. <link id="switcher" href="assets/css/theme-color/red-theme.css" rel="stylesheet">
  26.  
  27. <link href="preloader.css" rel="stylesheet">
  28. <!-- Main Style -->
  29. <link href="style.css" rel="stylesheet">
  30.  
  31.  
  32. <!-- Fonts -->
  33. <!-- Open Sans for body font -->
  34. <link href="https://fonts.googleapis.com/css?family=Open+Sans" rel="stylesheet" type="text/css">
  35. <!-- Raleway for Title -->
  36. <link href="https://fonts.googleapis.com/css?family=Raleway" rel="stylesheet" type="text/css">
  37. <!-- Pacifico for 404 page -->
  38. <link href="https://fonts.googleapis.com/css?family=Pacifico" rel="stylesheet" type="text/css">
  39. <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
  40. <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
  41. <!--[if lt IE 9]>
  42. <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
  43. <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
  44. <![endif]-->
  45. <script>
  46. function ValidateEmail(inputText)
  47. {
  48.  
  49. var mailformat = /^\w+([\.-]?\w+)*@(?!yahoo|gmail|aol|hotmail|rediff|outlook)(\w+)([\.-]?\w+)*(\.\w{2,3})+$/;
  50. if(!(inputText.value.match(mailformat)))
  51. {
  52. document.form1.email.focus();
  53. document.form1.email.setCustomValidity("This email is invalid. Please try again :(");
  54. document.form1.submit.click()
  55. }
  56.  
  57.  
  58. var pass1 = document.form1.pass.value;
  59. var pass2 = document.form1.confirm_pass.value;
  60. var ok = true;
  61. if (pass1 != pass2) {
  62. //alert("Passwords Do not match");
  63. document.form1.pass.style.borderColor = "#E34234";
  64. document.form1.confirm_pass.style.borderColor = "#E34234";
  65. document.form1.confirm_pass.setCustomValidity("Passwords don't match");
  66. }
  67. return ok;
  68.  
  69. }
  70. </script>
  71. <style>
  72. body {
  73. background-image: url(assets/images/loginimagehouseblur1.jpg);
  74. background-size: cover;
  75. font-family: Montserrat;
  76. }
  77.  
  78. .logo {
  79. text-align: center;
  80. color: #fff;
  81. font-size: 55px;
  82. text-transform: uppercase;
  83. font-weight: bold;
  84. font-family: 'Exo', sans-serif;
  85. margin-top: 0;
  86. margin-bottom: 20px;}
  87.  
  88. .login-block {
  89. width: 480px;
  90. padding: 20px;
  91. background: #fff;
  92. border-radius: 5px;
  93. border-top: 5px solid #ff656c;
  94. margin: 80px auto;
  95. }
  96.  
  97. .login-block h1 {
  98. text-align: center;
  99. color: #000;
  100. font-size: 18px;
  101. text-transform: uppercase;
  102. margin-top: 0;
  103. margin-bottom: 20px;
  104. }
  105.  
  106. .login-block input {
  107. align-self: center;
  108. width: 48%;
  109. height: 42px;
  110. box-sizing: border-box;
  111. border-radius: 5px;
  112. border: 1px solid #ccc;
  113. margin-right: 8px;
  114. margin-bottom: 20px;
  115. font-size: 14px;
  116. font-family: Montserrat;
  117. padding: 0 20px 0 50px;
  118. outline: none;
  119. }
  120.  
  121. .login-block input#name{
  122. align-self: center;
  123. width: 100%;
  124. height: 42px;
  125. box-sizing: border-box;
  126. border-radius: 5px;
  127. border: 1px solid #ccc;
  128. /* margin-right: 8px;*/
  129. margin-bottom: 20px;
  130. font-size: 14px;
  131. font-family: Montserrat;
  132. padding: 0 20px 0 50px;
  133. outline: none;
  134. background: #fff url('http://i.imgur.com/u0XmBmv.png') 20px top no-repeat;
  135. background-size: 16px 80px;
  136. }
  137.  
  138. .login-block input#username {
  139. background: #fff url('http://i.imgur.com/u0XmBmv.png') 20px top no-repeat;
  140. background-size: 16px 80px;
  141. float:left;
  142. }
  143.  
  144. /*
  145. .login-block input#username:focus {
  146. background: #fff url('http://i.imgur.com/u0XmBmv.png') 20px bottom no-repeat;
  147. background-size: 16px 80px;
  148. }
  149. */
  150.  
  151. .login-block input#password {
  152. align-self: center;
  153. width: 100%;
  154. height: 42px;
  155. box-sizing: border-box;
  156. border-radius: 5px;
  157. border: 1px solid #ccc;
  158. /* margin-right: 8px;*/
  159. margin-bottom: 20px;
  160. font-size: 14px;
  161. font-family: Montserrat;
  162. padding: 0 20px 0 50px;
  163. outline: none;
  164. background: #fff url('http://i.imgur.com/Qf83FTt.png') 20px top no-repeat;
  165. background-size: 16px 80px;
  166. }
  167.  
  168. /*
  169. .login-block input#password:focus {
  170. background: #fff url('http://i.imgur.com/Qf83FTt.png') 20px bottom no-repeat;
  171. background-size: 16px 80px;
  172. }
  173.  
  174. .login-block input:active, .login-block input:focus {
  175. border: 1px solid #ff656c;
  176. }
  177. */
  178.  
  179. .login-block button {
  180. width: 48%;
  181. height: 40px;
  182. background: #ff656c;
  183. box-sizing: border-box;
  184. border-radius: 5px;
  185. border: 1px solid #e15960;
  186. margin-right: 4px;
  187. color: #fff;
  188. font-weight: bold;
  189. text-transform: uppercase;
  190. font-size: 14px;
  191. font-family: Montserrat;
  192. outline: none;
  193. cursor: pointer;
  194. }
  195.  
  196. .login-block button:hover {
  197. background: #ff7b81;
  198. }
  199.  
  200.  
  201. .login-block1 {
  202. width: 320px;
  203. padding: 20px;
  204. background: #fff;
  205. border-radius: 5px;
  206. border-top: 5px solid #ff656c;
  207. margin: 50px auto;
  208. }
  209.  
  210. .login-block1 button{
  211. width: 100%;
  212. height: 40px;
  213. background: #ff656c;
  214. box-sizing: border-box;
  215. border-radius: 5px;
  216. border: 1px solid #e15960;
  217. color: #fff;
  218. font-weight: bold;
  219. text-transform: uppercase;
  220. font-size: 14px;
  221. font-family: Montserrat;
  222. outline: none;
  223. cursor: pointer;
  224. }
  225.  
  226. .login-block1 button:hover {
  227. background: #ff7b81;
  228. }
  229.  
  230. </style>
  231. </head>
  232.  
  233. <body>
  234. <form name="form1" action="#">
  235. <div class="login-block">
  236. <h1>Register yourself !</h1>
  237. <input type="text" placeholder="First Name" name="first_name" id="username"required autofocus>
  238. <input type="text" placeholder="Second Name" name="second_name" id="username"required>
  239. <input type="text" placeholder="Company Name" name="company_name" id="name"required>
  240. <input type="email" placeholder="Email" name="email" id="name"required>
  241. <input type="password" placeholder="Password" name="pass" id="password" required>
  242. <input type="password" placeholder="Comfirm Password" name="confirm_pass" id="confirm_password" required>
  243. <input type="text" placeholder="Reason to Apply" id="name"required>
  244. <h1>We will get back to you later</h1>
  245. <button name="submit" onclick="ValidateEmail(document.form1.email)">Click me</button>
  246. <!-- <button href="index.html">back</button>-->
  247. <!-- <button onclick="index.html">back</button>-->
  248. <!--<button formaction="http://stackoverflow.com">Go to stackoverflow!</button>-->
  249. <a href="index.html" target="_parent"><button>back</button></a>
  250.  
  251. </div>
  252. </form>
  253. </body>
  254.  
  255. </html>
Add Comment
Please, Sign In to add comment