Difference between revisions of "Team:XMU-China"

Line 49: Line 49:
 
@media (min-width:1024px){
 
@media (min-width:1024px){
 
       #big{display:block;}
 
       #big{display:block;}
 +
      #medium{display:none;}
 
       #small{display:none;}
 
       #small{display:none;}
 
     }
 
     }
−
       @media (max-width: 1023px){
+
       @media (max-width: 767px){
 
         #big{display:none;}
 
         #big{display:none;}
 +
        #medium{display:none;}
 
       #small{display:block;}
 
       #small{display:block;}
 +
}
 +
@media screen and (min-width:768px) and (max-width:1023px){
 +
  #big{display:none;}
 +
        #medium{display:block;}
 +
      #small{display:none;}
 
}
 
}
 
</style>
 
</style>
Line 167: Line 174:
 
  </div>
 
  </div>
 
</div>
 
</div>
 +
 +
<!--ipad-->
 +
<div id="big" style="height:100%;">
 +
<div id="section-1" class="wrapone" style="height:64%;">
 +
<img src="https://static.igem.org/mediawiki/2016/2/2f/T--XMU-China--main-igem_and_.png"  style="margin-left:18%;padding-top:5%;" width="31%"/>
 +
<img src="https://static.igem.org/mediawiki/2016/5/55/T--XMU-China--main-logo_and_.png" style="margin-left:10%;padding-top:0;" width="27%" />
 +
</div>
 +
 +
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel data-pause" style="height:64%">
 +
 +
<ol class="carousel-indicators" style="left:2%;margin:0 auto;">
 +
<li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>
 +
<li data-target="#carousel-example-generic" data-slide-to="1"></li>
 +
<li data-target="#carousel-example-generic" data-slide-to="2"></li>
 +
  </ol>
 +
 +
<div class="carousel-inner" role="listbox" style="height:100%;">
 +
<div class="item active">
 +
<img src="https://static.igem.org/mediawiki/2016/5/5b/T--XMU-China--pic1_and_.jpg" /><div class="carousel-caption"></div>
 +
</div>
 +
 +
<div class="item">
 +
<img src="https://static.igem.org/mediawiki/2016/3/32/Project_description2.4.jpg" /><div class="carousel-caption"></div>
 +
</div>
 +
 +
<div class="item">
 +
<div  style="text-align:center; background-color:#dce0c7;height:105%;">
 +
<center><video controls="controls" src="https://static.igem.org/mediawiki/2016/5/52/T--XMU-China--video_and_.mp4" width="46%" height="92%" style="margin-top:4%;margin-left:25.3%;">
 +
Your browser does not support the video tag.
 +
</video></center>
 +
</div>
 +
</div>
 +
<!-- Left and right controls -->
 +
  <a class="left carousel-control" href="#carousel-example-generic" role="button" data-slide="prev">
 +
    <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
 +
    <span class="sr-only">Previous</span>
 +
  </a>
 +
  <a class="right carousel-control" href="#carousel-example-generic" role="button" data-slide="next">
 +
    <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
 +
    <span class="sr-only">Next</span>
 +
  </a>
 +
</div>
 +
</div>
 +
<div class="row box1 ">
 +
<div class="col-md-2  link link-project">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Description" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Project</a>
 +
    </div>
 +
 +
  <div class="col-md-2 link link-interlab">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Parts" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Parts</a>
 +
</div>
 +
 +
  <div class="col-md-2 link link-humanpractice">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Human_Practices" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
      Practice</a>   
 +
    </div>
 +
 +
  <div class="col-md-2 link link-judging">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Safety" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Safety</a>
 +
</div>
 +
 +
  <div class="col-md-2 link link-notebooks">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Notebook" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Notebook</a>
 +
</div>
 +
 +
<div class="col-md-2 link link-team">
 +
        <span class="icon"></span>
 +
        <a href="https://2016.igem.org/Team:XMU-China/Team" class="buttonme">
 +
        <span class="line line-top"></span>
 +
        <span class="line line-right"></span>
 +
        <span class="line line-bottom"></span>
 +
        <span class="line line-left"></span>
 +
        Team</a>
 +
</div>
 +
</div>
 +
</div>
 +
  
 
<!--iphone-->
 
<!--iphone-->
Line 211: Line 324:
  
 
<div class="row box1 " style="margin:0 auto;width:85%;">
 
<div class="row box1 " style="margin:0 auto;width:85%;">
−
<div class="col-sm-2 link link-project">
+
<div class="row">
 +
<div class="col-sm-6 link link-project">
 
         <span class="icon"></span>
 
         <span class="icon"></span>
 
         <a href="https://2016.igem.org/Team:XMU-China/Description" class="buttonme">
 
         <a href="https://2016.igem.org/Team:XMU-China/Description" class="buttonme">
Line 221: Line 335:
 
     </div>
 
     </div>
  
−
   <div class="col-sm-2 link link-interlab">
+
   <div class="col-sm-6 link link-interlab">
 
         <span class="icon"></span>
 
         <span class="icon"></span>
 
         <a href="https://2016.igem.org/Team:XMU-China/Parts" class="buttonme">
 
         <a href="https://2016.igem.org/Team:XMU-China/Parts" class="buttonme">
Line 230: Line 344:
 
         Parts</a>
 
         Parts</a>
 
  </div>  
 
  </div>  
−
 
+
</div>
−
   <div class="col-sm-2 link link-humanpractice">
+
<div class="row">
 +
   <div class="col-sm-6 link link-humanpractice">
 
         <span class="icon"></span>
 
         <span class="icon"></span>
 
         <a href="https://2016.igem.org/Team:XMU-China/Human_Practices" class="buttonme">
 
         <a href="https://2016.igem.org/Team:XMU-China/Human_Practices" class="buttonme">
Line 241: Line 356:
 
     </div>
 
     </div>
  
−
   <div class="col-sm-2 link link-judging">
+
   <div class="col-sm-6 link link-judging">
 
         <span class="icon"></span>
 
         <span class="icon"></span>
 
         <a href="https://2016.igem.org/Team:XMU-China/Safety" class="buttonme">
 
         <a href="https://2016.igem.org/Team:XMU-China/Safety" class="buttonme">
Line 250: Line 365:
 
         Safety</a>
 
         Safety</a>
 
  </div>
 
  </div>
−
 
+
</div>
 +
<div class="row">
 
   <div class="col-sm-2 link link-notebooks">
 
   <div class="col-sm-2 link link-notebooks">
 
         <span class="icon"></span>
 
         <span class="icon"></span>
Line 269: Line 385:
 
         <span class="line line-left"></span>
 
         <span class="line line-left"></span>
 
         Team</a>
 
         Team</a>
 +
</div>
 
  </div>  
 
  </div>  
 
  </div>
 
  </div>

Revision as of 02:15, 16 October 2016

Project
Parts
Practice
Safety
Notebook
Team
Project
Parts
Practice
Safety
Notebook
Team