oldindex.html

<!-- ---
layout: default
title: BITS 2019
---

  <!-- Navbar -->
    <!-- <img src="BITS-logo.GIF" width="250px" height="250px" class="logo-bits"> 
  <nav class="navbar navbar-expand-lg navbar-transparent navbar-absolute fixed-top collapse" id="navigation-example">

    <div class="container-fluid">
      <div class="navbar-wrapper">
        <a class="navbar-brand" style="color: #b5caff00;"></a>
      </div>
      <button class="navbar-toggler" type="button" data-toggle="collapse" aria-controls="navigation-index" aria-expanded="false" aria-label="Toggle navigation" data-target="#navigation-example">
        <span class="sr-only">Toggle navigation</span>
        <span class="navbar-toggler-icon icon-bar"></span>
        <span class="navbar-toggler-icon icon-bar middle"></span>
        <span class="navbar-toggler-icon icon-bar"></span>
      </button>
      <div class="collapse navbar-collapse justify-content-end">
        <ul class="navbar-nav">
          <li class="nav-item">
            <a class="nav-link" href="https://acicts.io" target="_blank" style="color: #b5caff">
              Register
            </a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="" target="_blank"  style="color: #b5caff">
              Dashboard
            </a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="" target="_blank"  style="color: #b5caff">
              Timeline
            </a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="" target="_blank"  style="color: #b5caff">
              About Crew
            </a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="" target="_blank"  style="color: #b5caff">
              Contact Us
            </a>
          </li>
        </ul>
      </div>
    </div>
  </nav>
  <!-- End Navbar -->

  <!-- <div class="card comesold" id="" style="width:40%; position: absolute; bottom:40px; left:-10px; transition: 1s; z-index: 5;"> 
    <div class="card-body">
      <h4 class="card-title"  style="color: #b5caff">Coming Soon</h4>
      <div class="card-text" style="font-size:200%;"><div id="demo" style="font-family:'Saira', sans-serif;  color: #b5caff; display:inline;"></div></div>
  <i class="material-icons" style="font-size: 50px; position: absolute; right:0%; top:1px; color: #fff">
          <div class="arrow"></div>
      </i>
      <style>
      .arrow::before{
        content: "keyboard_arrow_right";
      }
      .comesold:hover{
        left:10px !important;
      }

      /*          Changes for small display      */
      @media (max-width: 700px) {
        .comesold{
          width:90% !important;
          left:-75% !important;
        }
      }
      @media (max-width: 991px) {
        .comesold:hover{
          left:10px !important;
        }
      }
      </style>
    </div>
  </div>
  <div class="page-header clear-filter">
    <div class="page-header-image" style="background-image: url('./assets/img/sidebar-1.jpg');"></div>
    <div class="content-center">
      <div class="col-md-8 ml-auto mr-auto">
        <div class="brand">
          <img>
          <h1 class="title" style="font-family:'Saira', sans-serif; color:#4498ff; text-shadow: 0px 0px 20px black;">
            BITS '19
          </h1>
          <h6 style="background-color: rgba(255, 5, 5, 0.404); font-family:'Saira', sans-serif; padding: 5px; margin:auto; z-index: -1; width:300px;" class="secyear">Second Consecutive Year</h6>
          <h3 class="description" style="font-family:'Saira', sans-serif; color: #b5caff; text-shadow:-4px 1px 20px black;">The Task Based Online<br>Intra-School ICT Competiton</h3>

          <br/>
          <a href="./tasks.html" class="btn btn-round btn-lg" style="background-color: rgba(71, 123, 255, 1); text-shadow:0px 0px 20px black;">Go to the dashboard</a>
        </div>
      </div>
    </div>
  </div>
  <footer class="footer">
    <div class="container-fluid"> -->
      <!--nav style="float:left; transition: 1s;" id="linksleft" >
        <ul>
          <li>
            <a href=""  style="color: #b5caff">
              About Crew
            </a>
          </li>
          <li>
            <a href=""  style="color: #b5caff">
              Contact Us
            </a>
          </li>
        </ul>
      </nav-->
      <!-- <div class="copyright float-right"  style="color: #b5caff">
          &copy;
          <script>
            document.write(new Date().getFullYear())
          </script>
          <a href="http://acicts.io/" target="_blank">ACICTS</a>  - All rights reserved.
        </div>
    </div> -->
    <!--This Website is created by Supun Tharinda-->
  <!-- </footer> -->