Team:TAS Taipei/home

<title>TAS Taipei iGEM Wiki</title>

<link rel="shortcut icon" href="static\tas_igemlogo.png">

<script>

$(function () {

        $("#slides").slidesjs({

        width: 940,

        height: 500,

            play: {

                active: false,

                effect: "slide",

                interval: 5000,

                auto: true,

                swap: false,

                pauseOnHover: false,

                restartDelay: 2500

            },

            navigation: false

        })

});

</script>

<div class="container" style='z-index:10;position:relative;'>

<div class="row">

<div class="col-lg-12 full">

<header style='height:95px;margin-top:20px;'>

<div class="row">

<div class="col-lg-3" style="text-align: right;">

<img src="static/tas_igemlogo.png" alt="" style="width: 100px;">

</div>

<div class="col-lg-6" style='text-align:center;'>

<a href="/" style='text-decoration: none'><h2 style="font-family:Railway;letter-spacing:10px;color: white;  font-size: 65px;  margin-top: 0;  margin-bottom: 0;">E-MORTALITY</h2></a>

</div>

<div class="col-lg-3"></div>

<a href="httphttps://igem.org/HS"><img src="static/igem_logo.png" alt="" style="width: 100px;"></a>

</div>

</header>

</div>

<nav style='-webkit-transform: translateZ(0);z-index: 100;position: relative;'>

<ul>

<li class="dropdown">

<a class="dropdown-toggle" data-toggle="dropdown">HUMAN PRACTICE</a>

<div class="dropdown-menu">

<div style='height:100px;'>

<img src="static/human_practice_icon.png">

<h4>Short description. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non ipsam a tenetur reiciendis numquam recusandae?</h4>

</div>

<div class='subcategories_container'>

<div><h5><a href="research.html">Research</a></h5></div>

<div><h5>Application</h5></div>

<div><h5>Outreach</h5></div>

</div>

</div>

</li>

<li class="dropdown">

<a class="dropdown-toggle" data-toggle="dropdown">MODELING</a>

<div class="dropdown-menu">

<div style='height:100px;'>

<img src="static/human_practice_icon.png">

<h4>Short description. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non ipsam a tenetur reiciendis numquam recusandae?</h4>

</div>

<div class='subcategories_container'>

<div><h5>Telomere Extension</h5></div>

<div><h5>Circuit Regulation</h5></div>

<div><h5>Safety Switch</h5></div>

</div>

</div>

</li>

<li class="dropdown">

<a class="dropdown-toggle" data-toggle="dropdown">EXPERIMENTS</a>

<div class="dropdown-menu">

<div style='height:100px;'>

<img src="static/human_practice_icon.png">

<h4>Short description. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non ipsam a tenetur reiciendis numquam recusandae?</h4>

</div>

<div class='subcategories_container'>

<div><h5>Telomere Extension</h5></div>

<div><h5>Circuit Regulation</h5></div>

<div><h5>Safety Switch</h5></div>

</div>

</div>

</li>

<li class="dropdown">

<a class="dropdown-toggle" data-toggle="dropdown">SAFETY</a>

<div class="dropdown-menu">

<div style='height:100px;'>

<img src="static/human_practice_icon.png">

<h4>Short description. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Non ipsam a tenetur reiciendis numquam recusandae?</h4>

</div>

<div class='subcategories_container'>

<div><h5>Safety</h5></div>

</div>

</div>

</li>

<li class="dropdown">

<a class="dropdown-toggle" data-toggle="dropdown">TEAM</a>

<div class="dropdown-menu">

<div style='height:100px;'>

<img src="static/human_practice_icon.png">

<h4>Short description. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h4>

</div>

<div class='subcategories_container'>

<div><h5>About</h5></div>

<div><h5>Members</h5></div>

</div>

</div>

</li>

<li class="dropdown">

<a class="dropdown-toggle" data-toggle="dropdown">NOTEBOOK</a>

<div class="dropdown-menu">

<div style='height:100px;'>

<img src="static/human_practice_icon.png">

<h4>Short description. Lorem ipsum dolor sit amet, consectetur adipisicing elit.</h4>

</div>

<div class='subcategories_container'>

<div><h5>Experiments</h5></div>

<div><h5>Meetings</h5></div>

<div><h5>Calendar</h5></div>

</div>

</div>

</li>

</ul>

</nav>

<div id='bodycontainer' class='row' style=''>

<div id="slides" class='col-lg-12'>

<div class="heroImageContainer slidesjs-slide" style="background-image: url(photos/DSC01696.jpg);">

<h3 class="bottomleft red">SOME TEXT<span></span></h3>

</div>

<div class="heroImageContainer slidesjs-slide" style="background-image: url(photos/IMG_2112.jpg);">

<h3 class="bottomright green">MORE TEXT<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem, doloremque, praesentium quod accusamus quasi nulla incidunt aliquid aut corporis recusandae numquam hic culpa alias debitis consequatur! Blanditiis, minus tenetur reprehenderit.</span></h3>

</div>

<div class="heroImageContainer slidesjs-slide" style="background-image: url(photos/IMG_2130.jpg);">

<h3 class="bottomright blue">AND MORE TEXT...<span>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorem, doloremque, praesentium quod accusamus quasi nulla incidunt aliquid aut corporis recusandae numquam hic culpa alias debitis consequatur! Blanditiis, minus tenetur reprehenderit.</span></h3>

</div>

</div>

</div>

<footer class='row'>

<div class="cornered">

<img src="static/tas_igemlogo.png" alt="" style="width: 67px;margin-top: -88px;margin-left: 188px;">

</div>

<div class='footer_right'>

<a href="#">Taipei American School</a>

<span>/</span>

<a href="#">iGEM</a>

</div>

</footer>

</div>

<div class="canvas-container"></div>

<script>NUM_PARTICLES = 1000;</script>

<script src='https://2014hs.igem.org/Team:TAS_Taipei/js/field_homepage.js?action=raw&ctype=text/javascript'></script>

<script>sketchItem.start();</script>