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

  • Question

  • User-1647172364 posted

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

    please exceute them 



    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 12:28 PM

All replies

  • User-474980206 posted

    Read the bootstrap docs. You don’t have a container. You columns are not in rows. As the bootstrap markup use css inheritance, you must follow the rules

    Wednesday, August 5, 2020 2:51 AM