View source for Team:Tongji China/template

<html lang="en">

<body class="index">
  <div id="header_container" style="display: none">
    <script>
      document.getElementById("top_title").style = "display:none";
      document.getElementById("mw-content-text").removeChild(document.querySelector("#mw-content-text > p:nth-child(1)"));
    </script>
    <link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Team:Tongji_China/resource/css/bootstrap.css&action=raw&ctype=text/css" />
    <link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Team:Tongji_China/resource/css/lazy.css&action=raw&ctype=text/css">
    <link rel="stylesheet" href="https://2019.igem.org/wiki/index.php?title=Team:Tongji_China/resource/css/demo.css&action=raw&ctype=text/css">
  </div>

  <div id="pre_loader" class="fixed-top" style="background: #fff;display: flex; justify-content: center;align-items: center;min-height: 100vh;">
    <div class="spinner-grow bg-primary" role="status" style="height: 300px;width: 300px;">
      <span class="sr-only">Loading...</span>
    </div>
  </div>
  
  <div class="index">
    <nav class="navbar navbar-expand-lg navbar-dark bg-primary">
      <div class="container">
        <a class="navbar-brand" href="https://2019.igem.org/Team:Tongji_China/"><img src="https://static.igem.org/mediawiki/2019/b/b8/T--Tongji_China--Team_Logo_new.png" alt="Example Navbar 1" class="mr-2" height="36"></a>
        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown-7" aria-controls="navbarNavDropdown-7" aria-expanded="false" aria-label="Toggle navigation">
          <span class="navbar-toggler-icon"></span>
        </button>
        <div class="collapse navbar-collapse" id="navbarNavDropdown-7" style="margin-top: 14px;">
          <ul class="navbar-nav">
            <li class="nav-item dropdown mx-2">
              <a class="nav-link" href="#" id="nav-inner-primary_dropdown_1" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Project</a>
              <div class="dropdown-menu dropdown-menu-right" aria-labelledby="nav-inner-primary_dropdown_1">
                <a class="dropdown-item" href="/Team:Tongji_China/Description">Description</a>
                <a class="dropdown-item" href="/Team:Tongji_China/Design">Design</a>
                <a class="dropdown-item" href="/Team:Tongji_China/Result">Result</a>
                <a class="dropdown-item" href="/Team:Tongji_China/Protocols">Protocols</a>
                <a class="dropdown-item" href="/Team:Tongji_China/Parts">Parts</a>
                <a class="dropdown-item" href="/Team:Tongji_China/Medal_Requirement">Medal Requirement</a>
              </div>
            </li>
            <li class="nav-item dropdown mx-2">
                <a class="nav-link" href="#" id="nav-inner-primary_dropdown_2" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Human Practices</a>
              <div class="dropdown-menu dropdown-menu-right" aria-labelledby="nav-inner-primary_dropdown_2">
                <a class="dropdown-item" href="/Team:Tongji_China/Human_Practices">Integrated</a>
                <a class="dropdown-item" href="/Team:Tongji_China/Public_Engagement">Public Engagement</a>
              </div>
            </li>
            <li class="nav-item dropdown mx-2">
              <a class="nav-link" href="/Team:Tongji_China/Model">Model</a>
            </li>
            <li class="nav-item dropdown mx-2">
              <a class="nav-link" href="/Team:Tongji_China/Human_Practices">Human Practice</a>
            </li>
            <li class="nav-item dropdown mx-2">
              <a class="nav-link" href="/Team:Tongji_China/Collaborations">Collaboration</a>
            </li>
            <li class="nav-item dropdown mx-2">
              <a class="nav-link" href="/Team:Tongji_China/Members">Members</a>
            </li>
            <li class="nav-item dropdown mx-2">
              <a class="nav-link" href="/Team:Tongji_China/Attributions">Attributions</a>
            </li>
          </ul>
        </div>
      </div>
    </nav>

    <div class="page-hero bg-primary text-white" id="banner">
      <div class="bubbles d-none d-md-block">
        <!-- 				bubbles -->
        <div class="bubble bubble-1 rotate-bubble bg-warning" style=" background-color: #FFDC41 !important;"></div>
        <div class="bubble bubble-2 bubble-bottom-right bg-warning rotate-bubble" style=" background-color: #FFDC41 !important;"></div>
        <div class="bubble bubble-3 bubble-top-right bg-warning rotate-bubble" style=" background-color: #FFDC41 !important;"></div>
        <div class="bubble bubble-4 bubble-top-left bg-warning rotate-bubble" style=" background-color: #FFDC41 !important;"></div>
        <div class="bubble bubble-5 bg-warning rotate-bubble" style=" background-color: #FFDC41 !important;"></div>
        <div class="bubble bubble-6 bubble-bottom-right bg-warning rotate-bubble" style=" background-color: #EEFF50 !important;"></div>
        <div class="bubble bubble-7 bubble-top-right bg-warning rotate-bubble" style=" background-color: #EEFF50 !important;"></div>
        <div class="bubble bubble-8 bubble-top-left bg-warning rotate-bubble" style=" background-color: #FFDC41 !important;"></div>
        <div class="bubble bubble-9 bg-warning rotate-bubble" style=" background-color: #EEFF50 !important;"></div>
        <div class="bubble bubble-10 bg-warning rotate-bubble" style=" background-color: #FFDC41 !important;"></div>
        <div class="bubble bubble-11 bubble-bottom-right bg-warning rotate-bubble" style=" background-color: #FFDC41 !important;"></div>
        <div class="bubble bubble-12 bubble-top-right bg-warning rotate-bubble" style=" background-color: #EEFF50 !important;"></div>
        <div class="bubble bubble-13 bubble-top-left bg-warning rotate-bubble" style=" background-color: #EEFF50 !important;"></div>
        <!--         circles -->
        <div class="circle circle-1 bg-warning rotate-circle" style=" background-color: #FFDC41 !important;"></div>
        <div class="circle circle-2 bg-warning rotate-circle" style=" background-color: #EEFF50 !important;"></div>
        <div class="circle circle-3 bg-warning rotate-circle" style=" background-color: #FFDC41 !important;"></div>
        <div class="circle circle-4 bg-warning rotate-circle" style=" background-color: #EEFF50 !important;"></div>
        <div class="circle circle-5 bg-warning rotate-circle" style=" background-color: #FFDC41 !important;"></div>
        <div class="circle circle-6 bg-warning rotate-circle" style=" background-color: #FFDC41 !important;"></div>
        <div class="circle circle-7 bg-warning rotate-circle" style=" background-color: #EEFF50 !important;"></div>
        <div class="circle circle-8 bg-warning rotate-circle" style=" background-color: #FFDC41 !important;"></div>
        <div class="circle circle-9 bg-warning rotate-circle" style=" background-color: #EEFF50 !important;"></div>
        <div class="circle circle-10 bg-warning rotate-circle" style=" background-color: #FFDC41 !important;"></div>
      </div>
      <div class="container">
        <div class="row">
          <div class="col-12 col-lg-8  offset-lg-2 text-center">
            <div class="title" id="page_header">
            </div>
          </div>
        </div>
      </div>
    </div>

    <div id="page_container"></div>

    <div class="modal fade" id="glassAnimals" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
      <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
          <div class="modal-header">
            <h5 class="modal-title" id="exampleModalLabel">Here is a modal</h5>
            <button type="button" class="close" data-dismiss="modal" aria-label="Close">
              <span aria-hidden="true">&times;</span>
            </button>
          </div>
          <div class="modal-body">
            Modals are a simple way to display information upon request. They let you easily add another layer upon your site and give you the possibility to create popups.
          </div>
          <div class="modal-footer">
            <button type="button" class="btn btn-secondary" data-dismiss="modal">Close</button>
            <button type="button" class="btn btn-success">View More</button>
          </div>
        </div>
      </div>
    </div>


    <footer class="footer-1 bg-light text-dark">
      <div class="container">
        <div class="d-flex flex-column flex-md-row justify-content-between align-items-center">
          <div class="links">
            <ul class="footer-menu list-unstyled d-flex flex-row text-center text-md-left">
              <li><a href="Members.html">About Us</a></li>
            </ul>
          </div>
          <div class="social mt-4 mt-md-0">
            <a class="twitter btn btn-outline-primary btn-icon" href="https://twitter.com/bootstrapbay" target="_blank">
              <i class="fab fa-twitter"></i>
              <span class="sr-only">View our Twitter Profile</span>
            </a>
            <a class="facebook btn btn-outline-primary btn-icon" href="https://www.facebook.com/bootstrapbayofficial/" target="_blank">
              <i class="fab fa-facebook"></i>
              <span class="sr-only">View our Facebook Profile
                <span>
            </a>
          </div>
        </div>
        <div class="copyright text-center">
          <hr />
          <p class="small"> 2019, made with <span class="text-danger"> Tongji_China <i class="fas fa-heart"></i></span> by BootstrapBay</p>
        </div>
      </div>
    </footer>
  </div>

  <!-- jQuery first, then Popper.js, then Bootstrap JS -->
  <script src="https://2019.igem.org/wiki/index.php?title=Team:Tongji_China/resource/js/jquery.min.js&action=raw&ctype=text/javascript"></script>
  <script src="https://2019.igem.org/wiki/index.php?title=Team:Tongji_China/resource/js/jquery.scrolly.min.js&action=raw&ctype=text/javascript"></script>
  <script src="https://2019.igem.org/wiki/index.php?title=Team:Tongji_China/resource/js/bootstrap.min.js&action=raw&ctype=text/javascript"></script>
  <script src="https://2019.igem.org/wiki/index.php?title=Team:Tongji_China/resource/js/popper.min.js&action=raw&ctype=text/javascript"></script>

  <!-- optional plugins -->
  <script src="https://2019.igem.org/wiki/index.php?title=Team:Tongji_China/resource/js/nouislider.min.js&action=raw&ctype=text/javascript"></script>

  <!--   lazy javascript -->
  <script src="https://2019.igem.org/wiki/index.php?title=Team:Tongji_China/resource/js/lazy.js&action=raw&ctype=text/javascript"></script>


</body>

</html>