Difference between revisions of "Team:HSNU-TAIPEI"

 
(23 intermediate revisions by 3 users not shown)
Line 73: Line 73:
 
}
 
}
  
 +
.hsnu-banner h2 {
 +
    position: absolute;
 +
    top: 3%;
 +
    right: 2%;
 +
}
 +
 +
.hsnu-banner {
 +
    position: relative;
 +
    display: none;
 +
    width: 100%;
 +
}
 +
 +
.hsnu-banner img {
 +
    width: 100%;
 +
}
 +
 +
.slg::before {
 +
    display:none !important;
 +
}
  
  
Line 152: Line 171:
 
     color: #004175;
 
     color: #004175;
 
}
 
}
 +
 +
.hsnu-banner {
 +
    display: block;
 
}
 
}
 +
}
 +
  
 
@media screen and (min-width: 1280px) {
 
@media screen and (min-width: 1280px) {
Line 168: Line 192:
 
<div class="cell">
 
<div class="cell">
 
<div class="logo">
 
<div class="logo">
<a href="https://2015.igem.org/Team:HSNU-TAIPEI">HSNU</a>
+
<a href="https://2015.igem.org/Team:HSNU-TAIPEI" style="font-size:24px;">HSNU-Taipei</a>
 
</div>
 
</div>
 
<div class="header-right">
 
<div class="header-right">
Line 178: Line 202:
 
<a>Project</a>
 
<a>Project</a>
 
<ul class="sub-nav">
 
<ul class="sub-nav">
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/projectoverview">Overview</a></li>
+
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/Description">Overview</a></li>
 
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/projectBP">Benzo[A]Pyrene</a></li>
 
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/projectBP">Benzo[A]Pyrene</a></li>
 
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/projectcopper">Copper</a></li>
 
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/projectcopper">Copper</a></li>
Line 187: Line 211:
 
</ul>
 
</ul>
 
</li>
 
</li>
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/product">Product</a></li>
+
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/Design">Product</a></li>
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/parts">Parts</a></li>
+
<li class="list-item has-sub-nav">
 +
              <a>Parts</a>
 +
              <ul class="sub-nav">
 +
                <li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/Parts">Parts</a></li>
 +
                <li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/Basic_Part">Basic Part</a></li>
 +
                <li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/Composite_Part">Composite Part</a></li>
 +
                <li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/Part_Collection">Part Collection</a></li>
 +
              </ul>
 +
            </li>
 
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/labnotes">Notebook</a></li>
 
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/labnotes">Notebook</a></li>
 
             <li class="list-item has-sub-nav">
 
             <li class="list-item has-sub-nav">
 
<a>Human Practice</a>
 
<a>Human Practice</a>
 
<ul class="sub-nav">
 
<ul class="sub-nav">
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/overview">Overview</a></li>
+
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/Practices">Overview</a></li>
 
<li class="list-item has-sub-nav">
 
<li class="list-item has-sub-nav">
 
<a>Organization</a>
 
<a>Organization</a>
Line 236: Line 268:
 
</li>
 
</li>
 
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/community">Community</a></li>
 
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/community">Community</a></li>
 +
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/lawyer">Lawyer</a></li>
 
</ul>
 
</ul>
 
</li>
 
</li>
Line 246: Line 279:
 
</div>
 
</div>
 
</header>
 
</header>
 
<style>
 
section {
 
width: 100%;
 
height: 300px;
 
position: relative;
 
background: #fefefe;
 
}
 
section::after {
 
content: "";
 
display: table;
 
clear: both;
 
}
 
.mc-container section h1 {
 
text-align: left;
 
float: left;
 
}
 
section img {
 
display: block;
 
float: right;
 
height: 250px;
 
margin-right: 10px;
 
margin-top: 10px;
 
transition: all .5s ease;
 
}
 
section .backing-link:hover + img {
 
height: 280px;
 
}
 
</style>
 
  
 
<main>
 
<main>
 
<div class="mc-container home">
 
<div class="mc-container home">
 +
                <div class="hsnu-banner"><h2>EVENGERS-Biosensors of Recycled Oil</h2><img src="https://static.igem.org/mediawiki/2015/thumb/e/e0/HSNU-TAIPEI_banner.png/1600px-HSNU-TAIPEI_banner.png"></div>
 
<section>
 
<section>
<h1>Project</h1>
+
<h1>Project<br><span style="font-size:24px" class="slg">EVENGERS-Biosensors of Recycled Oil</span></h1>
<a class="backing-link" href="https://2015.igem.org/Team:HSNU-TAIPEI/projectoverview"></a>
+
<a class="backing-link" href="https://2015.igem.org/Team:HSNU-TAIPEI/Description"></a>
 +
<img src="https://static.igem.org/mediawiki/2015/3/32/HSNU-TAIPEI-MENU.jpg">
 +
</section>
 +
<section>
 +
<h1>Product<br><span style="font-size: 24px" class="slg">A container of microcapsules for<br>E.coli immobilization</span></h1>
 +
<a class="backing-link" href="https://2015.igem.org/Team:HSNU-TAIPEI/Design"></a>
 +
<img src="https://static.igem.org/mediawiki/2015/f/f3/HSNU-TAIPEI_Product.jpg">
 +
</section>
 +
<section>
 +
<h1>Parts</h1>
 +
<a class="backing-link" href="https://2015.igem.org/Team:HSNU-TAIPEI/Parts"></a>
 +
<img src="https://static.igem.org/mediawiki/2015/7/73/HSNU-TAIPEI_mascot_4.png">
 +
</section>
 +
<section>
 +
<h1>Notebook</h1>
 +
<a class="backing-link" href="https://2015.igem.org/Team:HSNU-TAIPEI/labnotes"></a>
 +
<img src="https://static.igem.org/mediawiki/2015/3/3d/HSNU-TAIPEI_mascot_5.png">
 +
</section>
 +
<section>
 +
<h1>Human Practice</h1>
 +
<a class="backing-link" href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/overview"></a>
 +
<img src="https://static.igem.org/mediawiki/2015/c/c3/2015_hsnu_hppppppp.jpg">
 +
</section>
 +
<section>
 +
<h1>Achievement</h1>
 +
<a class="backing-link" href="https://2015.igem.org/Team:HSNU-TAIPEI/achievement"></a>
 +
<img src="https://static.igem.org/mediawiki/2015/f/f2/2015_hsnu_cjbldkhskdjsdksd.jpg">
 +
</section>
 +
<section>
 +
<h1>Team</h1>
 +
<a class="backing-link" href="https://2015.igem.org/Team:HSNU-TAIPEI/members"></a>
 +
<img src="https://static.igem.org/mediawiki/2015/thumb/0/04/HSNU-TAIPEI_mascot_2.png/624px-HSNU-TAIPEI_mascot_2.png">
 +
</section>
 +
<section>
 +
<h1>Attributions</h1>
 +
<a class="backing-link" href="https://2015.igem.org/Team:HSNU-TAIPEI/Attributions"></a>
 
<img src="https://static.igem.org/mediawiki/2015/b/b0/HSNU-TAIPEI_mascot_1.png">
 
<img src="https://static.igem.org/mediawiki/2015/b/b0/HSNU-TAIPEI_mascot_1.png">
 
</section>
 
</section>
Line 288: Line 328:
 
<footer>
 
<footer>
 
<div class="footer-cell">
 
<div class="footer-cell">
 +
<div class="six-img">
 +
        <img src="https://static.igem.org/mediawiki/2015/f/f8/HSNU-TAIPEI_cooperation_1.gif">
 +
        <img src="https://static.igem.org/mediawiki/2015/3/37/HSNU-TAIPEI_cooperation_2.png">
 +
        <img src="https://static.igem.org/mediawiki/2015/0/02/HSNU-TAIPEI_cooperation_3.png">
 +
        <img src="https://static.igem.org/mediawiki/2015/9/92/HSNU-TAIPEI_cooperation_4.png">
 +
        <img src="https://static.igem.org/mediawiki/2015/e/e8/HSNU-TAIPEI_cooperation_5.png">
 +
        <img src="https://static.igem.org/mediawiki/2015/6/60/HSNU-TAIPEI_cooperation_6.png">
 +
        <img src="https://static.igem.org/mediawiki/2015/9/9a/HSNU-TAIPEI_attributions_1.gif">
 +
</div>
 
<p><a href="http://www.hs.ntnu.edu.tw">HSNU | Taipei</a></p>
 
<p><a href="http://www.hs.ntnu.edu.tw">HSNU | Taipei</a></p>
 
</div>
 
</div>

Latest revision as of 06:26, 15 October 2015