Line 1: | Line 1: | ||
− | + | <!DOCTYPE html> | |
<html> | <html> | ||
+ | <head> | ||
+ | <title>:SDU-CHINA</title> | ||
+ | <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; | ||
+ | } | ||
+ | #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; | ||
+ | } | ||
+ | #shanda{ | ||
+ | width: 320px; | ||
+ | height:120px; | ||
+ | } | ||
+ | #mathworks{ | ||
+ | width: 240px; | ||
+ | height:90px; | ||
+ | } | ||
+ | </style> | ||
+ | </head> | ||
− | + | <body> | |
− | + | <header class="container-fluid"> | |
− | + | <nav class="nav navbar"> | |
− | <div class=" | + | <div class="col-xs-3 col-md-2"> |
− | < | + | <ul class="nav"> |
− | <p> | + | <li><a class="dropdown-toggle" data-toggle="dropdown" href="#"><b>Project</b></a><span class="caret"></span> |
− | + | <ul class="dropdown-menu"> | |
− | + | <li><a href="Description.html" target="_self">Description</a></li> | |
− | <img src=" | + | <li><a href="Design.html">Design</a></li> |
+ | <li><a href="Results.html">Results</a></li> | ||
+ | <li><a href="Model.html">Model</a></li> | ||
+ | <li><a href="Demonstrate.html">Demonstrate</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-xs-3 col-md-2"> | ||
+ | <ul class="nav"> | ||
+ | <li><a href="Attributions.html"><b>Attributions</b></a></li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-xs-3 col-md-2"> | ||
+ | <ul class="nav"> | ||
+ | <li><a class="dropdown-toggle" data-toggle="dropdown" href="#"><b>Human pactice</b></a><span class="caret"></span> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="Human_Practices.html#Silver">Silver</a></li> | ||
+ | <li><a href="Human_Practices.html#Gold_Integrated">Gold Integrated</a></li> | ||
+ | <li><a href="Public_Engagement.html">Public Engagement</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-xs-3 col-md-2"> | ||
+ | <ul class="nav"> | ||
+ | <li><a class="dropdown-toggle" data-toggle="dropdown" href="#"><b>In Lab</b></a><span class="caret"></span> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="Experiments.html">Experiment</a></li> | ||
+ | <li><a href="Notebook.html">Notebook</a></li> | ||
+ | <li><a href="InterLab.html">Safety</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-xs-3 col-md-2"> | ||
+ | <ul class="nav"> | ||
+ | <li><a class="dropdown-toggle" data-toggle="dropdown" href="#"><b>Parts</b></a><span class="caret"></span> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="Parts.html">Parts Overview</a></li> | ||
+ | <li><a href="Basic_Part.html">Basic Part</a></li> | ||
+ | <li><a href="Composite_Part.html">Composite Part</a></li> | ||
+ | <li><a href="Part_Collection.html">Parts Collection</a></li> | ||
+ | <li><a href="Improve.html">Improve</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-xs-3 col-md-2"> | ||
+ | <ul class="nav"> | ||
+ | <li><a class="dropdown-toggle" data-toggle="dropdown" href="#"><b>Team</b></a><span class="caret"></span> | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="Team.html">Team Members</a></li> | ||
+ | <li><a href="Attributions.html">Attributions</a></li> | ||
+ | <li><a href="Collaborations.html">Collaborations</a></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </nav> | ||
+ | </header> | ||
+ | <footer class="container-fluid"> | ||
+ | <div class="row"> | ||
+ | <div class="col-xs-6 col-md-10"> | ||
+ | <p style="color: white" id="Call">Sponsers</p> | ||
+ | <!-- <img class="cardbox" src="https://static.igem.org/mediawiki/2018/e/ee/T--SDU-CHINA--index--snapgene.png" > --> | ||
+ | <img id="shanda" src="https://static.igem.org/mediawiki/2018/e/e2/T--SDU-CHINA--index--shanda.png"> | ||
+ | <img id="mathworks" src="https://static.igem.org/mediawiki/2018/7/7e/T--SDU-CHINA--index--mathworks.png"> | ||
+ | </div> | ||
+ | <div class="col-xs-6 col-md-2" id="footer_social"> | ||
+ | <p style="color: white" id="Call">Contact us</p> | ||
+ | <a href="mailto:sdubioigem@163.com"><img class="cardbox" src="https://static.igem.org/mediawiki/2018/5/5b/T--SDU-CHINA--index--mailbox.png" ></a> | ||
+ | <br> | ||
+ | <a href="https://www.instagram.com/sdubiochina_2018/"><img class="cardbox" src="https://static.igem.org/mediawiki/2018/f/fa/T--SDU-CHINA--index--ins.png"></a></p> | ||
+ | </div> | ||
+ | </div> | ||
− | + | </footer> | |
− | </ | + | </body> |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</html> | </html> |
Revision as of 11:36, 13 May 2018
<!DOCTYPE html>