Difference between revisions of "Team:UST Beijing"

 
(42 intermediate revisions by 3 users not shown)
Line 1: Line 1:
<!DOCTYPE html>
 
 
<html lang="en" dir="ltr" class="client-nojs">
 
<html lang="en" dir="ltr" class="client-nojs">
<head>
+
    <head>
<meta charset="UTF-8" />
+
        <meta charset="UTF-8" />
<title>Team:UST Beijing - 2018.igem.org</title>
+
        <title>Team:UST Beijing - 2018.igem.org</title>
<meta name="generator" content="MediaWiki 1.24.1" />
+
        <meta name="generator" content="MediaWiki 1.24.1" />
<meta name="description" content="">
+
        <meta name="description" content="">
<meta name="author" content="">
+
            <meta name="author" content="">
 +
               
 +
                <!-- Google Fonts -->
 +
                <link href='http://fonts.useso.com/css?family=Lato:400,700,300' rel='stylesheet' type='text/css'>
 +
                    <!--[if IE]>
 +
                    <link href="http://fonts.useso.com/css?family=Lato" rel="stylesheet" type="text/css">
 +
                    <link href="http://fonts.useso.com/css?family=Lato:400" rel="stylesheet" type="text/css">
 +
                    <link href="http://fonts.useso.com/css?family=Lato:700" rel="stylesheet" type="text/css">
 +
                    <link href="http://fonts.useso.com/css?family=Lato:300" rel="stylesheet" type="text/css">
 +
                    <![endif]-->
 +
                   
 +
                    <link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/bootstrap&action=raw&ctype=text/css" rel="stylesheet">
 +
                    <link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/font-awesome&action=raw&ctype=text/css" rel="stylesheet">
 +
                    <link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/theme&action=raw&ctype=text/css" rel="stylesheet">
 +
                    <link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/prettyphoto&action=raw&ctype=text/css" rel="stylesheet" type="text/css"/>
 +
                    <link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/zocial&action=raw&ctype=text/css" rel="stylesheet" type="text/css"/>
 +
                    <link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/settings&action=raw&ctype=text/css" rel="stylesheet" type="text/css"/>
 +
                    <!--[if lt IE 9]>
 +
                    <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
 +
                    <![endif]-->
 +
                    <script language="javascript" type="text/javascript">
 +
                    function dsf()
 +
                    {
 +
                    screen.width
 +
                    screen.height
 +
                    if (window.screen.width=='600')
 +
                    document.write ('<body style="zoom: 55%">');
 +
                    else if (window.screen.width=='800')
 +
                    document.write ('<body style="zoom: 75%">');
 +
                        }
 +
                        </script>
 +
    </head>
 +
 
 +
    <body>
 +
        <div style="width:1200px;height:0px;"></div>
 +
        <!--header-->
 +
        <div class="header">
 +
            <div class="container">
 +
                <!--logo-->
 +
                <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
 +
                    <i class="fa fa-bars"></i></button>
 +
                <div class="logo">
 +
                    <a href=""><img src="https://static.igem.org/mediawiki/2018/9/93/T--UST_Beijing--USTBCUblack.png" width="180" height="60" alt="" class="animated bounceInDown" /></a>
 +
                </div>
 +
                <!--menu-->
 +
        <nav id="main_menu">
 +
        <div class="nav-collapse collapse">
 +
        <ul class="nav nav-pills">
 +
        <li><a href="https://2018.igem.org/Team:UST_Beijing">Home</a ></li>
 +
        <ul class="dropdown-menu">
 +
        </ul>
 +
       
 +
        <li class="dropdown"><a href="javascript:{}">Team</a >
 +
        <ul class="dropdown-menu">
 +
        <li><a href="https://2018.igem.org/Team:UST_Beijing/Team">Team member</a ></li>
 +
        </ul>
 +
        </li>
 +
       
 +
        <li class="dropdown"><a href="javascript:{}">Project</a >
 +
        <ul class="dropdown-menu">
 +
        <li><a href="https://2018.igem.org/Team:UST_Beijing/Background">Background</a ></li>
 +
        <li><a href="https://2018.igem.org/Team:UST_Beijing/Experiments">Experiments</a ></li>
 +
        <li><a href="https://2018.igem.org/Team:UST_Beijing/Notebook">Notebook</a ></li>
 +
</ul>   
 +
        <li><a href="https://2018.igem.org/Team:UST_Beijing/Model">Model</a ></li>
 +
       
 +
        <li><a href="https://2018.igem.org/Team:UST_Beijing/Parts">Parts</a ></li>
 +
       
 +
        <li><a href="https://2018.igem.org/Team:UST_Beijing/Safety">Safety</a ></li>
 +
       
 +
        <li class="dropdown"><a href="javascript:{}">Awards</a >
  
<!-- Google Fonts -->
+
        <ul class="dropdown-menu">
<link href='http://fonts.useso.com/css?family=Lato:400,700,300' rel='stylesheet' type='text/css'>
+
        <li><a href="https://2018.igem.org/Team:UST_Beijing/Attributions">Attribution</a ></li>
<!--[if IE]>
+
        <li><a href="https://2018.igem.org/Team:UST_Beijing/Collaborations">Collaboration</a ></li>
<link href="http://fonts.useso.com/css?family=Lato" rel="stylesheet" type="text/css">
+
        <li><a href="https://static.igem.org/mediawiki/2018/5/5a/T--UST_Beijing--Demonstrate.pdf">Demonstrate</a ></li>
<link href="http://fonts.useso.com/css?family=Lato:400" rel="stylesheet" type="text/css">
+
        <li><a href="https://2018.igem.org/Team:UST_Beijing/InterLab">InterLab</a ></li>
<link href="http://fonts.useso.com/css?family=Lato:700" rel="stylesheet" type="text/css">
+
        <li><a href="https://2018.igem.org/Team:UST_Beijing/Human_Practices">HumanPractice</a ></li>
<link href="http://fonts.useso.com/css?family=Lato:300" rel="stylesheet" type="text/css">
+
        <li><a href="https://2018.igem.org/Team:UST_Beijing/Improve">Improve</a ></li> </ul>
<![endif]-->
+
        </li>
 
+
        </ul>
<link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/bootstrap&action=raw&ctype=text/css" rel="stylesheet">
+
        </div>
<link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/font-awesome&action=raw&ctype=text/css" rel="stylesheet">
+
        </nav>
<link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/theme&action=raw&ctype=text/css" rel="stylesheet">
+
        </div>
<link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/prettyphoto&action=raw&ctype=text/css" rel="stylesheet" type="text/css"/>
+
        </div>
<link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/zocial&action=raw&ctype=text/css" rel="stylesheet" type="text/css"/>
+
        <!--//header-->
<link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/settings&action=raw&ctype=text/css" rel="stylesheet" type="text/css"/>
+
        <div class="copyrights">Collect from <a href="/" >免费模板</a></div>
<!--[if lt IE 9]>
+
        <!--page-->
<script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
+
        <!-- REVOLUTION SLIDER -->
<![endif]-->
+
<script language="javascript" type="text/javascript">
+
function dsf()
+
{
+
screen.width
+
screen.height
+
if (window.screen.width=='600')
+
document.write ('<body style="zoom: 55%">');
+
else if (window.screen.width=='800')
+
document.write ('<body style="zoom: 75%">');
+
    }
+
    </script>
+
</head>
+
 
+
</style>
+
<body>
+
<!--header-->
+
<div class="header">
+
<div class="container">
+
<!--logo-->
+
<button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
+
<i class="fa fa-bars"></i></button>
+
<div class="logo">
+
<a href="index.html"><img src="https://static.igem.org/mediawiki/2018/8/8d/T--UST_Beijing--Web_small_logo_USTB.png" width="50" height="50" alt="" class="animated bounceInDown" /></a>
+
</div>
+
<!--menu-->
+
  <nav id="main_menu">
+
<div class="nav-collapse collapse">
+
<ul class="nav nav-pills">
+
<li class="dropdown active"><a href="javascript:{}">Home</a>
+
<ul class="dropdown-menu">
+
<li><a href="index.html">Slider Revolution</a></li>
+
<li><a href="index2.html">Nerve Slider</a></li>
+
<li><a href="index3.html">NivoSlider</a></li>
+
<li><a href="index4.html">Slides</a></li>
+
</ul>
+
</li>
+
<li class="dropdown"><a href="javascript:{}">Team</a>
+
<ul class="dropdown-menu">
+
<li><a href="team.html">Team member</a></li>
+
<li><a href="about.html">About</a></li>
+
+
</ul>
+
</li>
+
<li class="dropdown"><a href="javascript:{}">Project</a>
+
<ul class="dropdown-menu">
+
+
<li><a href="portfolio_masonry.html">Description</a></li>
+
<li><a href="gallery.html">Design</a></li>
+
<li><a href="video_gallery.html">Demonstrate</a></li>
+
<li><a href="single_portfolio.html">Measurement</a></li>
+
<li><a href="single_video.html">Single Video</a></li>
+
<li><a href="single_image.html">Single Image</a></li>
+
<li><a href="full_slider.html">Full Slider</a></li>
+
<li><a href="full_video.html">Full Video</a></li>
+
</ul>
+
</li>
+
<li class="dropdown"><a href="javascript:{}">InterLab</a>
+
<ul class="dropdown-menu">
+
<li><a href="scaffolding.html">Scaffolding</a></li>
+
<li><a href="typography.html">Typography</a></li>
+
<li><a href="shortcodes.html">Shortcodes</a></li>
+
<li><a href="icons.html">Icons</a></li>
+
<li><a href="javascript:{}">Colours</a>
+
<ul class="dropdown-menu sub-menu">
+
<li><a href="../blue/index.html">Blue</a></li>
+
<li><a href="../orange/index.html">Orange</a></li>
+
<li><a href="../green/index.html">Green</a></li>
+
<li><a href="../red/index.html">Red</a></li>
+
</ul>
+
<li><a href="script_examples.html">JS Examples</a></li>
+
</ul>
+
</li>
+
<li class="dropdown"><a href="javascript:{}">Model</a>
+
<ul class="dropdown-menu">
+
<li><a href="dribbble_stream.html">Dribbble Stream</a></li>
+
<li><a href="alt_footer.html">Alt. Footer & Boxes</a></li>
+
<li><a href="pricing_table.html">Pricing Table</a></li>
+
<li><a href="404.html">404 Page</a></li>
+
</ul>
+
</li>
+
<li class="dropdown"><a href="javascript:{}">Human Practice</a>
+
<ul class="dropdown-menu">
+
<li><a href="blog.html">Blog</a></li>
+
<li><a href="blog_two.html">Blog II</a></li>
+
<li><a href="blog_post.html">Blog Post</a></li>
+
<li><a href="blog_post2.html">Blog Post II</a></li>
+
</ul>
+
</li>
+
<li><a href="contact.html">Note Book</a></li>
+
                           
+
</ul>
+
</div>
+
</nav>
+
</div>
+
</div>
+
<!--//header-->
+
<div class="copyrights">Collect from <a href="/" >免费模板</a></div>
+
<!--page-->
+
<!-- REVOLUTION SLIDER -->
+
 
         <div class="fullwidthbanner-container">
 
         <div class="fullwidthbanner-container">
        <div class="fullwidthbanner">
+
            <div class="fullwidthbanner">
<ul>
+
<!-- Slide 1 -->
+
<li data-transition="slideright">
+
<img src="https://static.igem.org/mediawiki/2018/8/8b/T--UST_Beijing--Web_slider_1.png" alt="" />
+
 
 
<!-- Caption -->
+
                <ul>
<div class="tp-caption lfr" data-x="left" data-y="195" data-speed="2400" data-start="800" data-easing="easeOutExpo">
+
                    <!-- Slide 1 -->
<img src="https://static.igem.org/mediawiki/2018/a/a3/T--UST_Beijing--Web_robot_1.png" alt="" />
+
                    <li data-transition="slideright">
 +
                      <img src="https://static.igem.org/mediawiki/2018/8/8b/T--UST_Beijing--Web_slider_1.png" alt="" />
 +
                       
 +
                        <!-- Caption -->
 +
                        <div class="tp-caption lfr" data-x="left" data-y="195" data-speed="2400" data-start="800" data-easing="easeOutExpo">
 +
                          <img src="https://static.igem.org/mediawiki/2018/a/a3/T--UST_Beijing--Web_robot_1.png" alt="" />
 +
                        </div>
 +
                       
 +
                        <!-- Caption -->
 +
                        <div class="tp-caption lfb" data-x="870" data-y="140" data-speed="1400" data-start="1800" data-easing="easeOutExpo">
 +
                          <img src="https://static.igem.org/mediawiki/2018/4/49/T--UST_Beijing--Web_rocket.png" alt="" />
 +
                        </div>
 +
                       
 +
                        <!-- Caption -->
 +
                        <div class="tp-caption lfb" data-x="825" data-y="330" data-speed="1500" data-start="1900" data-easing="easeOutExpo">
 +
                          <img src="https://static.igem.org/mediawiki/2018/4/44/T--UST_Beijing--Web_flames.png" alt="" />
 +
                        </div>
 +
                       
 +
                        <!-- Caption -->
 +
                        <div class="caption sft stl" data-x="center" data-y="105" data-speed="1000" data-start="700" data-easing="easeOutExpo">
 +
                            <h3 class="rev-title bold">Natural RE-Lease</h3>
 +
                        </div>
 +
                       
 +
                        <!-- Caption -->
 +
                        <div class="caption lfl stl rev-title-sub" data-x="center" data-y="240" data-speed="800" data-start="1100" data-easing="easeOutExpo">
 +
                          fly-by synthetic biology
 +
                        </div>
 +
                       
 +
                        <!-- Caption -->
 +
                        <div class="caption sfb" data-x="center" data-y="320" data-speed="1100" data-start="1500" data-easing="easeOutExpo">
 +
                            <a href="https://2018.igem.org/Team:UST_Beijing/Team" class="btn btn-primary btn-custom">OUR TEAM</a>
 +
                        </div>
 +
                    </li>
 +
                   
 +
                    <!-- Slide 2 -->
 +
                    <li data-transition="slideleft">
 +
                      <img src="https://static.igem.org/mediawiki/2018/0/03/T--UST_Beijing--Web_slider_2.png" alt="" />
 +
                       
 +
                        <!-- Caption -->
 +
                        <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 -->
 +
                        <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">HumanPractice<br>Collaboration</h2>
 +
                        </div>
 +
                       
 +
                        <!-- 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">
 +
                            <p class="hidden-phone">with spirited teens and kids<br />
 +
                            with other brilliant teams<br/>
 +
                          enlighten gorgeous biology world.
 +
                            <br/>Get Creative!</p>
 +
                        </div>
 +
                       
 +
                        <!-- Caption -->
 +
                        <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>  &nbsp;&nbsp;
 +
                          <a href="https://2018.igem.org/Team:UST_Beijing/Collaborations" class="btn btn-inverse btn-custom mobile">collaboration</a>
 +
                        </div>
 +
                    </li>
 +
                   
 +
                    <!-- Slide 3 -->
 +
                    <li data-transition="slideleft" >
 +
                      <img src="https://static.igem.org/mediawiki/2018/1/11/T--UST_Beijing--Web_slider_3.png" alt="" />
 +
                       
 +
                        <!-- Caption -->
 +
                        <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/3/34/T--UST_Beijing--Web_robot_2.png" alt="" />
 +
                        </div>
 +
                       
 +
                        <!-- 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">
 +
                            <h3 class="rev-title big bold">UST_Beijing</h3>
 +
                        </div>
 +
                       
 +
                        <!-- 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">
 +
                            <p class="white hidden-phone">synthetic squalene cyclase<br />
 +
                            synthetic β-glucosidase in E.coli<br />
 +
                            chemical reaction</p>
 +
                        </div>
 +
                       
 +
                        <!-- Caption -->
 +
                        <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">Ginsenosides</h3>
 +
                        </div>
 +
                    </li>
 +
                                 
 +
                 
 +
  </ul>
 +
                <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">
 +
   
 
</div>
 
</div>
+
  <div style="position: absolute; top: 203px; margin-top: -24px; right: 0px;" class="tp-rightarrow tparrows default hidearrows">
<!-- Caption -->
+
   
<div class="tp-caption lfb" data-x="870" data-y="140" data-speed="1400" data-start="1800" data-easing="easeOutExpo">
+
<img src="https://static.igem.org/mediawiki/2018/4/49/T--UST_Beijing--Web_rocket.png" alt="" />
+
 
</div>
 
</div>
+
    </div>
<!-- Caption -->
+
   
<div class="tp-caption lfb" data-x="825" data-y="330" data-speed="1500" data-start="1900" data-easing="easeOutExpo">
+
        <!-- // END REVOLUTION SLIDER -->
<img src="https://static.igem.org/mediawiki/2018/4/44/T--UST_Beijing--Web_flames.png" alt="" />
+
       
</div>
+
        <div id="banner">
+
            <div class="container intro_wrapper">
<!-- Caption -->
+
                 <div class="inner_content">
<div class="caption sft stl" data-x="center" data-y="105" data-speed="1000" data-start="700" data-easing="easeOutExpo">
+
                   
<h3 class="rev-title bold">Natrual RE-Lease</h3>
+
                    <!--welcome-->
</div>
+
                    <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 
<!-- Caption -->
+
                        <span class="hue">ginsenosides.</span> We believe that <span>sterols (triterpenes)</span> in the ginsenosides are responsible for their main benefits.  
<div class="caption lfl stl rev-title-sub" data-x="center" data-y="240" data-speed="800" data-start="1100" data-easing="easeOutExpo">
+
                    </div>
CREATE - DESIGN - CODE
+
                     <!--//welcome-->
</div>
+
                </div>
+
<!-- Caption -->
+
<div class="caption sfb" data-x="center" data-y="320" data-speed="1100" data-start="1500" data-easing="easeOutExpo">
+
<a href="#" class="btn btn-primary btn-custom">OUR PORTFOLIO</a>                  
+
</div>
+
</li>
+
+
<!-- Slide 2 -->
+
<li data-transition="slideleft">
+
<img src="https://static.igem.org/mediawiki/2018/0/03/T--UST_Beijing--Web_slider_2.png" alt="" />
+
+
<!-- Caption -->
+
<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/1/17/T--UST_Beijing--Web_iMac.png" alt="" />
+
</div>
+
+
<!-- Caption -->
+
<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">Creative Slider<br>It's a Revolution!</h2>
+
</div>
+
+
<!-- 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">
+
<p class="hidden-phone">xxxxxxxx,<br />
+
xxxxxxxxxx,<br/>
+
xxxxxxxxxx.
+
<br/>Get Creative!</p>
+
</div>
+
+
<!-- Caption -->
+
<div class="caption sfb stb rev-left" data-x="left" data-y="380" data-speed="1100" data-start="1500" data-easing="easeOutExpo">
+
<a href="#" class="btn btn-inverse btn-custom mobile">xxxxxx</a>   &nbsp;&nbsp;
+
<a href="#" class="btn btn-inverse btn-custom mobile">xxxxxx</a>
+
</div>
+
</li>
+
+
<!-- Slide 3 -->
+
<li data-transition="slideleft" >
+
<img src="https://static.igem.org/mediawiki/2018/1/11/T--UST_Beijing--Web_slider_3.png" alt="" />
+
+
<!-- Caption -->
+
<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/3/34/T--UST_Beijing--Web_robot_2.png" alt="" />
+
</div>
+
+
<!-- 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">
+
<h3 class="rev-title big bold">xxxxxxxx</h3>
+
</div>
+
 
+
<!-- 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">
+
<p class="white hidden-phone">xxxxxxxxxxxxxxxxxx,<br />
+
xxxxxxxxxxxxxxxxxxxxx,<br />
+
xxxxxxxxxxxxxxxxxxx.</p>
+
</div>
+
+
<!-- Caption -->
+
<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">UST_Beijing</h3>
+
</div>
+
</li>
+
+
<!-- Slide 4 -->
+
<li data-transition="slidedown">
+
<img src="https://static.igem.org/mediawiki/2018/2/23/T--UST_Beijing--Web_slider_4.png" alt="" />
+
+
<!-- Caption -->
+
<video width="980" autoplay="autoplay" controls>
+
                        <source src="https://static.igem.org/mediawiki/2018/e/ef/T--UST_Beijing--2minutes_with_music.mp4" type="video/mp4">
+
                            Your browser does not support the video tag.
+
                    </video>
+
                    <table width="900" border=0 cellspacing=0 cellpadding=10>
+
                        <tr>
+
                            <td width=160></td>
+
                            <td width=160></td>
+
                            <td width=160></td>
+
                            <td width=160></td>
+
                            <td width=160></td>
+
                            <td width=160></td>
+
                        </tr>
+
                        <tr><td colspan=6 align=left valign=center>
+
+
<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">
+
Have Fun Watching the Video
+
</div>
+
</li>
+
</ul>
+
<div class="tp-bannertimer tp-bottom"></div>
+
 
             </div>
 
             </div>
 
         </div>
 
         </div>
         <!-- // END REVOLUTION SLIDER -->
+
         <!--//banner-->
 
+
       
<div id="banner">
+
     
<div class="container intro_wrapper">
+
       
<div class="inner_content">
+
        <!-- footer -->
+
        <div id="footer">
<!--welcome-->
+
            <h1>get in touch</h1>
<div class="welcome_index">
+
            <h3 class="center follow">
I think most <a href="#"><span class="hue_block white normal">programmers</span></a> spend the first 5 years of their career mastering
+
We're social and we'd love to hear from you! Feel free to send us an email. </br>
<span class="hue">complexity</span> and the rest of their lives learning <span>simplicity</span>
+
    Looking forward to enlightening sparkles!</h3>  
- Buzz Andersen
+
        </div>
</div>
+
       
<!--//welcome-->
+
        <!-- footer 2 -->
</div>
+
        <div id="footer2">
</div>
+
            <div class="container">
</div>
+
                <div class="row">
<!--//banner-->
+
                    <div class="span12">
+
                        <div class="copyright">
<div class="container wrapper">
+
                             UST_Beijing
<div class="inner_content">
+
                            &copy;
<div class="pad45"></div>
+
                            <script type="text/javascript">
+
                                //<![CDATA[
<!--info boxes-->
+
                                var d = new Date()
<div class="row">
+
                                document.write(d.getFullYear())
<div class="span3">
+
                                //]]>
<div class="tile">
+
                                </script>
<div class="intro-icon-disc cont-large"><i class="fa fa-wrench intro-icon-large"></i></div>
+
                          .igem.org
<h6><small>DESIGN</small>
+
                        </div>
<br><a href="#"><span>built for &amp; by nerds</span></a></h6>
+
                    </div>
<p>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. </p>
+
                </div>
</div>
+
            </div>
<div class="pad25"></div>
+
        </div>
</div>
+
       
+
        <!-- up to top -->
<div class="span3">
+
        <a href="#"><i class="go-top hidden-phone hidden-tablet fa fa-angle-double-up"></i></a>
<div class="tile">
+
        <!--//end-->
<div class="intro-icon-disc cont-large"><i class="fa fa-rocket intro-icon-large"></i></div>
+
        <!-- SCRIPTS -->
<h6><small>CODE</small>
+
       
<br><a href="#"><span>12-column grid</span></a></h6>
+
        <script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>
<p>Bootstrap is designed to help people of all skill levels - designer or developer, huge nerd or early beginner.
+
        <script src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/bootstrap&action=raw&ctype=text/javascript"></script>
Use it as a complete kit or use to start something.</p>
+
        <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/jquerytprevolution&action=raw&ctype=text/javascript"></script>
</div>
+
        <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/jquerytpplugins&action=raw&ctype=text/javascript"></script>
<div class="pad25"></div>
+
        <!-- slider settings -->
</div>
+
        <script>
+
            //<![CDATA[
<div class="span3">
+
            $(document).ready(function() {
<div class="tile">
+
                              if ($.fn.cssOriginal!=undefined)
<div class="intro-icon-disc cont-large"><i class="fa fa-flask intro-icon-large"></i></div>
+
                              $.fn.css = $.fn.cssOriginal;
<h6><small>CREATE</small>
+
                              $('.fullwidthbanner').revolution(
<br><a href="#"><span>responsive</span></a></h6>
+
                                                              {
<p>Bootstrap have gone fully responsive. Our components are scaled according to a range of resolutions and devices to provide a consistent
+
                                                              delay:9000,
experience.</p>
+
                                                              startwidth:1170,
</div>
+
                                                              startheight:550,
<div class="pad25"></div>
+
                                                              onHoverStop:"on",
</div>
+
                                                              navigationType:"none",
+
                                                              soloArrowLeftHOffset:0,
<div class="span3">
+
                                                              soloArrowLeftVOffset:0,
<div class="tile tile-hot">
+
                                                              soloArrowRightHOffset:0,
<div class="intro-icon-disc cont-large"><i class="fa fa-book  intro-icon-large"></i></div>
+
                                                              soloArrowRightVOffset:0,
<h6> <small>SUPPORT</small>
+
                                                              touchenabled:"on",
<br><a href="#"><span>growing library</span></a></h6>
+
                                                              fullWidth:"on",
<p>Despite being only 7kb (gzipped), Bootstrap is one of the most complete front-end toolkits out there with dozens of fully functional components.</p>
+
                                                              shadow:0
</div>
+
                                                              });
<div class="pad25"></div>
+
                              });
</div>
+
                              //]]>
</div>
+
            </script>
+
        <script src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/jquerytouchswipe&action=raw&ctype=text/javascript"></script>
<!--//info boxes-->
+
        <script src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/jquerymousewheel&action=raw&ctype=text/javascript"></script>
<div class="row">
+
        <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/jqueryprettyphoto&action=raw&ctype=text/javascript"></script>
<!--col 1-->
+
        <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/scripts&action=raw&ctype=text/javascript"></script>
<div class="span12">
+
        <!-- carousel -->
<div class="row">
+
        <script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/jquerycaroufredsel&action=raw&ctype=text/javascript"></script>
<div class="pad25 hidden-phone"></div>
+
        <script type="text/javascript">
+
            //<![CDATA[
<div class="span4">
+
            jQuery(document).ready(function($) {
<h1>Recent Work</h1>
+
                                  $("#slider_home").carouFredSel({ width : "100%", height : "auto",
<h4>Lorem ipsum dolor sit amet, rebum putant recusabo in ius, pri simul tempor ne, his ei summo virtute.</h4>
+
                                                                  responsive : true,  circular : true, infinite   : false, auto : false,
<p>Nam ea labitur pericula. Meis tamquam pro te, cibo mutat necessitatibus id vim. An his tamquam postulant, pri id mazim nostrud diceret
+
                                                                  items : { width : 231, visible: { min: 1, max: 3 }
sapientem eloquentiam sea cu, sea ut exerci delicata. Corrumpit vituperata.</p>
+
                                                                  },
+
                                                                  swipe : { onTouch : true, onMouse : true },
<a href="#" class="btn btn-primary  btn-custom btn-rounded">view portfolio</a>
+
                                                                  scroll: { items: 3, },
<div class="pad45"></div>
+
                                                                  prev : { button : "#sl-prev", key : "left"},
</div>
+
                                                                  next : { button : "#sl-next", key : "right" }
<!--column 2 slider-->
+
                                                                  });
<div class="span8 pad15 col_full2">
+
                                  });
+
                                  //]]>
<div id="slider_home">
+
            </script>
            <div class="slider-item">
+
    </body>
<div class="slider-image">
+
<div class="hover_colour">
+
<a href="https://static.igem.org/mediawiki/2018/c/cd/T--UST_Beijing--Web_large_s1.png" data-rel="prettyPhoto">
+
<img src="https://static.igem.org/mediawiki/2018/c/ca/T--UST_Beijing--Web_small_s1.png" alt="" /></a>
+
</div>
+
</div>
+
<div class="slider-title">
+
<h3><a href="#">catalogue</a></h3>
+
<p>An his tamquam postulant, pri id mazim nostrud diceret.</p>
+
</div>
+
</div>
+
+
<div class="slider-item">
+
<div class="slider-image">
+
<div class="hover_colour">
+
<a href="https://static.igem.org/mediawiki/2018/c/cd/T--UST_Beijing--Web_large_s1.png" data-rel="prettyPhoto">
+
<img src="https://static.igem.org/mediawiki/2018/c/cd/T--UST_Beijing--Web_small_s1.png" alt="" /></a>
+
</div>
+
</div>
+
<div class="slider-title">
+
<h3><a href="#">loupe</a></h3>
+
<p>An his tamquam postulant, pri id mazim nostrud diceret.</p>
+
</div>
+
</div>
+
+
<div class="slider-item">
+
<div class="slider-image">
+
<div class="hover_colour">
+
<a href="https://static.igem.org/mediawiki/2018/c/cd/T--UST_Beijing--Web_large_s1.png" data-rel="prettyPhoto">
+
<img src="https://static.igem.org/mediawiki/2018/c/cd/T--UST_Beijing--Web_small_s1.png" alt="" /></a>
+
</div>
+
</div>
+
<div class="slider-title">
+
<h3><a href="#">retro rocket</a></h3>
+
<p>An his tamquam postulant, pri id mazim nostrud diceret.</p>
+
</div>
+
</div>
+
+
<div class="slider-item">
+
<div class="slider-image">
+
<div class="hover_colour">
+
<a href="https://static.igem.org/mediawiki/2018/c/cd/T--UST_Beijing--Web_large_s1.png" data-rel="prettyPhoto">
+
<img src="https://static.igem.org/mediawiki/2018/c/cd/T--UST_Beijing--Web_small_s1.png" alt="" /></a>
+
</div>
+
</div>
+
<div class="slider-title">
+
<h3><a href="#">infographics</a></h3>
+
<p>An his tamquam postulant, pri id mazim nostrud diceret.</p>
+
</div>
+
</div>
+
+
<div class="slider-item">
+
<div class="slider-image">
+
<div class="hover_colour">
+
<a href="https://static.igem.org/mediawiki/2018/c/cd/T--UST_Beijing--Web_large_s1.png" data-rel="prettyPhoto">
+
<img src="https://static.igem.org/mediawiki/2018/c/cd/T--UST_Beijing--Web_small_s1.png" alt="" /></a>
+
</div>
+
</div>
+
<div class="slider-title">
+
<h3><a href="#">mock up</a></h3>
+
<p>An his tamquam postulant, pri id mazim nostrud diceret.</p>
+
</div>
+
</div>
+
+
<div class="slider-item">
+
<div class="slider-image">
+
<div class="hover_colour">
+
<a href="https://static.igem.org/mediawiki/2018/c/cd/T--UST_Beijing--Web_large_s1.png" data-rel="prettyPhoto">
+
<img src="https://static.igem.org/mediawiki/2018/c/cd/T--UST_Beijing--Web_small_s1.png" alt="" /></a>
+
</div>
+
</div>
+
<div class="slider-title">
+
<h3><a href="#">retro badges</a></h3>
+
<p>An his tamquam postulant, pri id mazim nostrud diceret.</p>
+
</div>
+
</div>
+
+
<div class="slider-item">
+
<div class="slider-image">
+
<div class="hover_colour">
+
<a href="https://static.igem.org/mediawiki/2018/c/cd/T--UST_Beijing--Web_large_s1.png" data-rel="prettyPhoto">
+
<img src="https://static.igem.org/mediawiki/2018/c/cd/T--UST_Beijing--Web_small_s1.png" alt="" /></a>
+
</div>
+
</div>
+
<div class="slider-title">
+
<h3><a href="#">details</a></h3>
+
<p>An his tamquam postulant, pri id mazim nostrud diceret.</p>
+
</div>
+
</div>
+
+
<div class="slider-item">
+
<div class="slider-image">
+
<div class="hover_colour">
+
<a href="https://static.igem.org/mediawiki/2018/c/cd/T--UST_Beijing--Web_large_s1.png" data-rel="prettyPhoto">
+
<img src="https://static.igem.org/mediawiki/2018/c/cd/T--UST_Beijing--Web_small_s1.png" alt="" /></a>
+
</div>
+
</div>
+
<div class="slider-title">
+
<h3><a href="#">vintage form</a></h3>
+
<p>An his tamquam postulant, pri id mazim nostrud diceret.</p>
+
</div>
+
</div>
+
</div>
+
<div id="sl-prev" class="widget-scroll-prev"><i class="fa fa-chevron-left white"></i></div>
+
<div id="sl-next" class="widget-scroll-next"><i class="fa fa-chevron-right white but_marg"></i></div>
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
<!--//page-->
+
+
<div class="pad25 hidden-desktop"></div>
+
</div>
+
+
<!-- footer -->
+
<div id="footer">
+
<h1>get in touch</h1>
+
<h3 class="center follow">
+
We're social and we'd love to hear from you! Feel free to send us an email, find us on Google Plus, follow us on Twitter and join us on Facebook.</h3>
+
+
<div class="follow_us">
+
<a href="#" class="zocial twitter"></a>
+
<a href="#" class="zocial facebook"></a>
+
<a href="#" class="zocial linkedin"></a>
+
<a href="#" class="zocial googleplus"></a>
+
<a href="#" class="zocial vimeo"></a>
+
</div>
+
</div>
+
+
<!-- footer 2 -->
+
<div id="footer2">
+
<div class="container">
+
<div class="row">
+
<div class="span12">
+
<div class="copyright">
+
                             XXX
+
&copy;
+
<script type="text/javascript">
+
//<![CDATA[
+
var d = new Date()
+
document.write(d.getFullYear())
+
//]]>
+
</script>
+
- All Rights Reserved :
+
More Templates
+
</div>
+
</div>
+
</div>
+
</div>
+
</div>
+
+
<!-- up to top -->
+
<a href="#"><i class="go-top hidden-phone hidden-tablet fa fa-angle-double-up"></i></a>
+
<!--//end-->
+
<!-- SCRIPTS -->
+
 
+
<script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>
+
<script src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/bootstrap&action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/jquerytprevolution&action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/jquerytpplugins&action=raw&ctype=text/javascript"></script>
+
<!-- slider settings -->
+
<script>
+
//<![CDATA[
+
    $(document).ready(function() {
+
if ($.fn.cssOriginal!=undefined)
+
$.fn.css = $.fn.cssOriginal;
+
$('.fullwidthbanner').revolution(
+
{
+
delay:9000,
+
startwidth:1170,
+
startheight:550,
+
onHoverStop:"on",
+
navigationType:"none",
+
soloArrowLeftHOffset:0,
+
soloArrowLeftVOffset:0,
+
soloArrowRightHOffset:0,
+
soloArrowRightVOffset:0,
+
touchenabled:"on",
+
fullWidth:"on",
+
shadow:0
+
});
+
});
+
//]]>
+
</script>
+
<script src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/jquerytouchswipe&action=raw&ctype=text/javascript"></script>
+
<script src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/jquerymousewheel&action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/jqueryprettyphoto&action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/scripts&action=raw&ctype=text/javascript"></script>
+
<!-- carousel -->
+
<script type="text/javascript" src="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/js/jquerycaroufredsel&action=raw&ctype=text/javascript"></script>
+
<script type="text/javascript">
+
//<![CDATA[
+
jQuery(document).ready(function($) {
+
$("#slider_home").carouFredSel({ width : "100%", height : "auto",
+
responsive : true,  circular : true, infinite : false, auto : false,
+
items : { width : 231, visible: { min: 1, max: 3 }
+
},
+
swipe : { onTouch : true, onMouse : true },
+
scroll: { items: 3, },
+
prev : { button : "#sl-prev", key : "left"},
+
next : { button : "#sl-next", key : "right" }
+
});
+
});
+
//]]>
+
</script>
+
</body>
+
 
</html>
 
</html>

Latest revision as of 15:25, 16 October 2018

Team:UST Beijing - 2018.igem.org

Collect from 免费模板
  • Natural RE-Lease

    fly-by synthetic biology
  • HumanPractice
    Collaboration

    with spirited teens and kids
    with other brilliant teams
    enlighten gorgeous biology world.
    Get Creative!

  • UST_Beijing

    synthetic squalene cyclase
    synthetic β-glucosidase in E.coli
    chemical reaction

    Ginsenosides