locked
right registration form also affected when click on collapse panel? RRS feed

  • Question

  • User-1647172364 posted

    Hlo Sir

    when click on both 3 collapse ajax panel then the right panel is also affected up and down this problem ocurs.

    Aspx
    
    <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RegdForm.aspx.cs" Inherits="WebApplication16.RegdForm" %>
    <%@ Register Assembly="AjaxControlToolkit" Namespace="AjaxControlToolkit" TagPrefix="ajaxToolkit" %>
    
    <!DOCTYPE html>
    
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
         <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css" />
        <script src="https://kit.fontawesome.com/a7aa8e95dc.js" data-crossorigin="anonymous"></script>
    
    <%--    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet" />--%>
        <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet" />
    
        <script src='https://kit.fontawesome.com/a076d05399.js'></script>
        <link rel="stylesheet" type="text/css" href="fontawesome-free-5.14.0-web/css/all.css" />
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
    
        <title>
            New Registration
        </title>
        <style>
            
           
           
            /* Navbar container */
    .navbar {
      overflow: hidden;
      background-color: #00695C;
      font-family: Arial;
    }
    
    .navy {
      overflow:hidden;
      background-color:white;
      font-family: Arial;
      border:0.1px solid ;
      border-color:#555;
      
    }
    
    /* Links inside the navbar */
    .navbar a {
      float: left;
      font-size: 16px;
      color: white;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
    }
    
    /* Links inside the navbar */
    .navy a {
      float: left;
      font-size: 16px;
      color:#555;
      text-align: center;
      padding: 14px 16px;
      text-decoration: none;
    }
    /* The dropdown container */
    .dropdown {
      float: left;
      overflow: hidden;
    }
    
    /* Dropdown button */
    .dropdown .dropbtn {
      font-size: 16px;
      border: none;
      outline: none;
      color: white;
      padding: 14px 16px;
      background-color: inherit;
      font-family: inherit; /* Important for vertical align on mobile phones */
      margin: 0; /* Important for vertical align on mobile phones */
    }
    
    /* Add a red background color to navbar links on hover */
    .navbar a:hover, .dropdown:hover .dropbtn {
      background-color: #114c45;
    }
    
    /* Add a red background color to navbar links on hover */
    .navy a:hover, .dropdown:hover, .dropbtn {
      background-color: #E0F2F1;
    }
    /* Dropdown content (hidden by default) */
    .dropdown-content {
      display: none;
      ;
      background-color: #f9f9f9;
      min-width: 160px;
      box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
      z-index: 1;
    }
    
    /* Links inside the dropdown */
    .dropdown-content a {
      float: none;
      color: black;
      padding: 12px 16px;
      text-decoration: none;
      display: block;
      text-align: left;
    }
    
    /* Add a grey background color to dropdown links on hover */
    .dropdown-content a:hover {
      background-color: #ddd;
    }
    
    /* Show the dropdown menu on hover */
    .dropdown:hover .dropdown-content {
      display: block;
    }
            .footer {
                background-color: #444;
                height: 21em;
                width: 86em;
                /*;*/
            }
               #useful {
               line-height: 1.5em; 
                float: left;
             
               }
               #useful:hover
               {
                    color: #f9f9f9;
               }
       #info {
           line-height:1.9em;
       }
                .main { 
            text-align:center; 
            font-family:"Times New Roman"; 
        } 
        .marq { 
            padding-top:30px; 
            padding-bottom:30px; 
        } 
        .geek1 { 
            font-size:36px; 
            font-weight:bold; 
            color:white; 
            text-align:center; 
        } 
        .geek2 { 
            text-align:center; 
        } 
    
    
          .icon-object {
        text-align: center;
        margin: 10px;
    
    }
    
             </style>
    </head>
    <body>
        <form id="form1" runat="server">
            <div>
                <div class="row" style=" background-color:#E0F2F1; height:9em;
                width:86em;
                margin-left:-1em;
                margin-top:-0.5em;">
    
    <div class="col-sm-2" style="margin-left:7.4em">
        <asp:Image  runat="server" ImageUrl="~/logo-230x265.png" Height="104" />
    
    </div>
                    <div class="col-sm-4" style="margin-left:17em; margin-top:-6em; ">
                        
                        <span style="font-family: Open Sans, sans-serif; text-shadow: 0px 1px 2px rgba(0,0,0,0.4), 0px 3px 4px rgba(0,0,0,0.2); font-weight:500 ">
                        <asp:Label ID="lbl1" runat="server" ForeColor="#00695C" Font-Size="27" >
                            
                        </asp:Label></span></div>
                  <div style="margin-left:17em; margin-top:-0.5em;">
                        <br />
                        <span style="font-family: Open Sans, sans-serif; margin-top:12px ">
                        
                        <asp:Label ID="lbl2" runat="server" ForeColor="#000000" Font-Size="10.7" >
                             </asp:Label>
                        </span>
                            
                        <span style="font-family: Open Sans, sans-serif; margin-top:12px ">
                        <asp:Label  runat="server" ForeColor="#000000" Font-Size="10.7" Text="Affiliated to:" Font-Bold="true"  >
                        </asp:Label></span>
                        <span style="font-family: Open Sans, sans-serif; margin-top:12px ">
                        <asp:Label ID="lbl3" runat="server" ForeColor="#000000" Font-Size="10.7" > 
                </asp:Label>      </span>
    
    
                          <span style="font-family: Open Sans, sans-serif; margin-top:12px ">
                        <br /><asp:Label  runat="server" ForeColor="#000000" Font-Size="10.7" Text="Email:" Font-Bold="true"  >
                        </asp:Label></span>
                        <span style="font-family: Open Sans, sans-serif; margin-top:12px ">
                        
                        <asp:Label ID="lbl4" runat="server" ForeColor="#000000" Font-Size="10.7" >
                        </asp:Label></span>
                      
                      <span style="font-family: Open Sans, sans-serif; margin-top:12px ">
                        <asp:Label  runat="server" ForeColor="#000000" Font-Size="10.7" Text="Registrations Helpline:" Font-Bold="true"  >
                        </asp:Label></span>
                        <span style="font-family: Open Sans, sans-serif; margin-top:12px ">
                        
                        <asp:Label ID="lbl5" runat="server" ForeColor="#000000" Font-Size="10.7" >
                        </asp:Label></span>
                   
                      
                         <span style="font-family: Open Sans, sans-serif; margin-top:12px ">
                      <br />  <asp:Label  runat="server" ForeColor="#000000" Font-Size="10.7" Text="Tel:" Font-Bold="true"  >
                        </asp:Label></span>
                        <span style="font-family: Open Sans, sans-serif; margin-top:12px ">
                        
                        <asp:Label ID="lbl6" runat="server" ForeColor="#000000" Font-Size="10.7" >
                        </asp:Label></span>
                      
                   <span style="font-family: Open Sans, sans-serif; margin-top:12px ">
                        <asp:Label  runat="server" ForeColor="#000000" Font-Size="10.7" Text="Fax:" Font-Bold="true"  >
                        </asp:Label></span>
                        <span style="font-family: Open Sans, sans-serif; margin-top:12px ">
                        
                        <asp:Label ID="lbl7" runat="server" ForeColor="#000000" Font-Size="10.7" >
                        </asp:Label></span>
                  
                  
                   <span style="font-family: Open Sans, sans-serif; margin-top:12px ">
                        <asp:Label  runat="server" ForeColor="#000000" Font-Size="10.7" Text="Registrations Helpline:" Font-Bold="true"  >
                        </asp:Label></span>
                        <span style="font-family: Open Sans, sans-serif; margin-top:12px ">
                        
                        <asp:Label ID="lbl8" runat="server" ForeColor="#000000" Font-Size="10.7" >
                        </asp:Label></span>
                  
                  
                  
                  </div>
                        
                   
               </div>
    
                  <div class="navbar" style="width:86em; margin-left:-1em">
          <div style="margin-left:100px">
       <a href="#home"> <i class="fas fa-link">&nbsp;</i> Apply Online</a>
      <a href="#news"><i class="fas fa-link">&nbsp;  </i>Incomplete Application</a>
           <a href="#news"><i class="fas fa-link">&nbsp; </i> Invalid Application</a>
      <div class="dropdown" style="margin-left:420px;">
        <button class="dropbtn"><i class="fa fa-comment">&nbsp;ਪੰਜਾਬੀ</i>
          <i class="fa fa-caret-down"></i>
        </button>
        <div class="dropdown-content">
         <a href="#"><i class="fa fa-envelope" aria-hidden="true">&nbsp;ਪੰਜਾਬੀ</i></a>
         <a href="#"><i class="fa fa-envelope" aria-hidden="true">&nbsp;English</i></a>
    
        </div>
      </div>
           <a href="#home"><i class="fa fa-user-plus" aria-hidden="true">&nbsp;Login</i></a>
    </div>
          </div>
           
    
             
      <div class="navy" style="width:86em; margin-left:-1em">
          <div style="margin-left:100px">
        <a href="#home"><i class="fas fa-link"></i> &nbsp;Home</a>
      <a href="#news"><i class="fas fa-link"></i>&nbsp;Prospectus (Info. Broucher)</a>
           <a href="#news"><i class="fas fa-link"></i>&nbsp;Courses</a>
     
    
    </div></div>
    
         
    
                <asp:ScriptManager runat="server" ID="scriptManager1" />
                
                <div>
       <br />
        <div style="width: 270px; background: white; border:1px solid; border-color:grey; ">
            <asp:Panel runat="server" ID="panel1">
            <div style="font-weight: bold; background-color: white; border:1px solid;  border-color:grey">
        
                <table data-width="100%">
                    <tr>
                        <td style="margin-left:40px">
                          <h1 style="font-size:10px;">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;QUICK ACTIONS</h1>
                            <asp:Label runat="server" ID="textLabel" />
                        </td>
                        <td data-align="right" data-width="10px">
                            <asp:Image ID="img3" runat="server" />
                        
    
    
                        </td>
                    </tr>
                </table>
            </div>
            </asp:Panel>
            <asp:Panel runat="server" ID="panel2" Width="98%" HorizontalAlign="center">
           
                <div class="row">
                <div class="col-xm-6" style="border:1px solid; background-color:#00695C; margin-left:30px; height:80px; margin-top:15px; width:90px">
                         <h1 style="color:white"><i class="fa fa-user-plus" aria-hidden="true"></i> </h1>
                   <h5 style="margin-top:-20px; color:white">Apply now</h5>
                </div>
                <div class="col-xm-6" style="border:1px solid; background-color:#00838F; margin-left:140px; margin-top:-82px; height:80px; width:90px"">
                        <h1 style="color:white"><i class='fas fa-user-check' ></i></h1>
                      <h5 style="margin-top:-20px; color:white">Login</h5>
                    </div>
                </div>       
            </asp:Panel>
            <ajaxToolkit:CollapsiblePanelExtender runat="server" ID="cpe" TargetControlID="panel2"
             CollapseControlID="panel1" ExpandControlID="panel1" Collapsed="false" CollapsedSize="0" 
             ExpandedSize="120" ExpandedText="" CollapsedText="" TextLabelID="textLabel"
             ImageControlID="Image1" ExpandedImage="img/collapse.jpg" CollapsedImage="img/expand.jpg" >
            </ajaxToolkit:CollapsiblePanelExtender>
    </div>
          
    </div>
    
       <br />
    
               
                 <div style="width: 270px; background: white; border:1px solid; border-color:grey;">
            <asp:Panel runat="server" ID="panel3">
            <div style="font-weight: bold; background-color: white; border:1px solid;  border-color:grey">
        
                <table data-width="100%">
                    <tr>
                        <td style="margin-left:40px">
                          <h1 style="font-size:10px;">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;QUICK ACTIONS</h1>
                            <asp:Label runat="server" ID="Label6" />
                        </td>
                        <td data-align="right" data-width="10px">
                            <asp:Image ID="img2" runat="server" />
                        
                        </td>
                    </tr>
                </table>
           
                
           </div>
    
    
            </asp:Panel>
                       
            <asp:Panel runat="server" ID="panel4" Width="98%" HorizontalAlign="center">
                  <marquee behavior="scroll" direction="up">
                                             
                             <div style="width:255px; margin-left:7px">
                             Please visit the site regularly for
                             latest news of Admission and
                             Counselling Schedule.</div>
                             <hr />
                             <div style="width:255px; margin-left:7px; background-color:deeppink; color:white">
                             Online registration and filling of
                             admission forms for all new and
                             ongoing classes (except Sem-I of
                             Post Graduate classes) is going<br />
                             on.</div>
             </marquee>
           
           
            </asp:Panel>
                     
                            
            <ajaxToolkit:CollapsiblePanelExtender runat="server" ID="CollapsiblePanelExtender1" TargetControlID="panel4"
             CollapseControlID="panel3" ExpandControlID="panel3" Collapsed="false" CollapsedSize="0" 
             ExpandedSize="150" ExpandedText="" CollapsedText="" TextLabelID="label1"
             ImageControlID="Image1" ExpandedImage="img/collapse.jpg" CollapsedImage="img/expand.jpg" >
        </ajaxToolkit:CollapsiblePanelExtender>
    
                     </div>
       
                <br />
    
    
                
                 <div style="width: 270px; background: white; border:1px solid; border-color:grey;">
            <asp:Panel runat="server" ID="panel5">
            <div style="font-weight: bold; background-color: white; border:1px solid;  border-color:grey">
        
                <table data-width="100%">
    
                    <tr>
                        <td style="margin-left:40px">
                          <h1 style="font-size:15px;">&nbsp;&nbsp;&nbsp; &nbsp;Main navigation</h1>
                            <asp:Label runat="server" ID="Label7" />
                        </td>
                        <td data-align="right" data-width="10px">
                            <asp:Image ID="Image3" runat="server" />
                        </td>
                    </tr>
                </table>
            </div>
            </asp:Panel>
                     
            <asp:Panel runat="server" ID="panel6" Width="98%" >
                <div style="text-align:justify; margin-left:0.5em">
               <br />   <i class="fas fa-link"> </i><asp:Label runat="server" ID="lbl25"></asp:Label><br />
               <hr />
                  <i class="fas fa-link"></i>  <asp:Label runat="server" ID="lbl19"></asp:Label><br />
                <hr />
                   <i class="fas fa-link"></i> <asp:Label runat="server" ID="lbl20"></asp:Label><br />
             <hr />
                  <i class="fas fa-link"></i> <asp:Label runat="server" ID="lbl21"></asp:Label><br /><hr />
                  <i class="fas fa-link"></i> <asp:Label runat="server" ID="lbl22"></asp:Label><br /><hr />
                  <i class="fas fa-link"></i> <asp:Label runat="server" ID="lbl23"></asp:Label><br /><hr />
                 <i class="fas fa-link"></i> <asp:Label runat="server" id="lbl24"></asp:Label><br /><br />
           </div>
            </asp:Panel>
                           
                           
            <ajaxToolkit:CollapsiblePanelExtender runat="server" ID="CollapsiblePanelExtender2" TargetControlID="panel6"
             CollapseControlID="panel5" ExpandControlID="panel5" Collapsed="false" CollapsedSize="0" 
             ExpandedSize="260" ExpandedText="" CollapsedText="" TextLabelID="label1"
             ImageControlID="Image1" ExpandedImage="img/collapse.jpg" CollapsedImage="img/expand.jpg" >
        </ajaxToolkit:CollapsiblePanelExtender>
    </div>
        
        
                
    
           <div style="margin-left:20em; margin-top:-42.5em; border: 1px solid grey; width:930px">
                  
               
                   
                   <div style="background-color:#009688; height:120px; width:930px">
        
                          
                       <div class="icon-object" style="color:white; margin-left:435px; margin-top:20px;">
                     <h1><i class="fa fa-user-plus" aria-hidden="true"  style="color:white;"></i></h1></div>
                          <asp:Panel runat="server"  >
                         
                          </asp:Panel>
                        </div>
               
               <div style="margin-left:1em;">      
                            
    
                <div>
                    <div >
                        <asp:Panel runat="server">
                            <br />
                            <i class="fa fa-envelope" aria-hidden="true"></i>&nbsp;&nbsp;Basic Detalis
                            <hr style="width:890px; margin-left:1px;" />
                            <ul>
                                <li>
                                    Do NOT use name prefixes such as Mr/Mrs, S/Sh/Smt, Dr/Prof, Late etc.<br />
                                </li>
                                <li>
                                     only English alphabets. Numbers, symbols, UNICODEs are NOT allowed.
                                </li>
                            </ul>
                            <table>
                                <tr>
                                    <td>
                                        Candidate's name / ਵਿਦਿਆਰਥੀ ਦਾ ਨਾਮ: <i class="fas fa-asterisk" style="color:red"></i> <br />
                                        <asp:TextBox ID="Textbox1" runat="server" Height="30px" Width="320px"></asp:TextBox>
                                         <ajaxToolkit:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender1" runat="server"
                                          TargetControlID="TextBox1"
                                          WatermarkText="textthe my name"
                                          WatermarkCssClass="watermarked">
                                          </ajaxToolkit:TextBoxWatermarkExtender>
                                    </td>
                                    <td>
                                         &nbsp;Father's name / ਪਿਤਾ ਦਾ ਨਾਮ: <i class="fas fa-asterisk" style="color:red"></i> <br />
                                        &nbsp;<asp:TextBox ID="TextBox2" runat="server" Height="30px" Width="320px"></asp:TextBox>
                                        <ajaxToolkit:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender2" runat="server"
                                        TargetControlID="TextBox2"
                                        WatermarkText="textthe my name"
                                        WatermarkCssClass="watermarked">
                                        </ajaxToolkit:TextBoxWatermarkExtender>
      
        
    
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                         Mother's name / ਮਾਤਾ ਦਾ ਨਾਮ: <i class="fas fa-asterisk" style="color:red"></i>  <br />
                                        <asp:TextBox runat="server" Height="30px" Width="320px"></asp:TextBox>
                                    </td>
                                        <td>
                                          &nbsp;Date of Birth / ਜਨਮ ਮਿਤੀ: <i class="fas fa-asterisk" style="color:red"></i>  <br />
                                         &nbsp;<asp:TextBox runat="server" Height="30px" Width="320px"></asp:TextBox>
                                    </td>
                                </tr>
                            </table>
    
                             <i class="fa fa-vcard-o" style="font-size:25px;color:black"></i> Contact Details
                            <hr style="width:890px; margin-left:1px;" />
                            Fill your own Mobile No, e-Mail. All further communication like counselling, notices, password recovery, Fee confirmations will be sent<br />
                            on registered Mobile, e-Mail only. Therefore, <b style="color:red"> DO NOT fill Mobile No and e-Mail of friends, cyber cafe etc.</b><br />
    
                           <h5> ਉਮੀਦਵਾਰ ਕੇਵਲ ਆਪਣਾ ਮੋਬਾਈਲ ਨੰਬਰ, ਈ-ਮੇਲ ਹੀ ਭਰਨ । ਦਾਖਲੇ ਸਬੰਧੀ ਸਾਰੀ ਜਾਣਕਾਰੀ ਜਿਵੇਂ ਕਾਊਂਸਲਿੰਗ, ਨੋਟਿਸ, ਪਾਸਵਰਡ ਰਿਕਵਰੀ, ਫੀਸ ਦੀ ਪੁਸ਼ਟੀ ਆਦਿ <br />
                            ਕੇਵਲ ਰਜਿਸਟਰ ਕੀਤੇ ਮੋਬਾਈਲ ਨੰਬਰ, ਈ-ਮੇਲ ਤੇ ਹੀ ਭੇਜੇ ਜਾਣਗੇ । ਇਸ ਲਈ, <b style="color:red"> ਆਪਣੇ ਕਿਸੇ ਸਾਥੀ ਜਾਂ ਸਾਈਬਰ ਕੈਫੇ ਦਾ ਮੋਬਾਈਲ ਜਾਂ ਈ-ਮੇਲ ਨਾਂ ਭਰਿਆ ਜਾਵੇ । </b></h5>
    
                            <table>
                                <tr>
                                    <td>
                                        Mobile No / ਮੋਬਾਇਲ ਨੰ: <i class="fas fa-asterisk" style="color:red"></i>  <br />
                                        <asp:TextBox runat="server" Height="30px" Width="320px"></asp:TextBox>
                                    </td>
                                    <td>
                                        &nbsp; Email / ਈ ਮੇਲ: <i class="fas fa-asterisk" style="color:red"></i>  <br />
                                         &nbsp;<asp:TextBox runat="server" Height="30px" Width="320px"></asp:TextBox>
                                    </td>
                                </tr>
                                  </table>
    
                             <div>
                                        <i class='fas fa-user-check' style='font-size:15px;color:black'></i> CAPTCHA VALIDATION
                                         <hr style="width:890px; margin-left:1px;" />
                               </div>
    
                            <table>
                                <tr>
                                    <td>
                                        Code / ਕੈਪਚਾ ਨੰ: <i class="fas fa-asterisk" style="color:red"></i> <br />
                                        <asp:TextBox runat="server" Height="30px" Width="320px"></asp:TextBox>
                                    </td>
                                    <td>
                                        &nbsp;Image / ਕੈਪਚਾ ਕੋਡ:
                                    </td>
                                </tr>
                            </table>
                          
                            <div>
                                <i class="fa fa-check-square-o" aria-hidden="true"></i>UNDERTAKING
                                   <hr style="width:890px; margin-left:1px;" />
                            </div>
                            <ul>
                                <li>
                                    I am aware of all the entries of this online application for admission and in case the information given in my online application is<br />
                                    found to be false or incomplete, my candidature/admission will be cancelled and no claim for Fee refund or any other kind<br /> 
                                    whatsoever will be entertained by the college.
                                </li>
                                <li>
                                   <h5> ਜੇ ਮੇਰੇ ਦੁਆਰਾ ਦਿੱਤੀ ਜਾਣਕਾਰੀ ਗਲਤ/ਅਧੂਰੀ ਪਾਈ ਗਈ ਤਾਂ ਮੇਰਾ ਨਾਮ ਕਾਲਜ ਵਿਚੋਂ ਕੱਟ ਦਿਤਾ ਜਾਵੇਗਾ। ਮੈਨੂੰ ਕੋਈ ਫੀਸ ਵਾਪਿਸ ਨਹੀਂ ਕੀਤੀ ਜਾਵੇਗੀ ਅਤੇ ਇਸ ਨਾਲ<br />
                                    ਹੋਣ ਵਾਲੇ ਕਿਸੇ ਵੀ ਨੁਕਸਾਨ ਦੀ ਭਰਪਾਈ ਕਰਨ ਦੀ ਕਾਲਜ ਦੀ ਕੋਈ ਜਿੰਮੇਵਾਰੀ ਨਹੀਂ ਹੋਵੇਗੀ । </h5>
                                </li>
                                <li>
                                    I agree to observe and abide by all the rules and regulations (amended from time to time) of the institute in respect of courses of <br />
                                    study, syllabi, scheme of examination, discipline & conduct, Fee and funds.
                                </li>
                                <li>
                                  <h5>  ਮੈਂ ਕਾਲਜ ਦੇ ਸਾਰੇ ਨਿਯਮਾਂ (ਜਿਵੇਂ ਕਿ ਫੀਸ, ਸਿਲੇਬਸ, ਇਮਤਿਹਾਨ ਆਦਿ ਨਾਲ ਸਬੰਧਤ) ਦੀ ਪਾਲਣਾ ਕਰਾਂਗਾ । </h5>
    
                                </li>
                                <li>
                                    I will not involve myself directly / indirectly in any type of ragging activity.
                                </li>
                                <li>
                                   <h5> ਮੈਂ ਕਿਸੇ ਤਰਾਂ ਦੀ ਰੈਗਿੰਗ ਨਹੀਂ ਕਰਾਂਗਾ ਅਤੇ ਰੈਗਿੰਗ ’ਚ ਸਿਧੇ ਜਾਂ ਅਸਿਧੇ ਰੂਪ ’ਚ ਹਿਸਾ ਨਹੀਂ ਲਵਾਂਗਾ । </h5>
                                </li>
                            </ul>
                            <div>
                                <div class="row">
                                    <div>
                <span style="background-color:#E0F2F1; margin-left:1em; padding:0.3em; "><asp:RadioButton runat="server" /> I accept / ਮੰਜ਼ੂਰ ਹੈ</span>
                <span style="background-color:#FA807F; margin-left:9.4em; padding:0.3em">                                <asp:RadioButton runat="server" />
                                        I do NOT accept / ਮੰਜ਼ੂਰ ਨਹੀ ਹੈ</span>
    
                                    </div>
                                
                            </div>
    
                                </div>
                             <hr style="width:58.1em; margin-left:-16px;" />
                                
    
                        </asp:Panel>
                    </div>
                </div>
    
    <div style="margin-left:0.8em">
        <table>
            <tr>
                <td>
                  <i class="fa fa-check" aria-hidden="true" style="background-color:#00695C;
          color:white">  <asp:Button runat="server" ID="btn" ForeColor="White" Text="Save & Register"
                        Height="33" BorderColor="#26A69A" BackColor="#26A69A" /></i>
                </td>
                <td>
                   <i class="fa fa-times" aria-hidden="true" style="background-color:#FF8A65; color:white"> <asp:Button runat="server" ID="Button1" ForeColor="White" Text="Cancel"
                        Height="33" BorderColor="#FF8A65" BackColor="#FFA07A" />
    </i>            </td>
            
            </tr>
        </table>
    </div>
    
    
                    </div>   
               </div>
    
    
    
              
    
                
    
    
    
    
      <div class="footer" style="margin-left:-0.5em">
          
          <div>
              <h4 style="color:white; font-family:Open Sans, sans-serif; margin-left:7em;">
                  
                      &nbsp;</h4>
              <h4 style="color:white; font-family:Open Sans, sans-serif; margin-left:6em; margin-top:-0.8em">
                  
                      Useful Links</h4>
    
          </div>
          <div style="margin-left:5.8em; margin-top:-0.8em;" id ="useful">
              
                 <a href="#" style="text-decoration:none">
                  <i class="fas fa-link" style="color:#4DD0E1">&nbsp;&nbsp;</i><asp:Label ID="lbl9" runat="server" ForeColor="#4DD0E1"  Font-Size="10.4" Font-Names="Open Sans, sans-serif"></asp:Label>
                 <br />
             <i class="fas fa-link" style="color:#4DD0E1">&nbsp;&nbsp;</i><asp:Label ID="lbl10" runat="server" ForeColor="#4DD0E1"  Font-Size="10.4" Font-Names="Open Sans, sans-serif"></asp:Label>
                  <br />
             <i class="fas fa-link" style="color:#4DD0E1">&nbsp;&nbsp;</i><asp:Label ID="lbl11" runat="server" ForeColor="#4DD0E1"  Font-Size="10.4" Font-Names="Open Sans, sans-serif"></asp:Label>
                  <br />
            <i class="fas fa-link" style="color:#4DD0E1">&nbsp;&nbsp;</i><asp:Label ID="lbl12" runat="server" ForeColor="#4DD0E1"  Font-Size="10.4" Font-Names="Open Sans, sans-serif"></asp:Label>
                  <br />
            <i class="fas fa-link" style="color:#4DD0E1">&nbsp;&nbsp;</i><asp:Label ID="lbl13" runat="server" ForeColor="#4DD0E1"  Font-Size="10.4" Font-Names="Open Sans, sans-serif"></asp:Label>
                  <br />
          <i class="fas fa-link" style="color:#4DD0E1">&nbsp;&nbsp;</i><asp:Label ID="lbl14" runat="server" ForeColor="#4DD0E1"  Font-Size="10.4" Font-Names="Open Sans, sans-serif"></asp:Label>
                  <br />
              <i class="fas fa-link" style="color:#4DD0E1">&nbsp;&nbsp;</i><asp:Label ID="lbl15" runat="server" ForeColor="#4DD0E1"  Font-Size="10.4" Font-Names="Open Sans, sans-serif"></asp:Label>
                  <br />
            <i class="fas fa-link" style="color:#4DD0E1">&nbsp;&nbsp;</i><asp:Label ID="lbl16" runat="server" ForeColor="#4DD0E1"  Font-Size="10.4" Font-Names="Open Sans, sans-serif"></asp:Label>
                  <br />
             <i class="fas fa-link" style="color:#4DD0E1">&nbsp;&nbsp;</i><asp:Label ID="lbl17" runat="server" ForeColor="#4DD0E1"  Font-Size="10.4" Font-Names="Open Sans, sans-serif"></asp:Label>
                  <br />
             <i class="fas fa-link" style="color:#4DD0E1">&nbsp;&nbsp;</i><asp:Label ID="lbl18" runat="server" ForeColor="#4DD0E1"  Font-Size="10.4" Font-Names="Open Sans, sans-serif"></asp:Label>
         </a>
                   
          
          </div>
         
         <div>
             <%-- <h4 style="color:white; font-family:Open Sans, sans-serif; margin-left:7em;">
                  
                      &nbsp;</h4>--%>
              <h4 style="color:white; font-family:Open Sans, sans-serif; margin-left:26em; margin-top:-2.5em">
                  
                     Other Information</h4>
    
          </div>
          
          <div style="margin-left:26em; margin-top:-0.3em " id="info">
         <i class="fa fa-info-circle"  style="color:white">
            <asp:Label ID="Label1" runat="server" Text="For any queries / guidelines candidates may drop us an e-Mail on" ForeColor="white"  Font-Size="10.4" Font-Names="Open Sans, sans-serif"></asp:Label>
    <span style="background-color:#00BCD4; padding:2px">HELPLINEGCGLDH@GMAIL.COM</span>
              </i>
        
              <i class="fa fa-info-circle"  style="color:white">      
              
       <asp:Label ID="Label2" runat="server" Text="Candidates must mention their Applicant ID, OTP, Registered Name, Father's Name, Mother's Name, Date of Birth & Mobile No/E-Mail ID <br />in their mails." ForeColor="white"  Font-Size="10.4" Font-Names="Open Sans, sans-serif"></asp:Label>
              
       </i>       
              
              <i class="fa fa-info-circle"  style="color:white">      
              
       <asp:Label ID="Label3" runat="server" Text="Best viewed with Mozilla Firefox 38+, Google Chrome 40+, Internet Explorer 9+" ForeColor="white"  Font-Size="10.4" Font-Names="Open Sans, sans-serif"></asp:Label>
              
       </i>       
              
              <i class="fa fa-info-circle"  style="color:white">      
              
       <asp:Label ID="Label4" runat="server" Text="© Copyright 2017 - Government College for Girls, Ludhiana, Punjab (INDIA). All rights reserved." ForeColor="white"  Font-Size="10.4" Font-Names="Open Sans, sans-serif"></asp:Label>
                <span style="color:#4DD0E1">www.online.gcgldh.org</span>  
       </i>          
              
             <i class="fa fa-info-circle"  style="color:white">      
              
       <asp:Label ID="Label5" runat="server" Text="View our" ForeColor="white"  Font-Size="10.4" Font-Names="Open Sans, sans-serif"></asp:Label>
             <span style="color:#4DD0E1"> Privacy Policy, Disclaimer</span> and <span style="color:#4DD0E1">Refund Policy.</span> 
       </i> </div></div>      
               
              
              <div class="row" style="background-color:#00838F; height:3.2em; width:85em; margin-left:-1em">
    
    <div style="margin-left:6.7em; text-align:left; padding:0.9em;">
        <asp:Label runat="server" Text="Powered by" Font-Names="Open Sans, sans-serif" Font-Size="10" ForeColor="White" ></asp:Label>
              
        
      <span style="margin-left:54em">
        <asp:Label runat="server" Text="Release" Font-Names="Open Sans, sans-serif" Font-Size="10" ForeColor="White" ></asp:Label>
    <span style="background-color:#999; padding:3px">V.4.120.610.2352</span></span>
    
    </div>
    
              </div>
     
                </div>      
                    
           
            
    
    
    
            
        </form>
    </body>
    </html>
    

    Tuesday, August 4, 2020 6:12 AM

All replies

  • User1535942433 posted

    Hi sanam13,

    Accroding to your description and codes,as far as I think,you don't use bootstrap correctly.I suggest you could read more about boostrap articles.

    You could divide the page with left and right.They will not affect each other.

    Just like this:

    <head runat="server">
        <title>New Registration
        </title>
      <%--  <link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css" />--%>
        <script src="https://kit.fontawesome.com/a7aa8e95dc.js" data-crossorigin="anonymous"></script>
    
        <%--    <link href="//netdna.bootstrapcdn.com/twitter-bootstrap/2.3.2/css/bootstrap-combined.no-icons.min.css" rel="stylesheet" />--%>
        <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet" />
    
        <script src='https://kit.fontawesome.com/a076d05399.js'></script>
        <link href="Content/bootstrap.min.css" rel="stylesheet" />
    <%--    <link rel="stylesheet" type="text/css" href="fontawesome-free-5.14.0-web/css/all.css" />--%>
        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
    
    
        <style>
            /* Navbar container */
            .navbar {
                overflow: hidden;
                background-color: #00695C;
                font-family: Arial;
            }
    
            .navy {
                overflow: hidden;
                background-color: white;
                font-family: Arial;
                border: 0.1px solid;
                border-color: #555;
            }
    
            /* Links inside the navbar */
            .navbar a {
                float: left;
                font-size: 16px;
                color: white;
                text-align: center;
                padding: 14px 16px;
                text-decoration: none;
            }
    
            /* Links inside the navbar */
            .navy a {
                float: left;
                font-size: 16px;
                color: #555;
                text-align: center;
                padding: 14px 16px;
                text-decoration: none;
            }
            /* The dropdown container */
            .dropdown {
                float: left;
                overflow: hidden;
            }
    
                /* Dropdown button */
                .dropdown .dropbtn {
                    font-size: 16px;
                    border: none;
                    outline: none;
                    color: white;
                    padding: 14px 16px;
                    background-color: inherit;
                    font-family: inherit; /* Important for vertical align on mobile phones */
                    margin: 0; /* Important for vertical align on mobile phones */
                }
    
                /* Add a red background color to navbar links on hover */
                .navbar a:hover, .dropdown:hover .dropbtn {
                    background-color: #114c45;
                }
    
                /* Add a red background color to navbar links on hover */
                .navy a:hover, .dropdown:hover, .dropbtn {
                    background-color: #E0F2F1;
                }
            /* Dropdown content (hidden by default) */
            .dropdown-content {
                display: none;
                ;
                background-color: #f9f9f9;
                min-width: 160px;
                box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
                z-index: 1;
            }
    
                /* Links inside the dropdown */
                .dropdown-content a {
                    float: none;
                    color: black;
                    padding: 12px 16px;
                    text-decoration: none;
                    display: block;
                    text-align: left;
                }
    
                    /* Add a grey background color to dropdown links on hover */
                    .dropdown-content a:hover {
                        background-color: #ddd;
                    }
    
            /* Show the dropdown menu on hover */
            .dropdown:hover .dropdown-content {
                display: block;
            }
    
            .footer {
                background-color: #444;
                height: 21em;
                width: 86em;
                /*;*/
            }
    
            #useful {
                line-height: 1.5em;
                float: left;
            }
    
                #useful:hover {
                    color: #f9f9f9;
                }
    
            #info {
                line-height: 1.9em;
            }
    
            .main {
                text-align: center;
                font-family: "Times New Roman";
            }
    
            .marq {
                padding-top: 30px;
                padding-bottom: 30px;
            }
    
            .geek1 {
                font-size: 36px;
                font-weight: bold;
                color: white;
                text-align: center;
            }
    
            .geek2 {
                text-align: center;
            }
    
    
            .icon-object {
                text-align: center;
                margin: 10px;
            }
        </style>
    </head>
    <body>
        <form id="form1" runat="server">
            <div class="container">
              <asp:ScriptManager runat="server" ID="scriptManager1" />
                <div class="row" style="background-color:#E0F2F1; height:9em;width:86em;margin-left:-1em;margin-top:-0.5em;">
                    <div class="col-lg-4" style="margin-left:7.4em">
                        <asp:Image  runat="server" ImageUrl="~/logo-230x265.png" Height="104" />
                    </div>
                    <div class="col-lg-8" style="margin-left:17em; margin-top:-6em; ">
                        <span style="font-family: Open Sans, sans-serif; text-shadow: 0px 1px 2px rgba(0,0,0,0.4), 0px 3px 4px rgba(0,0,0,0.2); font-weight:500 ">
                        <asp:Label ID="lbl1" runat="server" ForeColor="#00695C" Font-Size="27" >
                        </asp:Label></span>
                                  <div style="margin-left:17em; margin-top:-0.5em;">
                        <br />
                        <span style="font-family: Open Sans, sans-serif; margin-top:12px ">
                        
                        <asp:Label ID="lbl2" runat="server" ForeColor="#000000" Font-Size="10.7" >
                             </asp:Label>
                        </span>
                            
                        <span style="font-family: Open Sans, sans-serif; margin-top:12px ">
                        <asp:Label  runat="server" ForeColor="#000000" Font-Size="10.7" Text="Affiliated to:" Font-Bold="true"  >
                        </asp:Label></span>
                        <span style="font-family: Open Sans, sans-serif; margin-top:12px ">
                        <asp:Label ID="lbl3" runat="server" ForeColor="#000000" Font-Size="10.7" > 
                </asp:Label>      </span>
    
    
                          <span style="font-family: Open Sans, sans-serif; margin-top:12px ">
                        <br /><asp:Label  runat="server" ForeColor="#000000" Font-Size="10.7" Text="Email:" Font-Bold="true"  >
                        </asp:Label></span>
                        <span style="font-family: Open Sans, sans-serif; margin-top:12px ">
                        
                        <asp:Label ID="lbl4" runat="server" ForeColor="#000000" Font-Size="10.7" >
                        </asp:Label></span>
                      
                      <span style="font-family: Open Sans, sans-serif; margin-top:12px ">
                        <asp:Label  runat="server" ForeColor="#000000" Font-Size="10.7" Text="Registrations Helpline:" Font-Bold="true"  >
                        </asp:Label></span>
                        <span style="font-family: Open Sans, sans-serif; margin-top:12px ">
                        
                        <asp:Label ID="lbl5" runat="server" ForeColor="#000000" Font-Size="10.7" >
                        </asp:Label></span>
                   
                      
                         <span style="font-family: Open Sans, sans-serif; margin-top:12px ">
                      <br />  <asp:Label  runat="server" ForeColor="#000000" Font-Size="10.7" Text="Tel:" Font-Bold="true"  >
                        </asp:Label></span>
                        <span style="font-family: Open Sans, sans-serif; margin-top:12px ">
                        
                        <asp:Label ID="lbl6" runat="server" ForeColor="#000000" Font-Size="10.7" >
                        </asp:Label></span>
                      
                   <span style="font-family: Open Sans, sans-serif; margin-top:12px ">
                        <asp:Label  runat="server" ForeColor="#000000" Font-Size="10.7" Text="Fax:" Font-Bold="true"  >
                        </asp:Label></span>
                        <span style="font-family: Open Sans, sans-serif; margin-top:12px ">
                        
                        <asp:Label ID="lbl7" runat="server" ForeColor="#000000" Font-Size="10.7" >
                        </asp:Label></span>
                  
                  
                   <span style="font-family: Open Sans, sans-serif; margin-top:12px ">
                        <asp:Label  runat="server" ForeColor="#000000" Font-Size="10.7" Text="Registrations Helpline:" Font-Bold="true"  >
                        </asp:Label></span>
                        <span style="font-family: Open Sans, sans-serif; margin-top:12px ">
                        
                        <asp:Label ID="lbl8" runat="server" ForeColor="#000000" Font-Size="10.7" >
                        </asp:Label></span>
                  
                  
                  
                  </div>
    
                    </div>
               </div>
                <div class="row">
                    <div class="navbar" style="width:86em;">
                      <div style="margin-left:100px;">
                          <a href="#home"> <i class="fas fa-link">&nbsp;</i> Apply Online</a>
                          <a href="#news"><i class="fas fa-link">&nbsp;  </i>Incomplete Application</a>
                          <a href="#news"><i class="fas fa-link">&nbsp; </i> Invalid Application</a>
                          <div class="dropdown" style="margin-left:420px;">
                              <button class="dropbtn"><i class="fa fa-comment">&nbsp;ਪੰਜਾਬੀ</i>
                                  <i class="fa fa-caret-down"></i>
                              </button>
                              <div class="dropdown-content">
                                  <a href="#"><i class="fa fa-envelope" aria-hidden="true">&nbsp;ਪੰਜਾਬੀ</i></a>
                                  <a href="#"><i class="fa fa-envelope" aria-hidden="true">&nbsp;English</i></a>
                              </div>
                          </div>
                          <a href="#home"><i class="fa fa-user-plus" aria-hidden="true">&nbsp;Login</i></a>
                      </div>
                  </div>
                </div>
                <div class="row">
                    <div class="navy" style="width:86em;">
                    <div style="margin-left:100px">
                        <a href="#home"><i class="fas fa-link"></i> &nbsp;Home</a>
                        <a href="#news"><i class="fas fa-link"></i>&nbsp;Prospectus (Info. Broucher)</a>
                        <a href="#news"><i class="fas fa-link"></i>&nbsp;Courses</a>
                    </div>
                </div>
                </div>
                <br />
                <div class="row">
                    <div class="col-lg-4">
                        <div class="row">
                            <div class="col-lg-12">
                                 <div style="width: 270px; background: white; border:1px solid; border-color:grey; ">
                        <asp:Panel runat="server" ID="panel1">
                            <div style="font-weight: bold; background-color: white; border:1px solid;  border-color:grey">
                                <table data-width="100%">
                                    <tr>
                                        <td style="margin-left:40px">
                                            <h1 style="font-size:10px;">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;QUICK ACTIONS</h1>
                                            <asp:Label runat="server" ID="Label8" />
                                        </td>
                                        <td data-align="right" data-width="10px">
                                            <asp:Image ID="Image1" runat="server" />
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </asp:Panel>
                        <asp:Panel runat="server" ID="panel2" Width="98%" HorizontalAlign="center">
                            <div class="row">
                                <div class="col-xm-6" style="border:1px solid; background-color:#00695C; margin-left:30px; height:80px; margin-top:15px; width:90px">
                                    <h1 style="color:white"><i class="fa fa-user-plus" aria-hidden="true"></i> </h1>
                                    <h5 style="margin-top:-20px; color:white">Apply now</h5>
                                </div>
                                <div class="col-xm-6" style="border:1px solid; background-color:#00838F; margin-left:140px; margin-top:-82px; height:80px; width:90px"">
                                    <h1 style="color:white"><i class='fas fa-user-check' ></i></h1>
                                    <h5 style="margin-top:-20px; color:white">Login</h5>
                                </div>
                </div>       
                        </asp:Panel>
                        <ajaxToolkit:CollapsiblePanelExtender runat="server" ID="CollapsiblePanelExtender3" TargetControlID="panel2"
             CollapseControlID="panel1" ExpandControlID="panel1" Collapsed="false" CollapsedSize="0" 
             ExpandedSize="120" ExpandedText="" CollapsedText="" TextLabelID="textLabel"
             ImageControlID="Image1" ExpandedImage="img/collapse.jpg" CollapsedImage="img/expand.jpg" >
            </ajaxToolkit:CollapsiblePanelExtender>
                    </div> 
                            </div>
                            <div class="col-lg-12">
                                <div style="width: 270px; background: white; border:1px solid; border-color:grey;">
            <asp:Panel runat="server" ID="panel3">
            <div style="font-weight: bold; background-color: white; border:1px solid;  border-color:grey">
        
                <table data-width="100%">
                    <tr>
                        <td style="margin-left:40px">
                          <h1 style="font-size:10px;">&nbsp;&nbsp;&nbsp; &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;QUICK ACTIONS</h1>
                            <asp:Label runat="server" ID="Label9" />
                        </td>
                        <td data-align="right" data-width="10px">
                            <asp:Image ID="Image2" runat="server" />
                        
                        </td>
                    </tr>
                </table>
           
                
           </div>
    
    
            </asp:Panel>
                       
            <asp:Panel runat="server" ID="panel4" Width="98%" HorizontalAlign="center">
                  <marquee behavior="scroll" direction="up">
                                             
                             <div style="width:255px; margin-left:7px">
                             Please visit the site regularly for
                             latest news of Admission and
                             Counselling Schedule.</div>
                             <hr />
                             <div style="width:255px; margin-left:7px; background-color:deeppink; color:white">
                             Online registration and filling of
                             admission forms for all new and
                             ongoing classes (except Sem-I of
                             Post Graduate classes) is going<br />
                             on.</div>
             </marquee>
           
           
            </asp:Panel>
                     
                            
            <ajaxToolkit:CollapsiblePanelExtender runat="server" ID="CollapsiblePanelExtender4" TargetControlID="panel4"
             CollapseControlID="panel3" ExpandControlID="panel3" Collapsed="false" CollapsedSize="0" 
             ExpandedSize="150" ExpandedText="" CollapsedText="" TextLabelID="label1"
             ImageControlID="Image1" ExpandedImage="img/collapse.jpg" CollapsedImage="img/expand.jpg" >
        </ajaxToolkit:CollapsiblePanelExtender>
    
                     </div>
                            </div>
                            <div class="col-lg-12">
                                <div style="width: 270px; background: white; border:1px solid; border-color:grey;">
            <asp:Panel runat="server" ID="panel5">
            <div style="font-weight: bold; background-color: white; border:1px solid;  border-color:grey">
        
                <table data-width="100%">
    
                    <tr>
                        <td style="margin-left:40px">
                          <h1 style="font-size:15px;">&nbsp;&nbsp;&nbsp; &nbsp;Main navigation</h1>
                            <asp:Label runat="server" ID="Label10" />
                        </td>
                        <td data-align="right" data-width="10px">
                            <asp:Image ID="Image4" runat="server" />
                        </td>
                    </tr>
                </table>
            </div>
            </asp:Panel>
                     
            <asp:Panel runat="server" ID="panel6" Width="98%" >
                <div style="text-align:justify;">
               <br />   <i class="fas fa-link"> </i><asp:Label runat="server" ID="Label11"></asp:Label><br />
               <hr />
                  <i class="fas fa-link"></i>  <asp:Label runat="server" ID="Label12"></asp:Label><br />
                <hr />
                   <i class="fas fa-link"></i> <asp:Label runat="server" ID="Label13"></asp:Label><br />
             <hr />
                  <i class="fas fa-link"></i> <asp:Label runat="server" ID="Label14"></asp:Label><br /><hr />
                  <i class="fas fa-link"></i> <asp:Label runat="server" ID="Label15"></asp:Label><br /><hr />
                  <i class="fas fa-link"></i> <asp:Label runat="server" ID="Label16"></asp:Label><br /><hr />
                 <i class="fas fa-link"></i> <asp:Label runat="server" id="Label17"></asp:Label><br /><br />
           </div>
            </asp:Panel>
                           
                           
            <ajaxToolkit:CollapsiblePanelExtender runat="server" ID="CollapsiblePanelExtender5" TargetControlID="panel6"
             CollapseControlID="panel5" ExpandControlID="panel5" Collapsed="false" CollapsedSize="0" 
             ExpandedSize="260" ExpandedText="" CollapsedText="" TextLabelID="label1"
             ImageControlID="Image1" ExpandedImage="img/collapse.jpg" CollapsedImage="img/expand.jpg" >
        </ajaxToolkit:CollapsiblePanelExtender>
    </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-8">
                         <div style="border: 1px solid grey; width:900px;margin-left:-7em;">
                  
               
                   
                   <div style="background-color:#009688; height:120px; width:900px">
        
                          
                       <div class="icon-object" style="color:white; margin-left:435px; margin-top:20px;">
                     <h1><i class="fa fa-user-plus" aria-hidden="true"  style="color:white;"></i></h1></div>
                          <asp:Panel runat="server"  >
                         
                          </asp:Panel>
                        </div>
               
               <div style="margin-left:1em;">      
                            
    
                <div>
                    <div >
                        <asp:Panel runat="server">
                            <br />
                            <i class="fa fa-envelope" aria-hidden="true"></i>&nbsp;&nbsp;Basic Detalis
                            <hr style="width:890px; margin-left:1px;" />
                            <ul>
                                <li>
                                    Do NOT use name prefixes such as Mr/Mrs, S/Sh/Smt, Dr/Prof, Late etc.<br />
                                </li>
                                <li>
                                     only English alphabets. Numbers, symbols, UNICODEs are NOT allowed.
                                </li>
                            </ul>
                            <table>
                                <tr>
                                    <td>
                                        Candidate's name / ਵਿਦਿਆਰਥੀ ਦਾ ਨਾਮ: <i class="fas fa-asterisk" style="color:red"></i> <br />
                                        <asp:TextBox ID="Textbox1" runat="server" Height="30px" Width="320px"></asp:TextBox>
                                         <ajaxToolkit:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender3" runat="server"
                                          TargetControlID="TextBox1"
                                          WatermarkText="textthe my name"
                                          WatermarkCssClass="watermarked">
                                          </ajaxToolkit:TextBoxWatermarkExtender>
                                    </td>
                                    <td>
                                         &nbsp;Father's name / ਪਿਤਾ ਦਾ ਨਾਮ: <i class="fas fa-asterisk" style="color:red"></i> <br />
                                        &nbsp;<asp:TextBox ID="TextBox2" runat="server" Height="30px" Width="320px"></asp:TextBox>
                                        <ajaxToolkit:TextBoxWatermarkExtender ID="TextBoxWatermarkExtender4" runat="server"
                                        TargetControlID="TextBox2"
                                        WatermarkText="textthe my name"
                                        WatermarkCssClass="watermarked">
                                        </ajaxToolkit:TextBoxWatermarkExtender>
      
        
    
                                    </td>
                                </tr>
                                <tr>
                                    <td>
                                         Mother's name / ਮਾਤਾ ਦਾ ਨਾਮ: <i class="fas fa-asterisk" style="color:red"></i>  <br />
                                        <asp:TextBox runat="server" Height="30px" Width="320px"></asp:TextBox>
                                    </td>
                                        <td>
                                          &nbsp;Date of Birth / ਜਨਮ ਮਿਤੀ: <i class="fas fa-asterisk" style="color:red"></i>  <br />
                                         &nbsp;<asp:TextBox runat="server" Height="30px" Width="320px"></asp:TextBox>
                                    </td>
                                </tr>
                            </table>
    
                             <i class="fa fa-vcard-o" style="font-size:25px;color:black"></i> Contact Details
                            <hr style="width:890px; margin-left:1px;" />
                            Fill your own Mobile No, e-Mail. All further communication like counselling, notices, password recovery, Fee confirmations will be sent<br />
                            on registered Mobile, e-Mail only. Therefore, <b style="color:red"> DO NOT fill Mobile No and e-Mail of friends, cyber cafe etc.</b><br />
    
                           <h5> ਉਮੀਦਵਾਰ ਕੇਵਲ ਆਪਣਾ ਮੋਬਾਈਲ ਨੰਬਰ, ਈ-ਮੇਲ ਹੀ ਭਰਨ । ਦਾਖਲੇ ਸਬੰਧੀ ਸਾਰੀ ਜਾਣਕਾਰੀ ਜਿਵੇਂ ਕਾਊਂਸਲਿੰਗ, ਨੋਟਿਸ, ਪਾਸਵਰਡ ਰਿਕਵਰੀ, ਫੀਸ ਦੀ ਪੁਸ਼ਟੀ ਆਦਿ <br />
                            ਕੇਵਲ ਰਜਿਸਟਰ ਕੀਤੇ ਮੋਬਾਈਲ ਨੰਬਰ, ਈ-ਮੇਲ ਤੇ ਹੀ ਭੇਜੇ ਜਾਣਗੇ । ਇਸ ਲਈ, <b style="color:red"> ਆਪਣੇ ਕਿਸੇ ਸਾਥੀ ਜਾਂ ਸਾਈਬਰ ਕੈਫੇ ਦਾ ਮੋਬਾਈਲ ਜਾਂ ਈ-ਮੇਲ ਨਾਂ ਭਰਿਆ ਜਾਵੇ । </b></h5>
    
                            <table>
                                <tr>
                                    <td>
                                        Mobile No / ਮੋਬਾਇਲ ਨੰ: <i class="fas fa-asterisk" style="color:red"></i>  <br />
                                        <asp:TextBox runat="server" Height="30px" Width="320px"></asp:TextBox>
                                    </td>
                                    <td>
                                        &nbsp; Email / ਈ ਮੇਲ: <i class="fas fa-asterisk" style="color:red"></i>  <br />
                                         &nbsp;<asp:TextBox runat="server" Height="30px" Width="320px"></asp:TextBox>
                                    </td>
                                </tr>
                                  </table>
    
                             <div>
                                        <i class='fas fa-user-check' style='font-size:15px;color:black'></i> CAPTCHA VALIDATION
                                         <hr style="width:890px; margin-left:1px;" />
                               </div>
    
                            <table>
                                <tr>
                                    <td>
                                        Code / ਕੈਪਚਾ ਨੰ: <i class="fas fa-asterisk" style="color:red"></i> <br />
                                        <asp:TextBox runat="server" Height="30px" Width="320px"></asp:TextBox>
                                    </td>
                                    <td>
                                        &nbsp;Image / ਕੈਪਚਾ ਕੋਡ:
                                    </td>
                                </tr>
                            </table>
                          
                            <div>
                                <i class="fa fa-check-square-o" aria-hidden="true"></i>UNDERTAKING
                                   <hr style="width:890px; margin-left:1px;" />
                            </div>
                            <ul>
                                <li>
                                    I am aware of all the entries of this online application for admission and in case the information given in my online application is<br />
                                    found to be false or incomplete, my candidature/admission will be cancelled and no claim for Fee refund or any other kind<br /> 
                                    whatsoever will be entertained by the college.
                                </li>
                                <li>
                                   <h5> ਜੇ ਮੇਰੇ ਦੁਆਰਾ ਦਿੱਤੀ ਜਾਣਕਾਰੀ ਗਲਤ/ਅਧੂਰੀ ਪਾਈ ਗਈ ਤਾਂ ਮੇਰਾ ਨਾਮ ਕਾਲਜ ਵਿਚੋਂ ਕੱਟ ਦਿਤਾ ਜਾਵੇਗਾ। ਮੈਨੂੰ ਕੋਈ ਫੀਸ ਵਾਪਿਸ ਨਹੀਂ ਕੀਤੀ ਜਾਵੇਗੀ ਅਤੇ ਇਸ ਨਾਲ<br />
                                    ਹੋਣ ਵਾਲੇ ਕਿਸੇ ਵੀ ਨੁਕਸਾਨ ਦੀ ਭਰਪਾਈ ਕਰਨ ਦੀ ਕਾਲਜ ਦੀ ਕੋਈ ਜਿੰਮੇਵਾਰੀ ਨਹੀਂ ਹੋਵੇਗੀ । </h5>
                                </li>
                                <li>
                                    I agree to observe and abide by all the rules and regulations (amended from time to time) of the institute in respect of courses of <br />
                                    study, syllabi, scheme of examination, discipline & conduct, Fee and funds.
                                </li>
                                <li>
                                  <h5>  ਮੈਂ ਕਾਲਜ ਦੇ ਸਾਰੇ ਨਿਯਮਾਂ (ਜਿਵੇਂ ਕਿ ਫੀਸ, ਸਿਲੇਬਸ, ਇਮਤਿਹਾਨ ਆਦਿ ਨਾਲ ਸਬੰਧਤ) ਦੀ ਪਾਲਣਾ ਕਰਾਂਗਾ । </h5>
    
                                </li>
                                <li>
                                    I will not involve myself directly / indirectly in any type of ragging activity.
                                </li>
                                <li>
                                   <h5> ਮੈਂ ਕਿਸੇ ਤਰਾਂ ਦੀ ਰੈਗਿੰਗ ਨਹੀਂ ਕਰਾਂਗਾ ਅਤੇ ਰੈਗਿੰਗ ’ਚ ਸਿਧੇ ਜਾਂ ਅਸਿਧੇ ਰੂਪ ’ਚ ਹਿਸਾ ਨਹੀਂ ਲਵਾਂਗਾ । </h5>
                                </li>
                            </ul>
                            <div>
                                <div class="row">
                                    <div>
                <span style="background-color:#E0F2F1; margin-left:1em; padding:0.3em; "><asp:RadioButton runat="server" /> I accept / ਮੰਜ਼ੂਰ ਹੈ</span>
                <span style="background-color:#FA807F; margin-left:9.4em; padding:0.3em">                                <asp:RadioButton runat="server" />
                                        I do NOT accept / ਮੰਜ਼ੂਰ ਨਹੀ ਹੈ</span>
    
                                    </div>
                                
                            </div>
    
                                </div>
                             <hr style="width:58.1em; margin-left:-16px;" />
                                
    
                        </asp:Panel>
                    </div>
                </div>
    
    <div style="margin-left:0.8em">
        <table>
            <tr>
                <td>
                  <i class="fa fa-check" aria-hidden="true" style="background-color:#00695C;
          color:white">  <asp:Button runat="server" ID="Button2" ForeColor="White" Text="Save & Register"
                        Height="33" BorderColor="#26A69A" BackColor="#26A69A" /></i>
                </td>
                <td>
                   <i class="fa fa-times" aria-hidden="true" style="background-color:#FF8A65; color:white"> <asp:Button runat="server" ID="Button3" ForeColor="White" Text="Cancel"
                        Height="33" BorderColor="#FF8A65" BackColor="#FFA07A" />
    </i>            </td>
            
            </tr>
        </table>
    </div>
    
    
                    </div>   
               </div>
                    </div>
                </div>
    
      <div class="footer" style="margin-left:-0.5em">
          
          <div>
              <h4 style="color:white; font-family:Open Sans, sans-serif; margin-left:7em;">
                  
                      &nbsp;</h4>
              <h4 style="color:white; font-family:Open Sans, sans-serif; margin-left:6em; margin-top:-0.8em">
                  
                      Useful Links</h4>
    
          </div>
          <div style="margin-left:5.8em; margin-top:-0.8em;" id ="useful">
              
                 <a href="#" style="text-decoration:none">
                  <i class="fas fa-link" style="color:#4DD0E1">&nbsp;&nbsp;</i><asp:Label ID="lbl9" runat="server" ForeColor="#4DD0E1"  Font-Size="10.4" Font-Names="Open Sans, sans-serif"></asp:Label>
                 <br />
             <i class="fas fa-link" style="color:#4DD0E1">&nbsp;&nbsp;</i><asp:Label ID="lbl10" runat="server" ForeColor="#4DD0E1"  Font-Size="10.4" Font-Names="Open Sans, sans-serif"></asp:Label>
                  <br />
             <i class="fas fa-link" style="color:#4DD0E1">&nbsp;&nbsp;</i><asp:Label ID="lbl11" runat="server" ForeColor="#4DD0E1"  Font-Size="10.4" Font-Names="Open Sans, sans-serif"></asp:Label>
                  <br />
            <i class="fas fa-link" style="color:#4DD0E1">&nbsp;&nbsp;</i><asp:Label ID="lbl12" runat="server" ForeColor="#4DD0E1"  Font-Size="10.4" Font-Names="Open Sans, sans-serif"></asp:Label>
                  <br />
            <i class="fas fa-link" style="color:#4DD0E1">&nbsp;&nbsp;</i><asp:Label ID="lbl13" runat="server" ForeColor="#4DD0E1"  Font-Size="10.4" Font-Names="Open Sans, sans-serif"></asp:Label>
                  <br />
          <i class="fas fa-link" style="color:#4DD0E1">&nbsp;&nbsp;</i><asp:Label ID="lbl14" runat="server" ForeColor="#4DD0E1"  Font-Size="10.4" Font-Names="Open Sans, sans-serif"></asp:Label>
                  <br />
              <i class="fas fa-link" style="color:#4DD0E1">&nbsp;&nbsp;</i><asp:Label ID="lbl15" runat="server" ForeColor="#4DD0E1"  Font-Size="10.4" Font-Names="Open Sans, sans-serif"></asp:Label>
                  <br />
            <i class="fas fa-link" style="color:#4DD0E1">&nbsp;&nbsp;</i><asp:Label ID="lbl16" runat="server" ForeColor="#4DD0E1"  Font-Size="10.4" Font-Names="Open Sans, sans-serif"></asp:Label>
                  <br />
             <i class="fas fa-link" style="color:#4DD0E1">&nbsp;&nbsp;</i><asp:Label ID="lbl17" runat="server" ForeColor="#4DD0E1"  Font-Size="10.4" Font-Names="Open Sans, sans-serif"></asp:Label>
                  <br />
             <i class="fas fa-link" style="color:#4DD0E1">&nbsp;&nbsp;</i><asp:Label ID="lbl18" runat="server" ForeColor="#4DD0E1"  Font-Size="10.4" Font-Names="Open Sans, sans-serif"></asp:Label>
         </a>
                   
          
          </div>
         
         <div>
             <%-- <h4 style="color:white; font-family:Open Sans, sans-serif; margin-left:7em;">
                  
                      &nbsp;</h4>--%>
              <h4 style="color:white; font-family:Open Sans, sans-serif; margin-left:26em; margin-top:-2.5em">
                  
                     Other Information</h4>
    
          </div>
          
          <div style="margin-left:26em; margin-top:-0.3em " id="info">
         <i class="fa fa-info-circle"  style="color:white">
            <asp:Label ID="Label1" runat="server" Text="For any queries / guidelines candidates may drop us an e-Mail on" ForeColor="white"  Font-Size="10.4" Font-Names="Open Sans, sans-serif"></asp:Label>
    <span style="background-color:#00BCD4; padding:2px">HELPLINEGCGLDH@GMAIL.COM</span>
              </i>
        
              <i class="fa fa-info-circle"  style="color:white">      
              
       <asp:Label ID="Label2" runat="server" Text="Candidates must mention their Applicant ID, OTP, Registered Name, Father's Name, Mother's Name, Date of Birth & Mobile No/E-Mail ID <br />in their mails." ForeColor="white"  Font-Size="10.4" Font-Names="Open Sans, sans-serif"></asp:Label>
              
       </i>       
              
              <i class="fa fa-info-circle"  style="color:white">      
              
       <asp:Label ID="Label3" runat="server" Text="Best viewed with Mozilla Firefox 38+, Google Chrome 40+, Internet Explorer 9+" ForeColor="white"  Font-Size="10.4" Font-Names="Open Sans, sans-serif"></asp:Label>
              
       </i>       
              
              <i class="fa fa-info-circle"  style="color:white">      
              
       <asp:Label ID="Label4" runat="server" Text="© Copyright 2017 - Government College for Girls, Ludhiana, Punjab (INDIA). All rights reserved." ForeColor="white"  Font-Size="10.4" Font-Names="Open Sans, sans-serif"></asp:Label>
                <span style="color:#4DD0E1">www.online.gcgldh.org</span>  
       </i>          
              
             <i class="fa fa-info-circle"  style="color:white">      
              
       <asp:Label ID="Label5" runat="server" Text="View our" ForeColor="white"  Font-Size="10.4" Font-Names="Open Sans, sans-serif"></asp:Label>
             <span style="color:#4DD0E1"> Privacy Policy, Disclaimer</span> and <span style="color:#4DD0E1">Refund Policy.</span> 
       </i> </div></div>      
              <div class="row" style="background-color:#00838F; height:3.2em; width:85em; margin-left:-1em">
    
    <div style="margin-left:6.7em; text-align:left; padding:0.9em;">
        <asp:Label runat="server" Text="Powered by" Font-Names="Open Sans, sans-serif" Font-Size="10" ForeColor="White" ></asp:Label>
              
        
      <span style="margin-left:54em">
        <asp:Label runat="server" Text="Release" Font-Names="Open Sans, sans-serif" Font-Size="10" ForeColor="White" ></asp:Label>
    <span style="background-color:#999; padding:3px">V.4.120.610.2352</span></span>
    
    </div>
    
              </div>
                </div>      
                   
            
    
    
    
         
        </form>
    </body>

    Result:

    Best regards,

    Yijing Sun

    Wednesday, August 5, 2020 6:51 AM