Line 38: | Line 38: | ||
</script> | </script> | ||
</head> | </head> | ||
− | + | ||
− | + | ||
<body> | <body> | ||
<div style="width:1200px;height:0px;"></div> | <div style="width:1200px;height:0px;"></div> | ||
Line 59: | Line 58: | ||
</ul> | </ul> | ||
− | |||
<li class="dropdown"><a href="javascript:{}">Team</a> | <li class="dropdown"><a href="javascript:{}">Team</a> | ||
<ul class="dropdown-menu"> | <ul class="dropdown-menu"> | ||
Line 108: | Line 106: | ||
<div class="fullwidthbanner-container"> | <div class="fullwidthbanner-container"> | ||
<div class="fullwidthbanner"> | <div class="fullwidthbanner"> | ||
+ | |||
<ul> | <ul> | ||
<!-- Slide 1 --> | <!-- Slide 1 --> | ||
Line 135: | Line 134: | ||
<!-- Caption --> | <!-- Caption --> | ||
<div class="caption lfl stl rev-title-sub" data-x="center" data-y="240" data-speed="800" data-start="1100" data-easing="easeOutExpo"> | <div class="caption lfl stl rev-title-sub" data-x="center" data-y="240" data-speed="800" data-start="1100" data-easing="easeOutExpo"> | ||
− | + | by-pass synthetic biology | |
</div> | </div> | ||
<!-- Caption --> | <!-- Caption --> | ||
<div class="caption sfb" data-x="center" data-y="320" data-speed="1100" data-start="1500" data-easing="easeOutExpo"> | <div class="caption sfb" data-x="center" data-y="320" data-speed="1100" data-start="1500" data-easing="easeOutExpo"> | ||
− | <a href=" | + | <a href="https://2018.igem.org/Team:UST_Beijing/Team" class="btn btn-primary btn-custom">OUR TEAM</a> |
</div> | </div> | ||
</li> | </li> | ||
Line 149: | Line 148: | ||
<!-- Caption --> | <!-- Caption --> | ||
− | <div class="tp-caption lfl" data-x="right" data-y="35" data-speed="1000" data-start="800" data-easing="easeOutExpo"> | + | <div class="tp-caption lfl" data-x="right" data-y="35" data-speed="1000" data-start="800" data-easing="easeOutExpo"><img src="https://static.igem.org/mediawiki/2018/b/b4/T--UST_Beijing--homepic1.jpg" alt="" /></div> |
− | + | ||
− | + | ||
<!-- Caption --> | <!-- Caption --> | ||
<div class="caption lfl stl bg" data-x="20" data-y="60" data-speed="800" data-start="700" data-easing="easeOutExpo"> | <div class="caption lfl stl bg" data-x="20" data-y="60" data-speed="800" data-start="700" data-easing="easeOutExpo"> | ||
− | <h2 class="rev-title big white"> | + | <h2 class="rev-title big white">HumanPractice<br>Collaboration</h2> |
</div> | </div> | ||
<!-- Caption --> | <!-- Caption --> | ||
<div class="caption lfl stl rev-text rev-left" data-x="left" data-y="190" data-speed="800" data-start="1100" data-easing="easeOutExpo"> | <div class="caption lfl stl rev-text rev-left" data-x="left" data-y="190" data-speed="800" data-start="1100" data-easing="easeOutExpo"> | ||
− | <p class="hidden-phone"> | + | <p class="hidden-phone">with spirited teens and kids<br /> |
− | + | with other brilliant teams<br/> | |
− | + | enlighten gorgeous biology world. | |
<br/>Get Creative!</p> | <br/>Get Creative!</p> | ||
</div> | </div> | ||
Line 168: | Line 165: | ||
<!-- Caption --> | <!-- Caption --> | ||
<div class="caption sfb stb rev-left" data-x="left" data-y="380" data-speed="1100" data-start="1500" data-easing="easeOutExpo"> | <div class="caption sfb stb rev-left" data-x="left" data-y="380" data-speed="1100" data-start="1500" data-easing="easeOutExpo"> | ||
− | + | <a href="https://2018.igem.org/Team:UST_Beijing/Human_Practices" class="btn btn-inverse btn-custom mobile">humanpractice</a> | |
− | + | <a href="https://2018.igem.org/Team:UST_Beijing/Collaborations" class="btn btn-inverse btn-custom mobile">collaboration</a> | |
</div> | </div> | ||
</li> | </li> | ||
Line 184: | Line 181: | ||
<!-- Caption --> | <!-- Caption --> | ||
<div class="caption lfl stl bold bg rev-left" data-x="left" data-y="80" data-speed="800" data-start="1500" data-easing="easeOutExpo"> | <div class="caption lfl stl bold bg rev-left" data-x="left" data-y="80" data-speed="800" data-start="1500" data-easing="easeOutExpo"> | ||
− | <h3 class="rev-title big bold"> | + | <h3 class="rev-title big bold">UST_Beijing</h3> |
</div> | </div> | ||
<!-- Caption --> | <!-- Caption --> | ||
<div class="caption lfl stl rev-text rev-left" data-x="left" data-y="200" data-speed="800" data-start="1700" data-easing="easeOutExpo"> | <div class="caption lfl stl rev-text rev-left" data-x="left" data-y="200" data-speed="800" data-start="1700" data-easing="easeOutExpo"> | ||
− | <p class="white hidden-phone"> | + | <p class="white hidden-phone">synthetic squalene cyclase<br /> |
− | + | synthetic β-glucosidase in E.coli<br /> | |
− | + | chemical reaction</p> | |
</div> | </div> | ||
<!-- Caption --> | <!-- Caption --> | ||
<div class="caption sfb rev-left" data-x="left" data-y="350" data-speed="800" data-start="1900" data-easing="easeOutExpo"> | <div class="caption sfb rev-left" data-x="left" data-y="350" data-speed="800" data-start="1900" data-easing="easeOutExpo"> | ||
− | <h3 class="rev-title2 bold"> | + | <h3 class="rev-title2 bold">Ginsenoside</h3> |
</div> | </div> | ||
</li> | </li> | ||
Line 206: | Line 203: | ||
<!-- Caption --> | <!-- Caption --> | ||
<div class="caption fade fullscreenvideo" data-autoplay="false" data-speed="500" data-start="500" data-easing="easeOutBack"> | <div class="caption fade fullscreenvideo" data-autoplay="false" data-speed="500" data-start="500" data-easing="easeOutBack"> | ||
− | <iframe src="https:// | + | <iframe src="https://static.igem.org/mediawiki/2018/c/c9/T--UST_Beijing--homevideo1.mp4"></iframe> |
</div> | </div> | ||
<div class="caption big_white sft stt" data-x="center" data-y="25" data-speed="300" data-start="500" data-easing="easeOutExpo" data-end="4000" | <div class="caption big_white sft stt" data-x="center" data-y="25" data-speed="300" data-start="500" data-easing="easeOutExpo" data-end="4000" | ||
data-endspeed="300" data-endeasing="easeInSine"> | data-endspeed="300" data-endeasing="easeInSine"> | ||
− | + | Here we are | |
</div> | </div> | ||
</li> | </li> | ||
</ul> | </ul> | ||
<div class="tp-bannertimer tp-bottom"></div> | <div class="tp-bannertimer tp-bottom"></div> | ||
+ | <div class="tp-loader" style="display: none;"></div> | ||
+ | </div> | ||
+ | <div style="position: absolute; top: 203px; margin-top: -24px; left: 0px;" class="tp-leftarrow tparrows default hidearrows"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/4/44/T--UST_Beijing--Web_prev-light.png" alt="" /> | ||
+ | </div> | ||
+ | <div style="position: absolute; top: 203px; margin-top: -24px; right: 0px;" class="tp-rightarrow tparrows default hidearrows"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/4/46/T--UST_Beijing--web_illustrations_next_light.png" alt="" /> | ||
+ | </div> | ||
</div> | </div> | ||
− | + | ||
<!-- // END REVOLUTION SLIDER --> | <!-- // END REVOLUTION SLIDER --> | ||
Line 226: | Line 231: | ||
<!--welcome--> | <!--welcome--> | ||
<div class="welcome_index"> | <div class="welcome_index"> | ||
− | + | Our long-term goal is to improve the <a href="#"><span class="hue_block white normal">health-promoting</span></a> effects of | |
− | <span class="hue"> | + | <span class="hue">ginsenosides</span>We believe that <span>sterols</span> in the ginsenosides are responsible for their main benefits. |
− | + | ||
</div> | </div> | ||
<!--//welcome--> | <!--//welcome--> | ||
Line 425: | Line 429: | ||
<h1>get in touch</h1> | <h1>get in touch</h1> | ||
<h3 class="center follow"> | <h3 class="center follow"> | ||
− | + | We're social and we'd love to hear from you! Feel free to send us an email. </br> | |
− | + | Looking forward to enlightening sparkles!</h3> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
</div> | </div> | ||
Line 442: | Line 439: | ||
<div class="span12"> | <div class="span12"> | ||
<div class="copyright"> | <div class="copyright"> | ||
− | + | UST_Beijing | |
© | © | ||
<script type="text/javascript"> | <script type="text/javascript"> | ||
Line 450: | Line 447: | ||
//]]> | //]]> | ||
</script> | </script> | ||
− | + | .igem.org | |
− | + | ||
</div> | </div> | ||
</div> | </div> |
Revision as of 03:43, 5 October 2018
<!DOCTYPE html>
DESIGN
built for & by nerds
Like you, we love building awesome products on the web. We love it so much, we decided to help people just like us do it easier, better, and faster.
CODE
12-column grid
Bootstrap is designed to help people of all skill levels - designer or developer, huge nerd or early beginner. Use it as a complete kit or use to start something.
CREATE
responsive
Bootstrap have gone fully responsive. Our components are scaled according to a range of resolutions and devices to provide a consistent experience.
SUPPORT
growing library
Despite being only 7kb (gzipped), Bootstrap is one of the most complete front-end toolkits out there with dozens of fully functional components.
Recent Work
Lorem ipsum dolor sit amet, rebum putant recusabo in ius, pri simul tempor ne, his ei summo virtute.
Nam ea labitur pericula. Meis tamquam pro te, cibo mutat necessitatibus id vim. An his tamquam postulant, pri id mazim nostrud diceret sapientem eloquentiam sea cu, sea ut exerci delicata. Corrumpit vituperata.
view portfolio