Difference between revisions of "Team:UST Beijing"

 
(29 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>
Line 48: Line 47:
 
                     <i class="fa fa-bars"></i></button>
 
                     <i class="fa fa-bars"></i></button>
 
                 <div class="logo">
 
                 <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="60" height="60" alt="" class="animated bounceInDown" /></a>
+
                     <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>
 
                 </div>
 
                 <!--menu-->
 
                 <!--menu-->
                <nav id="main_menu">
+
        <nav id="main_menu">
                    <div class="nav-collapse collapse">
+
        <div class="nav-collapse collapse">
                        <ul class="nav nav-pills">
+
        <ul class="nav nav-pills">
                            <li><a href="https://2018.igem.org/Team:UST_Beijing">Home</a></li>
+
        <li><a href="https://2018.igem.org/Team:UST_Beijing">Home</a ></li>
                                <ul class="dropdown-menu">
+
        <ul class="dropdown-menu">
                                   
+
        </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">
                                    <li><a href="https://2018.igem.org/Team:UST_Beijing/Team">Team member</a></li>
+
        <li><a href="https://2018.igem.org/Team:UST_Beijing/Team">Team member</a ></li>
                                    <li><a href="https://2018.igem.org/Team:UST_Beijing/Team/Attribution">Attribution</a></li>
+
        </ul>
                                    <li><a href="https://2018.igem.org/Team:UST_Beijing/Team/Facilities">Facilities</a></li>
+
        </li>
                                </ul>
+
       
                            </li>
+
        <li class="dropdown"><a href="javascript:{}">Project</a >
                            <li class="dropdown"><a href="javascript:{}">Project</a>
+
        <ul class="dropdown-menu">
                                <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/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/Experiments">Experiments</a></li>
+
        <li><a href="https://2018.igem.org/Team:UST_Beijing/Notebook">Notebook</a ></li>
                                    <li><a href="https://2018.igem.org/Team:UST_Beijing/Notebook">Notebook</a></li>
+
</ul>   
                                    <li><a href="https://static.igem.org/mediawiki/2018/5/57/T--UST_Beijing--interlabstudy.pdf">Interlab</a></li>
+
        <li><a href="https://2018.igem.org/Team:UST_Beijing/Model">Model</a ></li>
                                </ul>
+
       
                            </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:{}">Model</a>
+
       
                                <ul class="dropdown-menu">
+
        <li class="dropdown"><a href="javascript:{}">Awards</a >
                                    <li><a href="blog.html">Blog</a></li>
+
 
                                    <li><a href="blog_two.html">Blog II</a></li>
+
        <ul class="dropdown-menu">
                                    <li><a href="blog_post.html">Blog Post</a></li>
+
        <li><a href="https://2018.igem.org/Team:UST_Beijing/Attributions">Attribution</a ></li>
                                    <li><a href="blog_post2.html">Blog Post II</a></li>
+
        <li><a href="https://2018.igem.org/Team:UST_Beijing/Collaborations">Collaboration</a ></li>
                                </ul>
+
        <li><a href="https://static.igem.org/mediawiki/2018/5/5a/T--UST_Beijing--Demonstrate.pdf">Demonstrate</a ></li>
                            </li>
+
        <li><a href="https://2018.igem.org/Team:UST_Beijing/InterLab">InterLab</a ></li>
                           
+
        <li><a href="https://2018.igem.org/Team:UST_Beijing/Human_Practices">HumanPractice</a ></li>
                            <li class="dropdown"><a href="javascript:{}">HumanPractice</a>
+
        <li><a href="https://2018.igem.org/Team:UST_Beijing/Improve">Improve</a ></li> </ul>
                                <ul class="dropdown-menu">
+
        </li>
                                    <li><a href="https://2018.igem.org/Team:UST_Beijing/SocialPractice">Social Practice</a></li>
+
        </ul>
                                    <li><a href="https://2018.igem.org/Team:UST_Beijing/Collaboration">Collaboration</a></li>
+
        </div>
                                </ul>
+
        </nav>
                            </li>
+
        </div>
                           
+
                            <li><a href="https://2018.igem.org/Team:UST_Beijing/Saftey">Safety</a></li>
+
                           
+
                            <li><a href="https://2018.igem.org/Team:UST_Beijing/Awards">Awards</a></li>
+
                           
+
                        </ul>
+
                    </div>
+
                </nav>
+
            </div>
+
 
         </div>
 
         </div>
 
         <!--//header-->
 
         <!--//header-->
Line 110: Line 100:
 
                     <!-- Slide 1 -->
 
                     <!-- Slide 1 -->
 
                     <li data-transition="slideright">
 
                     <li data-transition="slideright">
                        <img src="https://static.igem.org/mediawiki/2018/8/8b/T--UST_Beijing--Web_slider_1.png" alt="" />
+
                      <img src="https://static.igem.org/mediawiki/2018/8/8b/T--UST_Beijing--Web_slider_1.png" alt="" />
 
                          
 
                          
 
                         <!-- Caption -->
 
                         <!-- Caption -->
 
                         <div class="tp-caption lfr" data-x="left" data-y="195" data-speed="2400" data-start="800" data-easing="easeOutExpo">
 
                         <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="" />
+
                          <img src="https://static.igem.org/mediawiki/2018/a/a3/T--UST_Beijing--Web_robot_1.png" alt="" />
 
                         </div>
 
                         </div>
 
                          
 
                          
 
                         <!-- Caption -->
 
                         <!-- Caption -->
 
                         <div class="tp-caption lfb" data-x="870" data-y="140" data-speed="1400" data-start="1800" data-easing="easeOutExpo">
 
                         <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="" />
+
                          <img src="https://static.igem.org/mediawiki/2018/4/49/T--UST_Beijing--Web_rocket.png" alt="" />
 
                         </div>
 
                         </div>
 
                          
 
                          
 
                         <!-- Caption -->
 
                         <!-- Caption -->
 
                         <div class="tp-caption lfb" data-x="825" data-y="330" data-speed="1500" data-start="1900" data-easing="easeOutExpo">
 
                         <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="" />
+
                          <img src="https://static.igem.org/mediawiki/2018/4/44/T--UST_Beijing--Web_flames.png" alt="" />
 
                         </div>
 
                         </div>
 
                          
 
                          
 
                         <!-- Caption -->
 
                         <!-- Caption -->
 
                         <div class="caption sft stl" data-x="center" data-y="105" data-speed="1000" data-start="700" data-easing="easeOutExpo">
 
                         <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>
+
                             <h3 class="rev-title bold">Natural RE-Lease</h3>
 
                         </div>
 
                         </div>
 
                          
 
                          
 
                         <!-- 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
+
                           fly-by synthetic biology
 
                         </div>
 
                         </div>
 
                          
 
                          
Line 145: Line 135:
 
                     <!-- Slide 2 -->
 
                     <!-- Slide 2 -->
 
                     <li data-transition="slideleft">
 
                     <li data-transition="slideleft">
                        <img src="https://static.igem.org/mediawiki/2018/0/03/T--UST_Beijing--Web_slider_2.png" alt="" />
+
                      <img src="https://static.igem.org/mediawiki/2018/0/03/T--UST_Beijing--Web_slider_2.png" alt="" />
 
                          
 
                          
 
                         <!-- Caption -->
 
                         <!-- Caption -->
Line 172: Line 162:
 
                     <!-- Slide 3 -->
 
                     <!-- Slide 3 -->
 
                     <li data-transition="slideleft" >
 
                     <li data-transition="slideleft" >
                        <img src="https://static.igem.org/mediawiki/2018/1/11/T--UST_Beijing--Web_slider_3.png" alt="" />
+
                      <img src="https://static.igem.org/mediawiki/2018/1/11/T--UST_Beijing--Web_slider_3.png" alt="" />
 
                          
 
                          
 
                         <!-- 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/3/34/T--UST_Beijing--Web_robot_2.png" alt="" />
+
                          <img src="https://static.igem.org/mediawiki/2018/3/34/T--UST_Beijing--Web_robot_2.png" alt="" />
 
                         </div>
 
                         </div>
 
                          
 
                          
Line 193: Line 183:
 
                         <!-- 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">Ginsenoside</h3>
+
                             <h3 class="rev-title2 bold">Ginsenosides</h3>
 
                         </div>
 
                         </div>
 
                     </li>
 
                     </li>
                   
+
                                 
                    <!-- Slide 4 -->
+
                 
                    <li data-transition="slidedown">
+
  </ul>
                        <img src="https://static.igem.org/mediawiki/2018/2/23/T--UST_Beijing--Web_slider_4.png" alt="" />
+
                       
+
                        <!-- Caption -->
+
                        <div class="caption fade fullscreenvideo" data-autoplay="false"  data-speed="500" data-start="500" data-easing="easeOutBack">
+
                            <iframe src="https://static.igem.org/mediawiki/2018/c/c9/T--UST_Beijing--homevideo1.mp4"></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">
+
                            Here we are
+
                        </div>
+
                    </li>
+
                </ul>
+
 
                 <div class="tp-bannertimer tp-bottom"></div>
 
                 <div class="tp-bannertimer tp-bottom"></div>
 
<div class="tp-loader" style="display: none;"></div>
 
<div class="tp-loader" style="display: none;"></div>
  </div>
+
  </div>
 
<div style="position: absolute; top: 203px; margin-top: -24px; left: 0px;" class="tp-leftarrow tparrows default hidearrows">
 
<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>
<div style="position: absolute; top: 203px; margin-top: -24px; right: 0px;" class="tp-rightarrow tparrows default hidearrows">
+
  <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>
+
    </div>
 
      
 
      
 
         <!-- // END REVOLUTION SLIDER -->
 
         <!-- // END REVOLUTION SLIDER -->
Line 232: Line 209:
 
                     <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   
 
                       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">ginsenosides</span>We believe that <span>sterols</span> in the ginsenosides are responsible for their main benefits.   
+
                         <span class="hue">ginsenosides.</span> We believe that <span>sterols (triterpenes)</span> in the ginsenosides are responsible for their main benefits.   
 
                     </div>
 
                     </div>
 
                     <!--//welcome-->
 
                     <!--//welcome-->
Line 240: Line 217:
 
         <!--//banner-->
 
         <!--//banner-->
 
          
 
          
        <div class="container wrapper">
+
     
            <div class="inner_content">
+
                <div class="pad45"></div>
+
               
+
                <!--info boxes-->
+
                <div class="row">
+
                    <div class="span3">
+
                        <div class="tile">
+
                            <div class="intro-icon-disc cont-large"><i class="fa fa-wrench intro-icon-large"></i></div>
+
                            <h6><small>DESIGN</small>
+
                                <br><a href="#"><span>built for &amp; by nerds</span></a></h6>
+
                            <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 class="pad25"></div>
+
                    </div>
+
                   
+
                    <div class="span3">
+
                        <div class="tile">
+
                            <div class="intro-icon-disc cont-large"><i class="fa fa-rocket intro-icon-large"></i></div>
+
                            <h6><small>CODE</small>
+
                                <br><a href="#"><span>12-column grid</span></a></h6>
+
                            <p>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.</p>
+
                        </div>
+
                        <div class="pad25"></div>
+
                    </div>
+
                   
+
                    <div class="span3">
+
                        <div class="tile">
+
                            <div class="intro-icon-disc cont-large"><i class="fa fa-flask intro-icon-large"></i></div>
+
                            <h6><small>CREATE</small>
+
                                <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
+
                            experience.</p>
+
                        </div>
+
                        <div class="pad25"></div>
+
                    </div>
+
                   
+
                    <div class="span3">
+
                        <div class="tile tile-hot">
+
                            <div class="intro-icon-disc cont-large"><i class="fa fa-book  intro-icon-large"></i></div>
+
                            <h6> <small>SUPPORT</small>
+
                                <br><a href="#"><span>growing library</span></a></h6>
+
                            <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>
+
                        </div>
+
                        <div class="pad25"></div>
+
                    </div>
+
                </div>
+
               
+
                <!--//info boxes-->
+
                <div class="row">
+
                    <!--col 1-->
+
                    <div class="span12">
+
                        <div class="row">
+
                            <div class="pad25 hidden-phone"></div>
+
                           
+
                            <div class="span4">
+
                                <h1>Recent Work</h1>
+
                                <h4>Lorem ipsum dolor sit amet, rebum putant recusabo in ius, pri simul tempor ne, his ei summo virtute.</h4>
+
                                <p>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.</p>
+
                               
+
                                <a href="#" class="btn btn-primary  btn-custom btn-rounded">view portfolio</a>
+
                                <div class="pad45"></div>
+
                            </div>
+
                            <!--column 2 slider-->
+
                            <div class="span8 pad15 col_full2">
+
                               
+
                                <div id="slider_home">
+
                                    <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/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 -->
 
         <!-- footer -->

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