Difference between revisions of "Team:HSNU-TAIPEI"

 
(213 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 +
{{HSNU-TAIPEI/main}}
 +
{{HSNU-TAIPEI/labnotes_css}}
 +
<html>
 +
<style>
 +
.home {
 +
    padding: 0;
 +
    margin: 0;
 +
    min-height: 1px;
 +
}
  
−
HSNU-Taipei
+
.home-bg {
−
----
+
    width: 100%;
 +
    border: 1px solid #e4f3ff;
 +
}
  
 +
.home-bg h2 {
 +
    position: absolute;
 +
    top: 10px;
 +
    left: 10px;
 +
    color: #fff;
 +
    text-shadow: 0 1px 2px #000;
 +
}
  
−
ya 洪啟衡看到了嗎''測試''
+
.home-bg img {
 +
    width: 100%;
 +
}
  
−
===游琇婷==='''嘿嘿'''
+
.three-link {
 +
    display: -webkit-box;
 +
display: -moz-box;
 +
display: -ms-flexbox;
 +
display: -webkit-flex;
 +
display: flex;
 +
                -webkit-box-flex-flow: row wrap;
 +
-moz-box-flex-flow: row wrap;
 +
-webkit-flex-flow: row wrap;
 +
-ms-flex-flow: row wrap;
 +
flex-flow: row wrap;
 +
}
  
−
====施丞宥===
+
.home-about,
−
[[File:TEST3-2015HSNU.jpg]]
+
.three-link .home-bg {
 +
    width: 100%;
 +
}
 +
 
 +
.three-link img {
 +
    width: 100%;
 +
}
 +
 
 +
.backing-link {
 +
    position: absolute;
 +
    opacity: 0;
 +
    display: block;
 +
    width: 100%;
 +
    height: 100%;
 +
    z-index: 3;
 +
    margin: 0;
 +
    padding: 0;
 +
    top: 0;
 +
    left: 0;
 +
    bottom: auto;
 +
    right: auto;
 +
}
 +
 
 +
.home-about {
 +
    min-height: 200px;
 +
    background: tomato;
 +
    -webkit-box-order: -1;
 +
    -moz-order: -1;
 +
    -webkit-order: -1;
 +
    -ms-order: -1;
 +
    order: -1;
 +
}
 +
 
 +
.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;
 +
}
 +
 
 +
 
 +
/* SLIDER */
 +
 
 +
.slider-nav {
 +
    display: none;
 +
}
 +
 
 +
.slide {
 +
    backgrounod-repeat: no-repeat;
 +
    background-position: center center;
 +
    -webkit-background-size: cover;
 +
    -moz-background-size: cover;
 +
    -o-background-size: cover;
 +
    background-size: cover;
 +
    width: 100%;
 +
    height: 500px;
 +
}
 +
 
 +
@media screen and (min-width: 1025px) {
 +
 
 +
.slider {
 +
    height: 600px;
 +
    position: relative;
 +
}
 +
 
 +
.slide {
 +
    display: none;
 +
    position: absolute;
 +
    top: 0;
 +
    left: 0;
 +
    height: 100%;
 +
}
 +
 
 +
.active-slide {
 +
    display: block;
 +
}
 +
 
 +
 
 +
.slider-nav {
 +
    display: block;
 +
    text-align: center;
 +
    height: 60px;
 +
    position: absolute;
 +
    bottom: 0;
 +
    width: 100%;
 +
    z-index: 4;
 +
}
 +
 
 +
.arrow-prev {
 +
    display: inline-block;
 +
    margin-right: 5px;
 +
    vertical-align: top;
 +
}
 +
 
 +
.arrow-next {
 +
    display: inline-block;
 +
    margin-left: 5px;
 +
    vertical-align: top;
 +
}
 +
 
 +
.slider-dots {
 +
    list-style: none;
 +
    display: inline-block;
 +
    padding: 0;
 +
    margin: 15px 0 0;
 +
}
 +
 
 +
.slider-dots li {
 +
    color: #e4f3ff;
 +
    display: inline;
 +
    font-size: 30px;
 +
    margin-right: 5px;
 +
    text-shadow: 0 0 1px #000;
 +
}
 +
 
 +
.slider-dots li.active-dot {
 +
    color: #004175;
 +
}
 +
 
 +
.hsnu-banner {
 +
    display: block;
 +
}
 +
}
 +
 
 +
 
 +
@media screen and (min-width: 1280px) {
 +
 
 +
.slider {
 +
    height: 720px;
 +
}
 +
 
 +
}
 +
</style>
 +
 
 +
<div class="wrapper">
 +
 
 +
<header>
 +
<div class="cell">
 +
<div class="logo">
 +
<a href="https://2015.igem.org/Team:HSNU-TAIPEI" style="font-size:24px;">HSNU-Taipei</a>
 +
</div>
 +
<div class="header-right">
 +
<nav class="nav">
 +
<a href="#" class="nav-btn">Menu</a>
 +
<p class="close-btn">close</p>
 +
<ul class="main-nav">
 +
<li class="list-item has-sub-nav">
 +
<a>Project</a>
 +
<ul class="sub-nav">
 +
<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/projectcopper">Copper</a></li>
 +
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/projectcadmium">Cadmium</a></li>
 +
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/projectmercury">Mercury</a></li>
 +
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/projectlead">Lead</a></li>
 +
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/projectafla">Aflatoxin</a></li>
 +
</ul>
 +
</li>
 +
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/Design">Product</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 has-sub-nav">
 +
<a>Human Practice</a>
 +
<ul class="sub-nav">
 +
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/Practices">Overview</a></li>
 +
<li class="list-item has-sub-nav">
 +
<a>Organization</a>
 +
<ul class="sub-nav small-nav">
 +
<li class="list-item has-sub-nav">
 +
                      <a>Education</a>
 +
                      <ul class="sub-nav small-nav">
 +
                        <li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/education/seniorhigh">Senior High</a></li>
 +
                        <li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/education/juniorhigh">Junior High</a></li>
 +
                        <li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/education/elementary">Elementary</a></li>
 +
                        <li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/education/kindergarten">Kindergarten</a></li>
 +
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/education/teacher">Teacher</a></li>
 +
                      </ul>
 +
                    </li>
 +
<li class="list-item has-sub-nav">
 +
                      <a>Government</a>
 +
                      <ul class="sub-nav small-nav">
 +
                        <li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/government/legislators">Legislators</a></li>
 +
                        <li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/government/mohaw">Ministry of Health and Welfare</a></li>
 +
                      </ul>
 +
                    </li>
 +
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/ngo">NGO</a></li>
 +
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/industry/vendors">Industry</a></li>
 +
</ul>
 +
</li>
 +
<li class="list-item has-sub-nav">
 +
<a>Material</a>
 +
<ul class="sub-nav small-nav">
 +
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/material/app">APP</a></li>
 +
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/material/ppt">PPT</a></li>
 +
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/material/video">Video</a></li>
 +
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/material/poster">Poster</a></li>
 +
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/material/questionnaires">Questionnaires</a></li>
 +
</ul>
 +
</li>
 +
<li class="list-item has-sub-nav">
 +
<a>Cooperation</a>
 +
<ul class="sub-nav small-nav">
 +
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/cooperation/meetup">Meet Up</a></li>
 +
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/hp/cooperation/asianconference">Asian Conference</a></li>
 +
</ul>
 +
</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>
 +
</li>
 +
            <li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/achievement">Achievement</a></li>
 +
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/Team/members">Team</a></li>
 +
<li class="list-item"><a href="https://2015.igem.org/Team:HSNU-TAIPEI/Attributions">Attributions</a></li>
 +
</ul>
 +
</nav>
 +
</div>
 +
</div>
 +
</header>
 +
 
 +
<main>
 +
<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>
 +
<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/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">
 +
</section>
 +
</div>
 +
</main>
 +
 
 +
<footer>
 +
<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>
 +
</div>
 +
</footer>
 +
 
 +
</div>
  
  
−
<html>
 
−
<link rel="stylesheet" type="text/css" href="https://2015.igem.org/index.php?title=Team:HSNU-TAIPEI/main?action=raw&ctype=text/css" />
 
−
<h2>Our Project</h2>
 
−
<p class="text">Here is the beginning of the page about our project.</p>
 
  
−
<p>Here is the end of the page about our project.</p>
 
 
</html>
 
</html>
 +
{{HSNU-TAIPEI/nav_js}}

Latest revision as of 06:26, 15 October 2015

EVENGERS-Biosensors of Recycled Oil

Project
EVENGERS-Biosensors of Recycled Oil

Product
A container of microcapsules for
E.coli immobilization

Parts

Notebook

Human Practice

Achievement

Team

Attributions