Team:TAS Taipei/home

From 2014hs.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
 +
<html>
<html>
<head>
<head>
 +
<title>TAS Taipei iGEM Wiki</title>
 +
<link rel="shortcut icon" href="static\tas_igemlogo.png">
 +
<link rel="stylesheet" href="https://2014hs.igem.org/Team:TAS_Taipei/css/bootstrap.min.css?action=raw&ctype=text/css">
 +
<link rel="stylesheet" href="https://2014hs.igem.org/Team:TAS_Taipei/css/todc-bootstrap.min.css?action=raw&ctype=text/css">
 +
 +
<link rel="stylesheet/less" type='css/less' href="https://2014hs.igem.org/Team:TAS_Taipei/css/style.less?action=raw&ctype=text/css">
 +
<link rel="stylesheet/less" type='css/less' href="https://2014hs.igem.org/Team:TAS_Taipei/css/homepage.less?action=raw&ctype=text/css">
 +
 +
<script>localStorage.clear();</script>
 +
<script src="//cdnjs.cloudflare.com/ajax/libs/less.js/1.7.0/less.min.js"></script>
 +
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>
 +
<script src='//cdnjs.cloudflare.com/ajax/libs/jquery.imagesloaded/3.0.4/jquery.imagesloaded.min.js'></script>
 +
<script src='//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js'></script>
 +
<script src="//cdn.jsdelivr.net/slidesjs/3.0.4/jquery.slides.min.js"></script>
 +
<script src='https://2014hs.igem.org/Team:TAS_Taipei/js/libs.min.js?action=raw&ctype=text/javascript'></script>
 +
 +
<link href='http://fonts.googleapis.com/css?family=Roboto' rel='stylesheet' type='text/css'>
 +
 +
 +
<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>
</head>
</head>
 +
<body>
<body>
 +
<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>
 +
</div>
 +
 +
<div class="row">
 +
<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>
 +
 +
 +
 +
<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>
</body>
</body>
</html>
</html>
-
{{:Team:TAS_Taipei/Templates/navigation}}
 

Revision as of 20:37, 17 June 2014


TAS Taipei iGEM Wiki

SOME TEXT

MORE TEXTLorem 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.

AND MORE TEXT...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.