<!DOCTYPE html>
<html lang="en" dir="ltr">
  <head>
    <meta charset="UTF-8">
    <link href='https://unpkg.com/boxicons@2.0.7/css/boxicons.min.css' rel='stylesheet'>
     <meta name="viewport" content="width=device-width, initial-scale=1.0">
     <head>
        <title>Goverment Portal for Document Visualization</title>
    
        <!-- Meta tag Keywords -->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta charset="UTF-8" />
    
        <!-- Chrome, Firefox OS and Opera -->
        <meta name="theme-color" content="#000">
        <!-- Windows Phone -->
        <meta name="msapplication-navbutton-color" content="#000">
        <!-- iOS Safari -->
        <meta name="apple-mobile-web-app-status-bar-style" content="#000">
    
        <!-- //Meta tag Keywords -->
        
        <!-- Bootstrap -->
        <!-- CSS only -->
        <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/css/bootstrap.min.css" integrity="sha384-JcKb8q3iqJ61gNV9KGb8thSsNjpSL0n8PARn9HuZOnIxN0hoP+VmmDGMN5t9UJ0Z" crossorigin="anonymous">
        <link href="https://fonts.googleapis.com/css2?family=Cinzel&display=swap" rel="stylesheet">
        <!-- JS, Popper.js, and jQuery -->
        <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
        <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.1/dist/umd/popper.min.js" integrity="sha384-9/reFTGAW83EW2RDu2S0VKaIzap3H66lZH81PoYlFhbGU+6BZp6G7niu735Sk7lN" crossorigin="anonymous"></script>
        <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.5.2/js/bootstrap.min.js" integrity="sha384-B4gt1jrGC7Jh4AgTPSdUtOBvfO8shuf57BaghqFfPlYxofvL8/KUEfYiJOMMV+rV" crossorigin="anonymous"></script>
    
        <!-- CSS -->
        <link href="https://fonts.googleapis.com/css2?family=Orbitron&display=swap" rel="stylesheet">
        <!-- FontAwesome -->
        <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.14.0/css/all.css" integrity="sha384-HzLeBuhoNPvSl5KYnjx0BT+WB0QEEqLprO+NBkkk5gbc67FTaL7XIGa2w1L0Xbgc" crossorigin="anonymous">
   </head>

   <style>

       /* Google Font Link */
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@200;300;400;500;600;700&display=swap');
*{
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Poppins" , sans-serif;
}
.sidebar{
  position: fixed;
  left: 0;
  top: 0;
  height: 100%;
  width: 78px;
  background: linear-gradient(#034235,#011612);
  padding: 6px 14px;
  z-index: 99;
  transition: all 0.5s ease;
}
.sidebar.open{
  width: 260px;
}
.sidebar .logo-details{
  height: 60px;
  display: flex;
  align-items: center;
  position: relative;
}
.sidebar .logo-details .icon{
  opacity: 0;
  transition: all 0.5s ease;
}
.sidebar .logo-details .logo_name{
  color: #fff;
  font-size: 20px;
  font-weight: 600;
  opacity: 0;
  transition: all 0.5s ease;
}
.sidebar.open .logo-details .icon,
.sidebar.open .logo-details .logo_name{
  opacity: 1;
}
.sidebar .logo-details #btn{
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  font-size: 22px;
  transition: all 0.4s ease;
  font-size: 23px;
  text-align: center;
  cursor: pointer;
  transition: all 0.5s ease;
}
.sidebar.open .logo-details #btn{
  text-align: right;
}
.sidebar i{
  color: #fff;
  height: 60px;
  min-width: 50px;
  font-size: 28px;
  text-align: center;
  line-height: 60px;
}
.sidebar .nav-list{
  margin-top: 20px;
  height: 100%;
}
.sidebar li{
  position: relative;
  margin: 45px 0;
  list-style: none;
}
.sidebar li .tooltip{
  position: absolute;
  top: -20px;
  left: calc(100% + 15px);
  z-index: 3;
  background: #fff;
  box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);
  padding: 6px 12px;
  border-radius: 4px;
  font-size: 15px;
  font-weight: 400;
  opacity: 0;
  white-space: nowrap;
  pointer-events: none;
  transition: 0s;
}
.sidebar li:hover .tooltip{
  opacity: 1;
  pointer-events: auto;
  transition: all 0.4s ease;
  top: 50%;
  transform: translateY(-50%);
}
.sidebar.open li .tooltip{
  display: none;
}
.sidebar input{
  font-size: 15px;
  color: #FFF;
  font-weight: 400;
  outline: none;
  height: 50px;
  width: 100%;
  width: 50px;
  border: none;
  border-radius: 12px;
  transition: all 0.5s ease;
  background: linear-gradient(rgb(50, 161, 137), rgb(16, 80, 64));
}
.sidebar.open input{
  padding: 0 20px 0 50px;
  width: 100%;
}


.sidebar li a{
  display: flex;
  height: 100%;
  width: 100%;
  border-radius: 12px;
  align-items: center;
  text-decoration: none;
  transition: all 0.4s ease;
  background: linear-gradient(rgb(50, 161, 137), rgb(16, 80, 64));
}
.sidebar li a:hover{
  background: #FFF;
}
.sidebar li a .links_name{
  color: #fff;
  font-size: 15px;
  font-weight: 400;
  white-space: nowrap;
  opacity: 0;
  pointer-events: none;
  transition: 0.4s;
}
.sidebar.open li a .links_name{
  opacity: 1;
  pointer-events: auto;
}
.sidebar li a:hover .links_name,
.sidebar li a:hover i{
  transition: all 0.5s ease;
  color: #2f583d;
}
.sidebar li i{
  height: 50px;
  line-height: 50px;
  font-size: 18px;
  border-radius: 12px;
}
.sidebar li.profile{
  position: fixed;
  height: 60px;
  width: 78px;
  left: 0;
  bottom: -8px;
  padding: 10px 14px;
  background: #2f583d;
  transition: all 0.5s ease;
  overflow: hidden;
}
.sidebar.open li.profile{
  width: 250px;
}
.sidebar li .profile-details{
  display: flex;
  align-items: center;
  flex-wrap: nowrap;
}
.sidebar li img{
  height: 45px;
  width: 45px;
  object-fit: cover;
  border-radius: 6px;
  margin-right: 10px;
}
.sidebar li.profile .name,
.sidebar li.profile .job{
  font-size: 15px;
  font-weight: 400;
  color: #fff;
  white-space: nowrap;
}
.sidebar li.profile .job{
  font-size: 12px;
}
.sidebar .profile #log_out{
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  background: #2f583d;
  width: 100%;
  height: 60px;
  line-height: 60px;
  border-radius: 0px;
  transition: all 0.5s ease;
}
.sidebar.open .profile #log_out{
  width: 50px;
  background: none;
}
.home-section{
  position: relative;
  background: #000000;
  min-height: 120vh;
  top: 0;
  left: 78px;
  width: calc(100% - 78px);
  transition: all 0.5s ease;
  z-index: 2;
}
.sidebar.open ~ .home-section{
  left: 250px;
  width: calc(100% - 250px);
}
.home-section .text{
  display: inline-block;
  background: black;
  margin-left: 38%;
  color: #b1f8c9;
  font-size: 3.5vw;
  font-weight: bold;
  font-family: Orbitron;
}
@media (max-width: 420px) {
  .sidebar li .tooltip{
    display: none;
  }
}

img{
  margin:10px;
  margin-left: 15px;
}
.boxes{
  background: rgb(35, 47, 48);
  color:rgb(195, 236, 238);
  padding: 10px;
  align-items: center;
  margin:30px;
  font-size: 30px;
  height: 94%;
  width: 95%;
}

a img:hover{
  box-shadow: 0px 2px 20px rgb(255, 255, 255); 
}
.card:hover{
  box-shadow: 0px 2px 20px rgb(255, 255, 255); 
}

body{
  background: black;
}

.card{
  max-height:500px;
  width:18%;
}
.card-body{
  background: white;
}
a img{
  height:300px;
}

   </style>
<body>
  <div class="sidebar">
    <div class="logo-details">
        <div class="logo_name">Chaotic Clarity</div>
        <i class='bx bx-menu' id="btn" ></i>
    </div>
    <ul class="nav-list">
            <li>
        <a href="#a">
          <i class='bx bx-grid-alt'></i>
          <span class="links_name">Dashboard</span>
        </a>
         <span class="tooltip">Dashboard</span>
      </li>
      
     <li>
       <a href="#b">
         <i class='bx bx-pie-chart-alt-2' ></i>
         <span class="links_name">Summary</span>
       </a>
       <span class="tooltip">Summary</span>
     </li>
     <li>
       <a href="#c">
         <i class='bx bx-map' ></i>
         <span class="links_name">Insights</span>
       </a>
       <span class="tooltip">Insights</span>
     </li>
     <li>
       <a href="#d">
         <i class='bx bx-brain' ></i>
         <span class="links_name">Visualization</span>
       </a>
       <span class="tooltip">Visualization</span>
     </li>
     <li>
       <a href="#e">
         <i class='bx bx-link-alt' ></i>
         <span class="links_name">Links</span>
       </a>
       <span class="tooltip">Links</span>
     </li>
     <li>
       <a href="#">
         <i class='bx bx-cog' ></i>
         <span class="links_name">Logout</span>
       </a>
       <span class="tooltip">Logout</span>
     </li>
     
    </ul>
  </div>
  <section class="home-section">
      <h1 style="color: white; font-family: Orbitron; text-align: right; margin-right: 60px; "> PDF Dashboard </h1>
      <div id = "a" class="boxes" style="padding-top: 10px;">
        <a href="" >        <img src="outputs/Shabarish-Ramaswamy-Cover.png" width="17%">
        </a>
        <a href="">        <img src="https://templatelab.com/wp-content/uploads/2021/04/Proposal-Cover-Page-Template-TemplateLab.com_-scaled.jpg" width="17%"/>
        </a>
        <a href="">        <img src="https://templatelab.com/wp-content/uploads/2021/04/Proposal-Cover-Page-Template-TemplateLab.com_-scaled.jpg" width="17%"/>
        </a>
        <a href="">        <img src="https://templatelab.com/wp-content/uploads/2021/04/Proposal-Cover-Page-Template-TemplateLab.com_-scaled.jpg" width="17%"/>
        </a>
        <a href="">        <img src="https://templatelab.com/wp-content/uploads/2021/04/Proposal-Cover-Page-Template-TemplateLab.com_-scaled.jpg" width="17%"/>
        </a>
        <a href="">        <img src="https://templatelab.com/wp-content/uploads/2021/04/Proposal-Cover-Page-Template-TemplateLab.com_-scaled.jpg" width="17%"/>
        </a>
        <a href="">        <img src="https://templatelab.com/wp-content/uploads/2021/04/Proposal-Cover-Page-Template-TemplateLab.com_-scaled.jpg" width="17%"/>
        </a>
        <a href="">        <img src="https://templatelab.com/wp-content/uploads/2021/04/Proposal-Cover-Page-Template-TemplateLab.com_-scaled.jpg" width="17%"/>
        </a>
        <a href="">        <img src="https://templatelab.com/wp-content/uploads/2021/04/Proposal-Cover-Page-Template-TemplateLab.com_-scaled.jpg" width="17%"/>
        </a>
        <a href="">        <img src="https://templatelab.com/wp-content/uploads/2021/04/Proposal-Cover-Page-Template-TemplateLab.com_-scaled.jpg" width="17%"/>
        </a>
      </div>
      <h1 style="color: white; font-family: Orbitron; text-align: right; margin-right: 60px;"> Summary </h1>
      <div id = "b" class="boxes" style="font-size: 16px; overflow: scroll; line-height: 2;; height:450px;">
        The Rules Framed under the “Trace Unions Act,1926 impose obligation on the registered Trade Unions  to submit annual statucory return in the prescribed format to the Registrar of their respective States! It is based on the Annual Returns received from the Registrar of Trade Unions of the respective States/Union Territories. am thankful to the Registrar of Trade Unions of all the responding State GovernmenUnion Territory without, whose support it would not have been  sible to bring out this Report. The government of India passed the “Trade Unions Act,1926" to regulate conditions governing the registration of Trade Unions, obligations imposed on a registered Trade Unions and right and liabilities there of. 29.6 percent of the total registered unions . Growth of Workers Unions  ‘+ Out of 16098 Workers Unions, 94.3 per cent were State Unions and remaining 5.7 per cent were Central Unions ,  ‘© Only 4785 Workers Unions  had submitted the returns . 99.7 per cent belong to Workers and remaining 56  unions were Employers ,  ‘© Among States/Union Territories, Karnataka accounted for the largest number of registered Trade Unions  . Finances, Assets and     jes of Trade Unions  ‘= All the 4785 trade unions submitting returns had income of ® 67 Crore against the expenditure of € 62.8 Crore respectively.1.1 Coverage The coverage of the Act is confined to =   Only persons engaged in Trade or Business  can form a trade union or become members of the trade union, As such persons employed in Raj Bhawan for domestic and other duties cannot form a trade union. The Act gave legal status to the Registered ‘Trade Unions and conferred on them and their members a measure of immunity from Civil Suit and Criminal prosecution. From the beginning itself, Trade Unions were not confined to workers alone, From 19" Century itself there were Employer's associations in the form of Chamber of ‘Commerce, Industrial Associations etc. Chapter I s     ent Features of the Trade Unions Act, 1926  ‘Trade Unions are organization of Workers as well as Employers formed to protect and promote the interest of theit members, Trade Unions have made headway due to rapid individual development.Registrar : A Registrar of trade unions appointed by the appropriate government under section 3, and includes any Additional or Deputy Registrar of trade unions,  1.2.4, Executive: Executive means the body, by whatever name called, to which the management of the affairs of a trade union is entrusted,  1.2.8. 1.2.2 Appropriate Government: - Appropriate Government means in relation to trade unions whose subjects are not confined to one state, the Central Government and in relation to other trade unions, the State government. Trade dispute :- Trade dispute means any dispute  between employers and workmen, ot  between workmen and workmen, or  _ between employers and employers, which is connected with i) employment or non-employment, or ii) the terms of employment, or i) the conditions of labour, of any person  1.2.6. 1.2 Important, Definition, Concepts and Provisions of the Act     ‘Trade Union: - Trade Union means any combination, whether temporary or permanent, formed primarily for the purpose of regulating the relation  between workmen and employers, or  between workmen and ‘workmen, or  between employers and employers or for imposing restrictive conditions on the conduct of any trade or business.But he cannot be an office bearer of the trade union until, he attains the age of 18 vyears. 1.2.11, Cancellation of Registration  A certificate of registration of a trade union may be withdrawn or cancelled by the Registrar  on the application of the trade union to be Verified in such a manner as may be prescribed and  if the Registrar is satisfied that the certificate has been obtained by fraud or mistake or that trade      4    A Corporation  established by or under a Central, Provincial or State Act which is owned or controlled or managed by the Government and  iv) A local authority  1.2.8. As such persons employed in Raj Bhawan for domestic and other duties cannot form a trade union.Dissolution  i) When a registered trade union is dissolved, notice of the dissolution signed by 7 members and by the Secretary of the trade union shall, within 14 days of the dissolution be sent to the Registrar, and shall be registered by him if he is satisfied that the dissolution has been effected in accordance with the rules of the trade union, and the dissolution shall have effect, from the date of such registration  ii) Where the dissolution of a registered trade union has been registered and the rules of the trade union do not provide for the distribution of funds of trade union on dissolution, the Registrar shall divide the funds amongst the members in such a manner as may be prescribed. ii) The Act also provides for constitution of a separate fund for political purposes,  The trade unions are given immunity from civil suits in certain cases     iv) ‘The members of trade unions ean inspect the books of trade unions  v) The trade unions can be amalgamated, provided votes of at least one half of the members of each or every such trade union entitled to vote is recorded,     Limitations     1.3.1 Limitations:- Under the Trade Unions Act, 1926, the registration of a trade union is not obligatory. 1.2.13, Other prov     ns of the Act  i) The Act clearly defines the rights and liabilities of registered trade union. During 2011 only 27% of the registered trade unions from 10 StatesUnion Territories have submitted retums in the prescribed proformae to the concerned authorities.2.2 Growth of Workers’ Unions  2.2.1 Number and Membership of Workers Unions  State-wise data in respect of workers registered trade unions submitting returns and their sex-wise membership during 2012 is given in Table 3.1 During 2012, out of 16154 registered workers unions, only 4785 unions  had submitted the returns. Chapter - 2  Growth of Trade Unions 2.1 Growth of Trade Unions   2.1.1  Year-wise number of Registered Trade Unions and their membership  Information relating to number of registered trade unions, number of unions submitting returns and their membership from 1996 to 2012 is given in Table 2.1. Out of the total of 16154 registered unions, as many as 16098 unions  were of Workers Unions and remaining 56  were of Employers’ Unions, Out of 16098 Workers Unions, 94.3 per cent were State Unions and remaining 5.7 per cent were Central Unions, State Unions are those unions, whose activitiesobjectives beyond a State boundary. 2.2.2 State-wise distribution of Central Unions and State Unions  Table 3.1 also presents number and membership of workers trade unions separately for Central Unions and State Unions, It may be seen from the table that during 2012, out of 4785 unions submitting returns as many as 4524  were state unions and remaining 261  were Central Unions.2.2.4 Workers Trade Unions in Public Sector  State-wise statistics pertaining to the number of Workers’ Unions submitting returns and their membership in Public Sector separately for State Sphere and Central Sphere for the Year 2012 is given in Table 3.3. Women members accounted for 29.54 per cent of the total membership of Central and State Unions, Amongst State Unions, the membership of Women Workers was the highest in Kerala  followed by Assam . Sex-wise and Industry-wise  number of workers unions submitting returns and their membership for the year 2012 is presented in Table 3.2. Summary of this statement at major industry division  is given in Table-1.1     From Table | .1_ it is seen that ‘Manufacturing Group’ accounted for 37.1 per cent of the total number of unions submitting returns, followed by “Transportation and Storage’ .
      </div>
      <h1 style="color: white; font-family: Orbitron; text-align: right; margin-right: 60px;"> Insights </h1> 
      <div id = "c" class="boxes" ><table class="table table-bordered" style="color:white;background: linear-gradient(rgb(12, 75, 80),#000); text-align: center;">
        <h3 style="color:white; padding: 10px;">IMPORTANT TERMINOLOGY IN THE DOCUMENT TO LOOK OUT FOR:</h3>

                <tbody>
          <tr>
            <td>Trade Unions Act </td>
<td>Table 2 </td>
<td>© Among States/Union Territories, Karnataka </td>
<td>Central Unions (Table </td>


          </tr>
          <tr>
            <td>€ 62 </td>
            <td>+ Total Assets/Liabilities of Trade Unions of Workers </td>
            <td>Trade Unions Act 1926 </td>
            <td>section 3 </td>
           
          </tr>
          <tr>
            <td>Section 617 </td>
            <td>Section 4 </td>
            <td>Trade Unions Act </td>
            <td>Central Unions, State Unions </td>
           
          </tr>
          <tr>
            <td>Agriculture, Forestry and Fishing’ </td>
            <td>Public Sector separately for State Sphere and Central Sphere </td>
            <td>Section 617 </td>
            <td>Public Sector 510 </td>
          </tr>
        </tbody>
      </table></div>
      <h1 style="color: white; font-family: Orbitron; text-align: right; margin-right: 60px;"> Visualization </h1>
      <div id = "d" class="boxes">
        <img src="outputs/ShabarishRamaswamy-40-cloud.png" width="47%">
        <img src="outputs/ShabarishRamaswamy-41-cloud.png" width="47%"/>
        <img src="outputs/ShabarishRamaswamy-42-cloud.png" width="47%"/>
        <img src="outputs/ShabarishRamaswamy-43-cloud.png" width="47%"/>
        <img src="outputs/ShabarishRamaswamy-44-cloud.png" width="47%"/>
        <img src="outputs/ShabarishRamaswamy-45-cloud.png" width="47%"/>
        <img src="outputs/ShabarishRamaswamy-46-cloud.png" width="47%"/>
        <img src="outputs/ShabarishRamaswamy-47-cloud.png" width="47%"/>
        <img src="outputs/ShabarishRamaswamy-48-cloud.png" width="47%"/>
        <img src="outputs/ShabarishRamaswamy-49-cloud.png" width="47%"/>
      </div>
      <h1 style="color: white; font-family: Orbitron; text-align: right; margin-right: 60px;"> Links </h1>
      <div id = "e" class="boxes" style="overflow:hidden">
        
        <div class="card" style="float:left; margin:10px; margin-left: 18px; background-color: rgb(171, 228, 144);" >
          <img src="https://cdn-icons-png.flaticon.com/512/2702/2702602.png" style="padding:50px;">
          <div class="card-body"  style="text-align: center; color: black;">
            <h6 class="card-title">Documents Needed for Filing Income Tax Returns in India·Choosing the applicable ITR form ·Link Aadhaar with PAN·For Salaried Employees.</h6>
            <a href="#" class="btn btn-dark stretched-link" style="width: 50%; ">Go!</a>
          </div>
        </div>
        <div class="card" style=" float:left; margin:10px; margin-left: 18px; background-color: rgb(123, 219, 163);" >
          <img src="https://cdn-icons-png.flaticon.com/512/2702/2702602.png" style="padding:50px;">
          <div class="card-body"  style="text-align: center; color: black;">
            <h6 class="card-title">This is the official website of Central Board of Direct Taxes (CBDT), Department of Revenue, Ministry of Finance, Government of India.</h6>
            <a href="#" class="btn btn-dark stretched-link" style="width: 50%; ">Go!</a>
          </div>
        </div>
        <div class="card" style=" float:left; margin:10px; margin-left: 18px; background-color: rgb(145, 235, 241);" >
          <img src="https://cdn-icons-png.flaticon.com/512/2702/2702602.png" style="padding:50px;">
          <div class="card-body"  style="text-align: center;color: black;">
            <h6 class="card-title">Income Tax Department · Form No. : 3CA · Form No. : 3CB · Form No. : 3CD · Form No. : 3CEB · Form No. : 10A · Form No. : 10B · Form No. : 15CA · Form No. : 15CB.</h6>
            <a href="#" class="btn btn-dark stretched-link" style="width: 50%; ">Go!</a>
          </div>
        </div>
        <div class="card" style=" float:left; margin:10px; margin-left: 18px; background-color: rgb(230, 255, 162);" >
          <img src="https://cdn-icons-png.flaticon.com/512/2702/2702602.png" style="padding:50px;">
          <div class="card-body"  style="text-align: center;color: black;">
            <h6 class="card-title">Sep 15, 2021 — To make the process of filing income tax return (ITR) easier, it's important to keep the necessary documents handy.</h6>
            <a href="#" class="btn btn-dark stretched-link" style="width: 50%; ">Go!</a>
          </div>
        </div>
        <div class="card" style=" float:left; margin:10px; margin-left: 18px; background-color: rgb(128, 180, 121);" >
          <img src="https://cdn-icons-png.flaticon.com/512/2702/2702602.png" style="padding:50px;">
          <div class="card-body"  style="text-align: center;color: black;">
            <h6 class="card-title">Form 2E is part of the process of filing of income tax returns in India. The form is also known as the NAYA SARAL Form or ITS-2E. The Income Tax Act, 1961</h6>
            <a href="#" class="btn btn-dark stretched-link" style="width: 50%; ">Go!</a>
          </div>       
      </div>

  </section>
  <script>
  let sidebar = document.querySelector(".sidebar");
  let closeBtn = document.querySelector("#btn");
  let c = document.getElementById('c');

  closeBtn.addEventListener("click", ()=>{
    sidebar.classList.toggle("open");
    menuBtnChange();
  });

  if (c)
        {
          t = ""
          }
 

  function menuBtnChange() {
   if(sidebar.classList.contains("open")){
     closeBtn.classList.replace("bx-menu", "bx-menu-alt-right");
   }else {
     closeBtn.classList.replace("bx-menu-alt-right","bx-menu");
   }
  }
  </script>
</body>
</html>