Monday 12 August 2013

Html 5 Registration page


//Styles


 <style>
        .signup-box {
            background: rgb(241, 241, 241);
            margin: 0px;
            padding: 25px;
            border: 1px solid rgb(229, 229, 229);
        }

        .inputFields {
            border-top-width: 1px;
            border-right-width: 1px;
            border-bottom-width: 1px;
            border-left-width: 1px;
            border-top-style: solid;
            border-left-style: solid;
            border-top-color: #bdc7d8;
            border-right-color: #bdc7d8;
            border-bottom-color: #bdc7d8;
            border-left-color: #bdc7d8;
            border-top-left-radius: 5px;
            border-top-right-radius: 5px;
            padding-top: 8px;
            padding-left: 10px;
            padding-bottom: 8px;
            padding-right: 10px;
            font-size: 18px;
        }

        .btnSave {
            color: #6BA64A;
            background-color: #6BA64A;
            border: 1px solid;
            border-radius: 5px 5px 5px 5px;
            color: rgb(255, 255, 255);
            cursor: pointer;
            display: inline-block;
            letter-spacing: 1px;
            position: relative;
            text-shadow: 0px 1px 2px rgba(0, 0, 0, 0.5);
            background: -moz-linear-gradient(center top, rgb(103, 174, 85), rgb(87, 136, 67)) repeat scroll 0% 0% rgb(105, 167, 78);
            box-shadow: 0px 1px 1px rgb(164, 227, 136) inset;
            border-color: rgb(59, 110, 34) rgb(59, 110, 34) rgb(44, 81, 21);
            font-size: 19px;
            line-height: 126%;
            min-width: 194px;
            padding: 7px 20px;
            text-align: center;
            font-family: 'Freight Sans Bold' !important;
            font-weight: normal !important;
            text-rendering: optimizelegibility;
        }

    </style>





<div class="signup-box" style="width:500px;border-top-right-radius:10px;border-top-left-radius:10px;border-bottom-left-radius:10px;border-bottom-right-radius:10px">

       <asp:Label ID="lblMessage" runat="server" ForeColor="Red"></asp:Label>
      <br />
  <fieldset>
  <legend><strong></strong></legend>
      <table>
         <tr>
            <td><input class="inputFields" type="text" runat="server" id="txtFirstName" placeholder="First Name" ></input>
            </td>
            <td style="margin-left:20px"><input type="text" runat="server" class="inputFields" id="txtLastName" placeholder="Last Name" ></input></td>
         </tr>
         <tr>
             <td colspan="2"><input style="width:430px"  type="text" runat="server" id="txtEducation" class="inputFields" placeholder="Education" ></input>
             </td>
         </tr>
         <tr>
            <td colspan="2"><input type="text" style="width:430px" runat="server" id="txtDesignation" class="inputFields" placeholder="Designation" ></input>
            </td>
         </tr>
     </table>
  </fieldset>
       <br />
   <fieldset>
      <legend><strong></strong></legend>
        <table>
            <tr>      
                <td colspan="2"><input style="width:430px" class="inputFields" type="text" runat="server" id="txtcompanyname" placeholder="Company Name" ></input>
                </td>
            </tr>
            <tr>
                <td colspan="2"><input style="width:430px"  type="text" runat="server" id="txtemailcompany" class="inputFields" placeholder="Email id (company)" ></input>
                </td>
            </tr>
            <tr>
                <td colspan="2"><input type="text" style="width:430px" runat="server" id="txtemailpersonal" class="inputFields" placeholder="Email id (Personal)" ></input>
                </td>
            </tr>
            <tr>
                <td colspan="2"><input type="text" style="width:430px" runat="server" id="txtweburl" class="inputFields" placeholder="Web URL" ></input>
                </td>
            </tr>
            <tr>
                <td colspan="2"><input type="text" style="width:430px" runat="server" id="txtsector" class="inputFields" placeholder="Sector" ></input>
                </td>
            </tr>
        </table>
 </fieldset>
 <br />
  <fieldset>
      <legend><strong></strong></legend>
        <table>
            <tr>      
                <td colspan="2"><input style="width:430px" class="inputFields" type="text" runat="server" id="txtAddress1" placeholder="Address 1" ></input>
                </td>
            </tr>
            <tr>
                <td colspan="2"><input style="width:430px"  type="text" runat="server" id="txtAddress2" class="inputFields" placeholder="Address 2" ></input>
                </td>
            </tr>
            <tr>
           
                <td colspan="2"><input style="width:430px"  type="text" runat="server" id="txtcountry" class="inputFields" placeholder="Country" ></input>
                </td>
            </tr>
            <tr>
                <td colspan="2"><input style="width:430px"  type="text" runat="server" id="txtstate" class="inputFields" placeholder="State" ></input>
                </td>
            </tr>
            <tr>
                <td colspan="2"><input style="width:430px"  type="text" runat="server" id="txtcity" class="inputFields" placeholder="City" ></input>
                </td>
            </tr>
            <tr>
                <td colspan="2"><input type="text" style="width:430px" runat="server" id="txtPinCode" class="inputFields" placeholder="Pin Code" ></input>
             
            </tr>
        </table>
 </fieldset>
      <br />
 <fieldset>
      <legend><strong></strong></legend>
        <table>
            <tr>      
                <td colspan="2"><input style="width:430px" class="inputFields" type="text" runat="server" id="txtteloffice" placeholder="Tel - Office" ></input>
                </td>
            </tr>
            <tr>
                <td colspan="2"><input style="width:430px"  type="text" runat="server" id="txtExt" class="inputFields" placeholder="Ext" ></input>
                </td>
            </tr>
            <tr>
                <td colspan="2"><input type="text" style="width:430px" runat="server" id="txtDirectNum" class="inputFields" placeholder="Direct Number" ></input>
                </td>
            </tr>
            <tr>
                <td colspan="2"><input type="text" style="width:430px" runat="server" id="txtMobileNum" class="inputFields" placeholder="Mobile Number" ></input>
                </td>
            </tr>
            <tr>
                <td colspan="2"><input type="text" style="width:430px" runat="server" id="txtMobileNum2" class="inputFields" placeholder="Mobile number 2" ></input>
                </td>
            </tr>
            <tr>
                <td colspan="2"><input type="text" style="width:430px" runat="server" id="txtFax" class="inputFields" placeholder="Fax" ></input>
                </td>
            </tr>
        </table>
 </fieldset>
  <br />
      <table>
          <tr>
              <td> <asp:Button ID="btnSave" runat="server" CssClass="btnSave" Text="Save" OnClick="btnSave_Click" /></td>
              <td> <asp:Button ID="btnGenerateReport" runat="server" CssClass="btnSave" Text="Generate Report" OnClick="btnGenerateReport_Click" /></td>
          </tr>
      </table>
  </div>

No comments:

Post a Comment