misc file making for dap demo
Showing
1 changed file
with
120 additions
and
0 deletions
application/public/misc/register_form.php
0 → 100644
| 1 | <!DOCTYPE html> | ||
| 2 | <html lang="en"> | ||
| 3 | <head> | ||
| 4 | <title>HDFC Form</title> | ||
| 5 | <meta charset="utf-8"> | ||
| 6 | <meta name="viewport" content="width=device-width, initial-scale=1"> | ||
| 7 | |||
| 8 | <style> | ||
| 9 | *{ | ||
| 10 | margin:0; | ||
| 11 | padding:0; | ||
| 12 | } | ||
| 13 | |||
| 14 | body{ | ||
| 15 | |||
| 16 | background-color:#f0f0f0; | ||
| 17 | font-family:helvetica; | ||
| 18 | } | ||
| 19 | |||
| 20 | #bg{ | ||
| 21 | position:relative; | ||
| 22 | top:20px; | ||
| 23 | height:800px; | ||
| 24 | width:800px; | ||
| 25 | background:url('https://i.imgur.com/3eP9Z4O.png') center no-repeat; | ||
| 26 | background-size:cover; | ||
| 27 | margin-left:auto; | ||
| 28 | margin-right:auto; | ||
| 29 | border:#fff 15px solid; | ||
| 30 | } | ||
| 31 | |||
| 32 | .module{ | ||
| 33 | position:relative; | ||
| 34 | top:15%; | ||
| 35 | height:70%; | ||
| 36 | width:450px; | ||
| 37 | margin-left:auto; | ||
| 38 | margin-right:auto; | ||
| 39 | border-radius:5px; | ||
| 40 | background:RGBA(255,255,255,1); | ||
| 41 | |||
| 42 | -webkit-box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .45); | ||
| 43 | box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, .45); | ||
| 44 | |||
| 45 | } | ||
| 46 | |||
| 47 | .module ul{ | ||
| 48 | list-style-type:none; | ||
| 49 | margin:0; | ||
| 50 | |||
| 51 | } | ||
| 52 | |||
| 53 | .form{ | ||
| 54 | float:left; | ||
| 55 | height:86%; | ||
| 56 | width:100%; | ||
| 57 | box-sizing:border-box; | ||
| 58 | padding:40px; | ||
| 59 | } | ||
| 60 | |||
| 61 | .textbox{ | ||
| 62 | height:50px; | ||
| 63 | width:100%; | ||
| 64 | border-radius:3px; | ||
| 65 | border:rgba(0,0,0,.3) 2px solid; | ||
| 66 | box-sizing:border-box; | ||
| 67 | padding:10px; | ||
| 68 | margin-bottom:30px; | ||
| 69 | } | ||
| 70 | |||
| 71 | .textbox:focus{ | ||
| 72 | outline:none; | ||
| 73 | border:rgba(24,149,215,1) 2px solid; | ||
| 74 | color:rgba(24,149,215,1); | ||
| 75 | } | ||
| 76 | |||
| 77 | .button{ | ||
| 78 | height:50px; | ||
| 79 | width:100%; | ||
| 80 | border-radius:3px; | ||
| 81 | border:rgba(0,0,0,.3) 0px solid; | ||
| 82 | box-sizing:border-box; | ||
| 83 | padding:10px; | ||
| 84 | margin-bottom:30px; | ||
| 85 | background:#90c843; | ||
| 86 | color:#FFF; | ||
| 87 | font-weight:bold; | ||
| 88 | font-size: 12pt; | ||
| 89 | transition:background .4s; | ||
| 90 | cursor:pointer; | ||
| 91 | } | ||
| 92 | |||
| 93 | .button:hover{ | ||
| 94 | background:#80b438; | ||
| 95 | |||
| 96 | } | ||
| 97 | </style> | ||
| 98 | </head> | ||
| 99 | |||
| 100 | <body> | ||
| 101 | <div id="bg"> | ||
| 102 | <div class="module"> | ||
| 103 | <br> | ||
| 104 | <center><h3>Fill Form</h3><br></center> | ||
| 105 | <form class="form" action="process.php" method="POST"> | ||
| 106 | <input type="text" placeholder="First Name" class="textbox" required name="fname" /> | ||
| 107 | <input type="text" name="lname" placeholder="Last Name" class="textbox" required/> | ||
| 108 | <input type="text" maxlength="10" pattern="[0-9]{10}" name="contact" placeholder="Contact Number" class="textbox" required/> | ||
| 109 | <input type="text" maxlength="10" pattern="[0-9]{10}" name="alt_contact" placeholder="Alternate Number" class="textbox" required/> | ||
| 110 | <input type="email" name="email" placeholder="Email Address" class="textbox" required/> | ||
| 111 | <input type="submit" value="submit" type="submit" class="button" id="submit"> | ||
| 112 | </form> | ||
| 113 | |||
| 114 | </div> | ||
| 115 | </div> | ||
| 116 | |||
| 117 | </body> | ||
| 118 | </html> | ||
| 119 | |||
| 120 |
-
Please register or sign in to post a comment