Difference between revisions of "Team:UST Beijing"

Line 38: Line 38:
 
                         </script>
 
                         </script>
 
     </head>
 
     </head>
   
+
 
    </style>
+
 
     <body>
 
     <body>
 
         <div style="width:1200px;height:0px;"></div>
 
         <div style="width:1200px;height:0px;"></div>
Line 59: Line 58:
 
                                      
 
                                      
 
                                 </ul>
 
                                 </ul>
                            </li>
 
 
                             <li class="dropdown"><a href="javascript:{}">Team</a>
 
                             <li class="dropdown"><a href="javascript:{}">Team</a>
 
                                 <ul class="dropdown-menu">
 
                                 <ul class="dropdown-menu">
Line 108: Line 106:
 
         <div class="fullwidthbanner-container">
 
         <div class="fullwidthbanner-container">
 
             <div class="fullwidthbanner">
 
             <div class="fullwidthbanner">
 +
 
                 <ul>
 
                 <ul>
 
                     <!-- Slide 1 -->
 
                     <!-- Slide 1 -->
Line 135: Line 134:
 
                         <!-- Caption -->
 
                         <!-- Caption -->
 
                         <div class="caption lfl stl rev-title-sub" data-x="center" data-y="240" data-speed="800" data-start="1100" data-easing="easeOutExpo">
 
                         <div class="caption lfl stl rev-title-sub" data-x="center" data-y="240" data-speed="800" data-start="1100" data-easing="easeOutExpo">
                            CREATE - DESIGN - CODE
+
                          by-pass synthetic biology
 
                         </div>
 
                         </div>
 
                          
 
                          
 
                         <!-- Caption -->
 
                         <!-- Caption -->
 
                         <div class="caption sfb" data-x="center" data-y="320" data-speed="1100" data-start="1500" data-easing="easeOutExpo">
 
                         <div class="caption sfb" data-x="center" data-y="320" data-speed="1100" data-start="1500" data-easing="easeOutExpo">
                             <a href="#" class="btn btn-primary btn-custom">OUR PORTFOLIO</a>
+
                             <a href="https://2018.igem.org/Team:UST_Beijing/Team" class="btn btn-primary btn-custom">OUR TEAM</a>
 
                         </div>
 
                         </div>
 
                     </li>
 
                     </li>
Line 149: Line 148:
 
                          
 
                          
 
                         <!-- Caption -->
 
                         <!-- Caption -->
                         <div class="tp-caption lfl" data-x="right" data-y="35" data-speed="1000" data-start="800" data-easing="easeOutExpo">
+
                         <div class="tp-caption lfl" data-x="right" data-y="35" data-speed="1000" data-start="800" data-easing="easeOutExpo"><img src="https://static.igem.org/mediawiki/2018/b/b4/T--UST_Beijing--homepic1.jpg" alt="" /></div>
                            <img src="https://static.igem.org/mediawiki/2018/1/17/T--UST_Beijing--Web_iMac.png" alt="" />
+
                        </div>
+
 
                          
 
                          
 
                         <!-- Caption -->
 
                         <!-- Caption -->
 
                         <div class="caption lfl stl bg" data-x="20" data-y="60" data-speed="800" data-start="700" data-easing="easeOutExpo">
 
                         <div class="caption lfl stl bg" data-x="20" data-y="60" data-speed="800" data-start="700" data-easing="easeOutExpo">
                             <h2 class="rev-title big white">Creative Slider<br>It's a Revolution!</h2>
+
                             <h2 class="rev-title big white">HumanPractice<br>Collaboration</h2>
 
                         </div>
 
                         </div>
 
                          
 
                          
 
                         <!-- Caption -->
 
                         <!-- Caption -->
 
                         <div class="caption lfl stl rev-text rev-left" data-x="left" data-y="190" data-speed="800" data-start="1100" data-easing="easeOutExpo">
 
                         <div class="caption lfl stl rev-text rev-left" data-x="left" data-y="190" data-speed="800" data-start="1100" data-easing="easeOutExpo">
                             <p class="hidden-phone">xxxxxxxx,<br />
+
                             <p class="hidden-phone">with spirited teens and kids<br />
                             xxxxxxxxxx,<br/>
+
                             with other brilliant teams<br/>
                            xxxxxxxxxx.
+
                          enlighten gorgeous biology world.
 
                             <br/>Get Creative!</p>
 
                             <br/>Get Creative!</p>
 
                         </div>
 
                         </div>
Line 168: Line 165:
 
                         <!-- Caption -->
 
                         <!-- Caption -->
 
                         <div class="caption sfb stb rev-left" data-x="left" data-y="380" data-speed="1100" data-start="1500" data-easing="easeOutExpo">
 
                         <div class="caption sfb stb rev-left" data-x="left" data-y="380" data-speed="1100" data-start="1500" data-easing="easeOutExpo">
                            <a href="#" class="btn btn-inverse btn-custom mobile">xxxxxx</a>  &nbsp;&nbsp;
+
                          <a href="https://2018.igem.org/Team:UST_Beijing/Human_Practices" class="btn btn-inverse btn-custom mobile">humanpractice</a>  &nbsp;&nbsp;
                            <a href="#" class="btn btn-inverse btn-custom mobile">xxxxxx</a>
+
                          <a href="https://2018.igem.org/Team:UST_Beijing/Collaborations" class="btn btn-inverse btn-custom mobile">collaboration</a>
 
                         </div>
 
                         </div>
 
                     </li>
 
                     </li>
Line 184: Line 181:
 
                         <!-- Caption -->
 
                         <!-- Caption -->
 
                         <div class="caption lfl stl bold bg rev-left" data-x="left" data-y="80" data-speed="800" data-start="1500" data-easing="easeOutExpo">
 
                         <div class="caption lfl stl bold bg rev-left" data-x="left" data-y="80" data-speed="800" data-start="1500" data-easing="easeOutExpo">
                             <h3 class="rev-title big bold">xxxxxxxx</h3>
+
                             <h3 class="rev-title big bold">UST_Beijing</h3>
 
                         </div>
 
                         </div>
 
                          
 
                          
 
                         <!-- Caption -->
 
                         <!-- Caption -->
 
                         <div class="caption lfl stl rev-text rev-left" data-x="left" data-y="200" data-speed="800" data-start="1700" data-easing="easeOutExpo">
 
                         <div class="caption lfl stl rev-text rev-left" data-x="left" data-y="200" data-speed="800" data-start="1700" data-easing="easeOutExpo">
                             <p class="white hidden-phone">xxxxxxxxxxxxxxxxxx,<br />
+
                             <p class="white hidden-phone">synthetic squalene cyclase<br />
                             xxxxxxxxxxxxxxxxxxxxx,<br />
+
                             synthetic β-glucosidase in E.coli<br />
                             xxxxxxxxxxxxxxxxxxx.</p>
+
                             chemical reaction</p>
 
                         </div>
 
                         </div>
 
                          
 
                          
 
                         <!-- Caption -->
 
                         <!-- Caption -->
 
                         <div class="caption sfb rev-left" data-x="left" data-y="350" data-speed="800" data-start="1900" data-easing="easeOutExpo">
 
                         <div class="caption sfb rev-left" data-x="left" data-y="350" data-speed="800" data-start="1900" data-easing="easeOutExpo">
                             <h3 class="rev-title2 bold">UST_Beijing</h3>
+
                             <h3 class="rev-title2 bold">Ginsenoside</h3>
 
                         </div>
 
                         </div>
 
                     </li>
 
                     </li>
Line 206: Line 203:
 
                         <!-- Caption -->
 
                         <!-- Caption -->
 
                         <div class="caption fade fullscreenvideo" data-autoplay="false"  data-speed="500" data-start="500" data-easing="easeOutBack">
 
                         <div class="caption fade fullscreenvideo" data-autoplay="false"  data-speed="500" data-start="500" data-easing="easeOutBack">
                             <iframe src="https://vimeo.com/user89242757/review/288669481/957e2eadec"></iframe>
+
                             <iframe src="https://static.igem.org/mediawiki/2018/c/c9/T--UST_Beijing--homevideo1.mp4"></iframe>
 
                         </div>
 
                         </div>
 
                          
 
                          
 
                         <div class="caption big_white sft stt" data-x="center" data-y="25" data-speed="300" data-start="500" data-easing="easeOutExpo" data-end="4000"
 
                         <div class="caption big_white sft stt" data-x="center" data-y="25" data-speed="300" data-start="500" data-easing="easeOutExpo" data-end="4000"
 
                             data-endspeed="300" data-endeasing="easeInSine">
 
                             data-endspeed="300" data-endeasing="easeInSine">
                             Have Fun Watching the Video
+
                             Here we are
 
                         </div>
 
                         </div>
 
                     </li>
 
                     </li>
 
                 </ul>
 
                 </ul>
 
                 <div class="tp-bannertimer tp-bottom"></div>
 
                 <div class="tp-bannertimer tp-bottom"></div>
 +
<div class="tp-loader" style="display: none;"></div>
 +
  </div>
 +
<div style="position: absolute; top: 203px; margin-top: -24px; left: 0px;" class="tp-leftarrow tparrows default hidearrows">
 +
    <img src="https://static.igem.org/mediawiki/2018/4/44/T--UST_Beijing--Web_prev-light.png" alt="" />
 +
</div>
 +
<div style="position: absolute; top: 203px; margin-top: -24px; right: 0px;" class="tp-rightarrow tparrows default hidearrows">
 +
    <img src="https://static.igem.org/mediawiki/2018/4/46/T--UST_Beijing--web_illustrations_next_light.png" alt="" />
 +
</div>
 
             </div>
 
             </div>
        </div>
+
   
 
         <!-- // END REVOLUTION SLIDER -->
 
         <!-- // END REVOLUTION SLIDER -->
 
          
 
          
Line 226: Line 231:
 
                     <!--welcome-->
 
                     <!--welcome-->
 
                     <div class="welcome_index">
 
                     <div class="welcome_index">
                        I think most <a href="#"><span class="hue_block white normal">programmers</span></a> spend the first 5 years of their career mastering
+
                      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">complexity</span>   and the rest of their lives learning <span>simplicity</span>
+
                         <span class="hue">ginsenosides</span>We believe that <span>sterols</span> in the ginsenosides are responsible for their main benefits. 
                        - Buzz Andersen
+
 
                     </div>
 
                     </div>
 
                     <!--//welcome-->
 
                     <!--//welcome-->
Line 425: Line 429:
 
             <h1>get in touch</h1>
 
             <h1>get in touch</h1>
 
             <h3 class="center follow">
 
             <h3 class="center follow">
                We're social and we'd love to hear from you! Feel free to send us an email, find us on Google Plus, follow us on Twitter and join us on Facebook.</h3>
+
We're social and we'd love to hear from you! Feel free to send us an email. </br>
           
+
    Looking forward to enlightening sparkles!</h3>  
            <div 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>
 
         </div>
 
          
 
          
Line 442: Line 439:
 
                     <div class="span12">
 
                     <div class="span12">
 
                         <div class="copyright">
 
                         <div class="copyright">
                             XXX
+
                             UST_Beijing
 
                             &copy;
 
                             &copy;
 
                             <script type="text/javascript">
 
                             <script type="text/javascript">
Line 450: Line 447:
 
                                 //]]>
 
                                 //]]>
 
                                 </script>
 
                                 </script>
                            - All Rights Reserved :
+
                          .igem.org
                            More Templates
+
 
                         </div>
 
                         </div>
 
                     </div>
 
                     </div>

Revision as of 03:43, 5 October 2018

<!DOCTYPE html> Team:UST Beijing - 2018.igem.org

Collect from 免费模板
  • Natrual RE-Lease

    by-pass 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

    Ginsenoside

  • Here we are
DESIGN
built for & by nerds

Like you, we love building awesome products on the web. We love it so much, we decided to help people just like us do it easier, better, and faster.

CODE
12-column grid

Bootstrap is designed to help people of all skill levels - designer or developer, huge nerd or early beginner. Use it as a complete kit or use to start something.

CREATE
responsive

Bootstrap have gone fully responsive. Our components are scaled according to a range of resolutions and devices to provide a consistent experience.

SUPPORT
growing library

Despite being only 7kb (gzipped), Bootstrap is one of the most complete front-end toolkits out there with dozens of fully functional components.

Recent Work

Lorem ipsum dolor sit amet, rebum putant recusabo in ius, pri simul tempor ne, his ei summo virtute.

Nam ea labitur pericula. Meis tamquam pro te, cibo mutat necessitatibus id vim. An his tamquam postulant, pri id mazim nostrud diceret sapientem eloquentiam sea cu, sea ut exerci delicata. Corrumpit vituperata.

view portfolio

catalogue

An his tamquam postulant, pri id mazim nostrud diceret.

loupe

An his tamquam postulant, pri id mazim nostrud diceret.

retro rocket

An his tamquam postulant, pri id mazim nostrud diceret.

infographics

An his tamquam postulant, pri id mazim nostrud diceret.

mock up

An his tamquam postulant, pri id mazim nostrud diceret.

retro badges

An his tamquam postulant, pri id mazim nostrud diceret.

details

An his tamquam postulant, pri id mazim nostrud diceret.

vintage form

An his tamquam postulant, pri id mazim nostrud diceret.