Team:SKLMT-China

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB" crossorigin="anonymous">

   <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
   <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js" integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49" crossorigin="anonymous"></script>
   <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js" integrity="sha384-smHYKdLADwkXOn1EmN1qk/HfnUcbVRZyYmZ4qpPea6sjB/pTJ0euyQp0Mk8ck+5T" crossorigin="anonymous"></script>
   <style type="text/css" media="screen">

.navbar {

 background-color: #6e7e98;
 color:#fff;

} .navbar .nav > li .dropdown-menu {

           margin: 0;  
       }  

.navbar .nav > li:hover .dropdown-menu {

           display: block; } 

li a{

   	color: #fff;
      }

a:hover{ color: red; } footer { background-color: black; }

1. Call{

font-size: 1.5em; } li a:hover{ color:#fff; background:#999E9F; -moz-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; -webkit-transition: background 0.3s ease-in-out, color 0.3s ease-in-out; } .cardbox{

 width: 60px;
 height:60px;
 font-size: 20px;

}

1. shanda{

width: 320px; height:120px; }

1. mathworks{

width: 240px; height:90px; } </style>

<header class="container-fluid"> <nav class="nav navbar">

• <a class="dropdown-toggle" data-toggle="dropdown" href="#">Project</a>
  • <a href="Description.html" target="_self">Description</a>
  • <a href="Design.html">Design</a>
  • <a href="Results.html">Results</a>
  • <a href="Model.html">Model</a>
  • <a href="Demonstrate.html">Demonstrate</a>

• <a href="Attributions.html">Attributions</a>

• <a class="dropdown-toggle" data-toggle="dropdown" href="#">Human pactice</a>
  • <a href="Human_Practices.html#Silver">Silver</a>
  • <a href="Human_Practices.html#Gold_Integrated">Gold Integrated</a>
  • <a href="Public_Engagement.html">Public Engagement</a>

• <a class="dropdown-toggle" data-toggle="dropdown" href="#">In Lab</a>
  • <a href="Experiments.html">Experiment</a>
  • <a href="Notebook.html">Notebook</a>
  • <a href="InterLab.html">Safety</a>

• <a class="dropdown-toggle" data-toggle="dropdown" href="#">Parts</a>
  • <a href="Parts.html">Parts Overview</a>
  • <a href="Basic_Part.html">Basic Part</a>
  • <a href="Composite_Part.html">Composite Part</a>
  • <a href="Part_Collection.html">Parts Collection</a>
  • <a href="Improve.html">Improve</a>

• <a class="dropdown-toggle" data-toggle="dropdown" href="#">Team</a>
  • <a href="Team.html">Team Members</a>
  • <a href="Attributions.html">Attributions</a>
  • <a href="Collaborations.html">Collaborations</a>

</nav> </header> <footer class="container-fluid">

Sponsers

<img id="shanda" src="">    <img id="mathworks" src="">

Contact us

        <a href="mailto:sdubioigem@163.com"><img class="cardbox" src="" ></a>
        

        <a href="https://www.instagram.com/sdubiochina_2018/"><img class="cardbox" src=""></a></p>

</footer>