Team:TAS Taipei/home
From 2014hs.igem.org
(Difference between revisions)
Xiaoyangkao2 (Talk | contribs) |
Xiaoyangkao2 (Talk | contribs) |
||
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> | ||
- |
Revision as of 20:37, 17 June 2014