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

 
(21 intermediate revisions by the same user not shown)
Line 4: Line 4:
 
<meta name="viewport" content="width=device-width, initial-scale=1">
 
<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;
 
−
}
 
−
 
−
.pull-right {
 
−
    float: right;
 
−
}
 
−
 
−
 
−
 
−
@media (max-width: 1500px) {
 
−
    .container{
 
−
        min-width: 1000px;
 
−
    }
 
−
}
 
−
 
−
 
−
#drop-nav li ul li {border-top: 0px;}
 
−
 
−
      #NavLogo{
 
−
        float: left;
 
−
        height: 80px;
 
−
       
 
−
      }
 
−
 
−
.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{
 
−
line-height: 1.8;
 
−
}
 
−
}
 
−
 
−
 
−
 
−
@import url(https://fonts.googleapis.com/css?family=Josefin+Sans:300,400);
 
−
* {
 
−
  margin: auto;
 
−
  padding: 0;
 
−
}
 
−
html, body {
 
−
  height: 100%;
 
−
}
 
−
 
−
.demo a {
 
−
text-align: center;
 
−
  position: absolute;
 
−
  bottom: 20px;
 
−
  left: 50%;
 
−
  z-index: 2;
 
−
  display: inline-block;
 
−
  -webkit-transform: translate(0, -50%);
 
−
  transform: translate(0, -50%);
 
−
  color: #fff;
 
−
  font : normal 400 20px/1 'Josefin Sans', sans-serif;
 
−
  letter-spacing: .1em;
 
−
  text-decoration: none;
 
−
  transition: opacity .3s;
 
−
}
 
−
.demo a:hover {
 
−
  opacity: .5;
 
−
}
 
  
  
 
section {
 
section {
 +
  margin:auto;
 
   position: relative;
 
   position: relative;
−
text-align: center;
+
  width: 70%;
−
  width: 1000px;
+
text-align:center;
 
   height: auto;
 
   height: auto;
 
background-color:#fff;
 
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;
 +
}
 
}
 
}
−
 
−
 
−
#section02 a {
 
−
  padding-top: 60px;
 
−
text-align: center;
 
−
}
 
−
 
−
#section02 a span {
 
−
text-align: center;
 
−
  position: absolute;
 
−
  top: 0;
 
−
  left: 50%;
 
−
  width: 46px;
 
−
  height: 46px;
 
−
  margin-left: -23px;
 
−
  border: 1px solid #fff;
 
−
  border-radius: 100%;
 
−
  box-sizing: border-box;
 
−
}
 
−
 
−
 
−
 
 
     </style>  
 
     </style>  
 
   </head>
 
   </head>
−
 
−
 
  
  
 
<section id="section01">
 
<section id="section01">
 
   <div class="splash" id="mainsplash">
 
   <div class="splash" id="mainsplash">
−
    <div class="row splashyla">
+
  <div id="banner">
−
      <div class="col-md-12">
+
         <img src="https://static.igem.org/mediawiki/2017/0/0c/Dr_swtich1.png" width="90%" height="auto" class=" igem-logo"></a>
−
         <img src="https://static.igem.org/mediawiki/2017/0/0c/Dr_swtich1.png" width="750" height="auto" class=" igem-logo"></a>
+
 
       </div>
 
       </div>
 
     </div>
 
     </div>
 
   </div>
 
   </div>
 +
<center>
 +
</section>
  
−
 
−
  <center><a href="#myCarousel">
 
−
</section>
 
 
<section id="myCarousel" class="carousel slide" data-ride="carousel">
 
<section id="myCarousel" class="carousel slide" data-ride="carousel">
 
   <!-- Indicators -->
 
   <!-- Indicators -->
Line 222: Line 61:
 
   <div class="carousel-inner">
 
   <div class="carousel-inner">
 
     <div class="item active">
 
     <div class="item active">
−
<img src="https://static.igem.org/mediawiki/2017/f/fa/Page1.jpeg" height="500" >
+
        <img src="https://static.igem.org/mediawiki/2017/0/08/Page1.png" height="500" >
 
     </div>
 
     </div>
  
 
     <div class="item">
 
     <div class="item">
−
         <img src="https://static.igem.org/mediawiki/2017/7/77/Cuhk_thirdpage.PNG" width="100%" >
+
         <img src="https://static.igem.org/mediawiki/2017/8/85/Page2.png" height="500" >
 
     </div>
 
     </div>
  
 
     <div class="item">
 
     <div class="item">
−
      <img src="https://static.igem.org/mediawiki/2017/2/27/Cuhk_forthpage.PNG" width="100%" >
+
        <img src="https://static.igem.org/mediawiki/2017/5/5c/Page3.png" height="500">
 
     </div>
 
     </div>
  
−
<div class="item">
+
    <div class="item">
−
<img src="https://static.igem.org/mediawiki/2017/6/6b/Cuhk_finalpage.PNG" width="100%" >
+
        <img src="https://static.igem.org/mediawiki/2017/e/e9/Page4.png" height="500">
 
   </div>
 
   </div>
 
   </div>
 
   </div>
Line 248: Line 87:
 
   </a>
 
   </a>
 
</div>
 
</div>
−
 
+
<center>
−
 
+
 
</section>
 
</section>
−
 
−
 
−
 
−
 
−
<script>
 
−
 
−
$(function() {
 
−
  $('a[href*=#]').on('click', function(e) {
 
−
    e.preventDefault();
 
−
    $('html, body').animate({ scrollTop: $($(this).attr('href')).offset().top}, 500, 'linear');
 
−
  });
 
−
});
 
−
 
−
</script>
 
−
 
−
 
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
 
−
<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> 
 
−
    <a target="_blank" href="https://www.facebook.com/igemcuhk2017/?fref=ts"><i class="fa fa-facebook 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 314: Line 94:
  
 
</html>
 
</html>
 +
{{Template:Hong_Kong-CUHK_footer}}

Latest revision as of 19:28, 17 October 2017

     

Email: igemcuhk1617@gmail.com