Difference between revisions of "Team:Hong Kong-CUHK"

 
(46 intermediate revisions by 3 users not shown)
Line 2: Line 2:
 
<html>
 
<html>
 
   <head>
 
   <head>
 +
<meta name="viewport" content="width=device-width, initial-scale=1">
 
   <style>
 
   <style>
  
−
.container {
 
−
    overflow: hidden;
 
−
    background-color: #FFFFFF;
 
−
    font-family: Arial;
 
−
}
 
−
 
−
.container a {
 
−
    float: left;
 
−
    font-size: 16px;
 
−
    color: black;
 
−
    text-align: center;
 
−
    padding: 14px 16px;
 
−
    text-decoration: none;
 
−
}
 
−
 
−
.dropdown {
 
−
    float: left;
 
−
    overflow: hidden;
 
−
}
 
−
 
−
.dropdown .dropbtn {
 
−
    font-size: 16px;   
 
−
    border: none;
 
−
    outline: none;
 
−
    color: black;
 
−
    padding: 14px 16px;
 
−
    background-color: inherit;
 
−
}
 
−
 
−
.container a:hover, .dropdown:hover .dropbtn {
 
−
    background-color: #86F1E6;
 
−
}
 
−
 
−
.dropdown-content {
 
−
    display: none;
 
−
    position: absolute;
 
−
    background-color: #E0E0E0;
 
−
    min-width: 160px;
 
−
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
 
−
    z-index: 1;
 
−
}
 
−
 
−
.dropdown-content a {
 
−
    float: none;
 
−
    color: black;
 
−
    padding: 12px 16px;
 
−
    text-decoration: none;
 
−
    display: block;
 
−
    text-align: left;
 
−
}
 
−
 
−
.dropdown-content a:hover {
 
−
    background-color: #599D96;
 
−
}
 
−
 
−
.dropdown:hover .dropdown-content {
 
−
    display: block;
 
−
}
 
−
   
 
−
 
−
@media (max-width: 1500px) {
 
−
    .container{
 
−
        min-width: 1200px;
 
−
    }
 
−
}
 
−
 
−
 
−
#drop-nav li ul li {border-top: 0px;}
 
−
 
−
      #NavLogo{
 
−
        float: left;
 
−
        height: 40px;
 
−
       
 
−
      }
 
−
 
−
.igem_2017_menu_wrapper #display_menu_control {
 
−
display:none;
 
−
text-align:center
 
−
}
 
−
 
−
.footer-distributed{
 
−
background-color: #FFFFFF;
 
−
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
 
−
box-sizing: border-box;
 
−
width: 100%;
 
−
text-align: left;
 
−
padding: 45px 50px;
 
−
margin-top: 80px;
 
−
}
 
−
 
−
.footer-distributed .footer-left p{
 
−
        color:  #52658F;
 
−
font-size: 14px;
 
−
margin: 0;
 
−
}
 
−
.footer-distributed .footer-right p{
 
−
        color:  #52658F;
 
−
font-size: 14px;
 
−
margin: 0;
 
−
}
 
−
 
−
/* Footer links */
 
−
 
−
.footer-distributed p.footer-links{
 
−
font-size:18px;
 
−
font-weight: bold;
 
−
color:  #ffffff;
 
−
margin: 0 0 10px;
 
−
padding: 0;
 
−
}
 
−
 
−
 
−
.footer-distributed p.footer-links a{
 
−
display:inline-block;
 
−
line-height: 1.8;
 
−
text-decoration: none;
 
−
color:  inherit;
 
−
}
 
−
 
−
.footer-distributed .footer-right{
 
−
float: right;
 
−
margin-top: 6px;
 
−
max-width: 400px;
 
−
}
 
−
 
−
 
−
 
−
.footer-distributed .footer-right a{
 
−
display: inline-block;
 
−
width: 50px;
 
−
height: 35px;
 
−
background-color:  #33383b;
 
−
border-radius: 2px;
 
−
 
−
font-size: 20px;
 
−
color: #52658F;
 
−
text-align: center;
 
−
line-height: 35px;
 
−
 
−
margin-left: 3px;
 
−
}
 
−
 
−
.sponsors {
 
−
            margin: 2.5px;
 
−
            width: 125px;
 
−
        }
 
−
 
−
/* If you don't want the footer to be responsive, remove these media queries */
 
−
 
−
@media (max-width: 600px) {
 
−
 
−
.footer-distributed .footer-left,
 
−
.footer-distributed .footer-right{
 
−
text-align: center;
 
−
}
 
−
 
−
.footer-distributed .footer-right{
 
−
float: none;
 
−
margin: 0 auto 20px;
 
−
}
 
  
−
.footer-distributed .footer-left p.footer-links{
+
section {
−
line-height: 1.8;
+
  margin:auto;
−
}
+
  position: relative;
 +
  width: 70%;
 +
text-align:center;
 +
  height: auto;
 +
background-color:#fff;
 +
}
 +
.content{
 +
margin-top:20px;
 +
}
 +
.adjust1{
 +
  margin:auto;width:100%; margin-bottom:0;
 +
}
 +
.adjust2{
 +
margin:0;
 +
}
 +
.carousel-control{  
 +
color:#31708f; width:5%;
 +
}
 +
.carousel-control:hover,
 +
.carousel-control:focus{
 +
color:#31708f;
 +
}
 +
.carousel-control.left,
 +
.carousel-control.right{
 +
background-image: none;  
 +
}  
 
}
 
}
 
     </style>  
 
     </style>  
Line 173: Line 39:
  
  
−
<body>
+
<section id="section01">
−
<div class="container">
+
  <div class="splash" id="mainsplash">
−
+
  <div id="banner">
−
    <!-- <li><a style="padding-top:-50px;"><img id="NavLogo" src="https://static.igem.org/mediawiki/2017/4/41/Cuhk_logo.PNG"></a></li> -->
+
        <img src="https://static.igem.org/mediawiki/2017/0/0c/Dr_swtich1.png" width="90%" height="auto" class=" igem-logo"></a>
 +
      </div>
 +
    </div>
 +
  </div>
 +
<center>
 +
</section>
  
−
<a href="https://2017.igem.org/Team:Hong_Kong-CUHK">Home</a>
+
<section id="myCarousel" class="carousel slide" data-ride="carousel">
−
 
+
  <!-- Indicators -->
−
<div class="dropdown">
+
  <ol class="carousel-indicators">
−
    <button class="dropbtn"><b>Project ▼</b></button>
+
    <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
−
    <div class="dropdown-content">
+
    <li data-target="#myCarousel" data-slide-to="1"></li>
−
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Description">Description</a>
+
    <li data-target="#myCarousel" data-slide-to="2"></li>
−
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Experiments">Experiments</a>
+
    <li data-target="#myCarousel" data-slide-to="3"></li>
−
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Results">Results</a>
+
  </ol>
−
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Parts">Parts</a>
+
−
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Hardware">Hardware</a>
+
  
 +
  <!-- Wrapper for slides -->
 +
  <div class="carousel-inner">
 +
    <div class="item active">
 +
        <img src="https://static.igem.org/mediawiki/2017/0/08/Page1.png" height="500" >
 
     </div>
 
     </div>
−
  </div>
 
  
−
 
+
     <div class="item">
−
  <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Model">Modelling</a>
+
        <img src="https://static.igem.org/mediawiki/2017/8/85/Page2.png" height="500" >
−
 
+
−
  <a href="http://igem.erg.cuhk.edu.hk/">Software</a>
+
−
 
+
−
  <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/InterLab">InterLab</a>
+
−
 
+
−
 
+
−
  <div class="dropdown">
+
−
    <button class="dropbtn"><b>Notebook ▼</b></button>
+
−
     <div class="dropdown-content">
+
−
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Notebook">Notebook</a>
+
−
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Applied_Design">Protocols</a>
+
−
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Measurement">Medal Criteria</a>
+
 
     </div>
 
     </div>
−
  </div>
 
  
−
<div class="dropdown">
+
     <div class="item">
−
    <button class="dropbtn"><b>Human Practice ▼</b></button>
+
        <img src="https://static.igem.org/mediawiki/2017/5/5c/Page3.png" height="500">
−
     <div class="dropdown-content">
+
−
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Engagement">Engagement and Education</a>
+
−
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/HP/Gold_Integrated">Human Practices</a>
+
−
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Collaborations">Collaboration</a>
+
 
     </div>
 
     </div>
−
  </div>
 
  
−
  <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Safety">Safety</a>
+
     <div class="item">
−
 
+
        <img src="https://static.igem.org/mediawiki/2017/e/e9/Page4.png" height="500">
−
<div class="dropdown">
+
  </div>
−
    <button class="dropbtn"><b>Team ▼</b></button>
+
−
     <div class="dropdown-content">
+
−
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Team">Team</a>
+
−
      <a href="https://2017.igem.org/Team:Hong_Kong-CUHK/Attributions">Attributions</a>
+
−
    </div>
+
 
   </div>
 
   </div>
  
−
 
+
  <!-- Left and right controls -->
 +
  <a class="left carousel-control" href="#myCarousel" data-slide="prev">
 +
    <span class="glyphicon glyphicon-chevron-left"></span>
 +
    <span class="sr-only">Previous</span>
 +
  </a>
 +
  <a class="right carousel-control" href="#myCarousel" data-slide="next">
 +
    <span class="glyphicon glyphicon-chevron-right"></span>
 +
    <span class="sr-only">Next</span>
 +
  </a>
 
</div>
 
</div>
−
 
+
<center>
−
 
+
</section>
−
 
+
−
 
+
−
+
−
 
+
−
 
+
−
 
+
−
 
+
−
  <div class="splash" id="mainsplash">
+
−
    <div class="row splashyla">
+
−
      <div class="col-md-12">
+
−
        <img src="https://static.igem.org/mediawiki/2017/b/b9/T-CUHK-HONGKONG-Homepagecuhk.png" width="1200" height="4800" class=" igem-logo"></a>
+
−
      </div>
+
−
    </div>
+
−
  </div>
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
 
+
−
<footer class="footer-distributed">
+
−
 
+
−
<div class="footer-right">
+
−
                <a target="_blank" href="mailto:igemcuhk1617@gmail.com"><i class="fa fa-envelope-o fa-2x"></i></a> 
+
−
   
+
−
<p> Email: igemcuhk1617@gmail.com </p>
+
−
</div>
+
−
 
+
−
 
+
−
<div class="footer-left">
+
−
 
+
−
<p class="footer-links">
+
−
+
−
+
−
<a target="_blank" href="https://www.neb.com/">
+
−
        <img class="sponsors" src="https://static.igem.org/mediawiki/2017/a/ae/CUHK--NEB.PNG">
+
−
    </a>
+
−
+
−
+
−
</p>
+
−
 
+
−
+
−
</div>
+
−
 
+
−
</footer>
+
−
 
+
  
  
Line 284: Line 94:
  
 
</html>
 
</html>
 +
{{Template:Hong_Kong-CUHK_footer}}

Latest revision as of 19:28, 17 October 2017

     

Email: igemcuhk1617@gmail.com