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

 
(15 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;
 
−
    }
 
−
}
 
−
 
−
 
−
.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%;
 
−
}
 
−
 
  
  
 
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;
−
}
 
−
 
−
.carousel-indicators
 
−
.active{
 
−
background: #31708f;
 
 
}  
 
}  
 
.content{  
 
.content{  
Line 153: Line 18:
 
}  
 
}  
 
.adjust1{
 
.adjust1{
−
float:left; width:100%; margin-bottom:0;  
+
  margin:auto;width:100%; margin-bottom:0;  
 
}  
 
}  
 
.adjust2{
 
.adjust2{
 
  margin:0;  
 
  margin:0;  
−
}
 
−
.carousel-indicators li{
 
−
border :1px solid #ccc;
 
 
}  
 
}  
 
.carousel-control{  
 
.carousel-control{  
Line 171: Line 33:
 
.carousel-control.right{  
 
.carousel-control.right{  
 
background-image: none;  
 
background-image: none;  
−
}
 
−
.media-object{
 
−
margin:auto; margin-top:15%;
 
−
}
 
−
@media screen and (max-width: 768px) {
 
−
.media-object{ margin-top:0;
 
 
}  
 
}  
 
}
 
}
Line 185: Line 41:
 
<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>
Line 206: 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"height="500" >
+
         <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"height="500">
+
         <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" height="500">
+
         <img src="https://static.igem.org/mediawiki/2017/e/e9/Page4.png" height="500">
 
   </div>
 
   </div>
 
   </div>
 
   </div>
Line 234: Line 89:
 
<center>
 
<center>
 
</section>
 
</section>
−
 
−
 
−
 
−
 
−
 
−
<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 273: Line 94:
  
 
</html>
 
</html>
 +
{{Template:Hong_Kong-CUHK_footer}}

Latest revision as of 19:28, 17 October 2017

     

Email: igemcuhk1617@gmail.com