index.html

<!DOCTYPE html>
<html>
<head>
  <title>Main Page</title>
  <link rel="stylesheet" href="input.css">
  <link rel="stylesheet" href="drop.css">

</head>
<body>
<h1 align="middle">Welcome to Contracool </h1>
<div>This site mainly fulfills two major requirements for the welfare of country.<br>First that every government school is regestered here so in case of any shortcomings,no need to wait for the contacting a contractor,waiting for the response and leading to unnecessary delays.HERE for the welfare of students,the future of india,you as the principle of that school can simply register your complaints and contact a contractor of your choice.</div>
<p>In order to <b>REGISTER</b> the problems <a href="./complains.html">Click here</a></p>

<p> If you to want to go through the list of registered contractors then <a href="./showup.html"> click here</a></p>
<p> For the contractors section 
<div class="tab" class="fs">

  <button class="tablinks" onmouseover="openCity(event, 'Existing')">Existing Member</button>
  <button class="tablinks" onmouseover="openCity(event, 'New')">New Member</button>
  
</div>

<div id="Existing" class="tabcontent">
  <h3>Fill in the details</h3>
  <input type="text" placeholder="USERNAME"><br><input type="text" placeholder="PASSWORD"><br><button type="submit">Log in</button>
</div>

<div id="New" class="tabcontent">
  <h3>Welcome </h3>
  Click <a href="./input.html">here</a> to register
</div>


<div class="clearfix"></div>

<script>
function openCity(evt, cityName) {
    var i, tabcontent, tablinks;
    tabcontent = document.getElementsByClassName("tabcontent");
    for (i = 0; i < tabcontent.length; i++) {
        tabcontent[i].style.display = "none";
    }
    tablinks = document.getElementsByClassName("tablinks");
    for (i = 0; i < tablinks.length; i++) {
        tablinks[i].className = tablinks[i].className.replace(" active", "");
    }
    document.getElementById(cityName).style.display = "block";
    evt.currentTarget.className += " active";
}
</script> </p>


</body></html>