Difference between revisions of "Team:UST Beijing"

 
(56 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]-->
+
−
</head>
+
−
<style type="text/css">
+
−
div{}
+
−
</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="img/logo.png" 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">The Team</a></li>
+
−
<li><a href="about.html">About</a></li>
+
−
<li><a href="services.html">Services</a></li>
+
−
<li><a href="testimonials.html">Testimonials</a></li>
+
−
<li><a href="timeline.html">Timeline</a></li>
+
−
<li><a href="full.html">Full Width</a></li>
+
−
<li><a href="left_sidebar.html">Left Sidebar</a></li>
+
−
<li><a href="right_sidebar.html">Right Sidebar</a></li>
+
−
</ul>
+
−
</li>
+
−
<li class="dropdown"><a href="javascript:{}">Project</a>
+
−
<ul class="dropdown-menu">
+
−
<li><a href="portfolio_2columns.html">2 Columns</a></li>
+
−
<li><a href="portfolio_3columns.html">3 Columns</a></li>
+
−
<li><a href="portfolio_4columns.html">4 Columns</a></li>
+
−
<li><a href="portfolio_masonry.html">Masonry</a></li>
+
−
<li><a href="gallery.html">Paginated Gallery</a></li>
+
−
<li><a href="video_gallery.html">Video Gallery</a></li>
+
−
<li><a href="single_portfolio.html">Single Slider</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:{}">Style</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:{}">Extras</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:{}">Blog</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">Contact</a></li>
+
−
                            <li><a href="">More theme</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="img/slider/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="img/slider/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="img/slider/slider2.jpg" alt="" />
+
−
+
−
<!-- Caption -->
+
−
<div class="tp-caption lfl" data-x="right" data-y="35" data-speed="1000" data-start="800" data-easing="easeOutExpo">
+
−
<img src="img/slider/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">Turn simple HTML code into a responsive sliderwith must-see-effects,<br />
+
−
it's Slider Revolution! All elements are included in the download,<br/>
+
−
plus a psd file of the iMac to add your own screenshot to.
+
−
<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">SERVICES</a>  &nbsp;&nbsp;
+
−
<a href="#" class="btn btn-inverse btn-custom mobile">CONTACT</a>                    
+
−
</div>
+
−
</li>
+
−
+
−
<!-- Slide 3 -->
+
−
<li data-transition="slideleft" >
+
−
<img src="img/slider/slider3.jpg" alt="" />
+
−
+
−
<!-- Caption -->
+
−
<div class="tp-caption lfl" data-x="right" data-y="35" data-speed="1000" data-start="800" data-easing="easeOutExpo">
+
−
<img src="img/slider/robot2.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">hire us today</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">This plugin features tons of unique transition effects,<br />
+
−
an image preloader, video embedding, autoplay that stops on user interaction<br />
+
−
and lots of easy to set options to create your own effects.</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">info@flatistudios.com</h3>
+
−
</div>
+
−
</li>
+
−
+
−
<!-- Slide 4 -->
+
−
<li data-transition="slidedown">
+
−
<img src="img/slider/slider4.jpg" alt="" />
+
−
+
−
<!-- Caption -->
+
−
<div class="caption fade fullscreenvideo" data-autoplay="false"  data-speed="500" data-start="500" data-easing="easeOutBack">
+
−
<iframe src="http://player.vimeo.com/video/55026049?title=0&amp;byline=0&amp;portrait=0"></iframe>
+
−
</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"
+
−
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="img/large/s1.jpg" data-rel="prettyPhoto">
+
−
<img src="img/small/s1.jpg" 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="img/large/s2.jpg" data-rel="prettyPhoto">
+
−
<img src="img/small/s2.jpg" 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="img/large/s3.jpg" data-rel="prettyPhoto">
+
−
<img src="img/small/s3.jpg" 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="img/large/s4.jpg" data-rel="prettyPhoto">
+
−
<img src="img/small/s4.jpg" 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="img/large/s5.jpg" data-rel="prettyPhoto">
+
−
<img src="img/small/s5.jpg" 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="img/large/s6.jpg" data-rel="prettyPhoto">
+
−
<img src="img/small/s6.jpg" 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="img/large/s7.jpg" data-rel="prettyPhoto">
+
−
<img src="img/small/s7.jpg" 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="img/large/s8.jpg" data-rel="prettyPhoto">
+
−
<img src="img/small/s8.jpg" 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">
+
−
FLATI
+
−
&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
    OUR TEAM

  • HumanPractice
    Collaboration

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

    humanpractice    collaboration

  • UST_Beijing

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

    Ginsenosides

UST_Beijing © .igem.org