Team:XMU-China/Slider

From 2013.igem.org

(Difference between revisions)
 
(32 intermediate revisions not shown)
Line 24: Line 24:
     <script type='text/javascript' src='http://demo.sc.chinaz.com/Files/DownLoad/moban/201306/chahua2901/js/libs/jquery.easing.1.3.js'></script>  
     <script type='text/javascript' src='http://demo.sc.chinaz.com/Files/DownLoad/moban/201306/chahua2901/js/libs/jquery.easing.1.3.js'></script>  
     <script type='text/javascript' src='http://demo.sc.chinaz.com/Files/DownLoad/moban/201306/chahua2901/js/libs/jquery.hoverIntent.minified.js'></script>   
     <script type='text/javascript' src='http://demo.sc.chinaz.com/Files/DownLoad/moban/201306/chahua2901/js/libs/jquery.hoverIntent.minified.js'></script>   
-
     <script type="text/javascript" src="http://demo.sc.chinaz.com/Files/DownLoad/moban/201306/chahua2901/js/libs/diapo.js"></script>
+
     <script type="text/javascript" src="https://2013.igem.org/Team:XMU-China/diapo.js
 +
?action=raw&ctype=text/javascript"></script>
     <script>
     <script>
$(function(){
$(function(){
Line 38: Line 39:
   <!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> Upgrade to a different browser</a> or install Google Chrome Frame</a> to experience this site.</p>
   <!--[if lt IE 7]><p class=chromeframe>Your browser is <em>ancient!</em> Upgrade to a different browser</a> or install Google Chrome Frame</a> to experience this site.</p>
<![endif]-->
<![endif]-->
-
<div id="container">
+
<div id="container" >
              
              
         <div class="container_12">
         <div class="container_12">
         <div id="slider">
         <div id="slider">
-
             <div class="pix_diapo">
+
             <div class="pix_diapo" >
                     <div>
                     <div>
-
                         <img src="https://static.igem.org/mediawiki/2013/2/20/Xmu-121.jpg">
+
                         <img src="https://static.igem.org/mediawiki/2013/1/18/Xmuone.jpg" height=520px>
-
                        <div class="caption elemHover fromLeft">
+
                    </div>
 +
      <div>           
 +
/* LEFT */
 +
<div class="caption elemHover fromLeft">
                             <div class="caption-txt">
                             <div class="caption-txt">
-
                             <h2>Well Come To XMU-China</h2>
+
                             <h2>Our team</h2>
-
                                 <p1>Nullam commodo imperdiet nulla in vulputate. Fusce in mauris quis massa fringilla consequat in eget elit. Suspendisse id est libero, vel ullamcorper dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p1>
+
                                 <p>12 members pulling together make all the difference. Every day is full of smile and confidence. Every day is a new day!</p>
-
                                 <div><a href="#">read more</a></div>
+
                                 <div><a href="https://2013.igem.org/Team:XMU-China/Team1">Read more</a></div>
                             </div>
                             </div>
                         </div>
                         </div>
 +
/* LEFT */
 +
                 
 +
                    <center style="margin-top:-20px">  <img src="https://static.igem.org/mediawiki/2013/c/cf/Xmu-Team.jpg"height=520px></center>
 +
                     </div>
                     </div>
                     <div>
                     <div>
-
<center>                       
+
/* LEFT */
-
<img src="https://static.igem.org/mediawiki/2013/2/29/Xmu-image2.jpg"></center>
+
 
-
                        <div class="caption elemHover fromLeft">
+
<div class="caption elemHover fromLeft">
                             <div class="caption-txt">
                             <div class="caption-txt">
-
                             <h2>Anothr Heading Here</h2>
+
                             <h2>Our project</h2>
-
                                 <p1>Nullam commodo imperdiet nulla in vulputate. Fusce in mauris quis massa fringilla consequat in eget elit. Suspendisse id est libero, vel ullamcorper dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p1>
+
                                 <p>This year we built a gene circuit with synchronizing genetic oscillations in multiple levels (liquid & gas phase).<br/>
-
                                 <div><a href="#">read more</a></div>
+
Just think, what an amazing thing it would be when all the E.coli twinkle in the same phase.</p>
 +
                                 <div><a href="https://2013.igem.org/Team:XMU-China/Project">Read more</a></div>
                             </div>
                             </div>
                         </div>
                         </div>
-
                       
+
/* LEFT */
 +
                    <center style="margin-top:-20px">  <img src="https://static.igem.org/mediawiki/2013/3/36/Xmu-image04.jpg"height=520px></center>
                     </div>
                     </div>
                     <div>
                     <div>
-
                    <center>  <img src="https://static.igem.org/mediawiki/2013/a/aa/Xmu-image3.jpg"></center>
+
/* LEFT */
-
                        <div class="caption elemHover fromLeft">
+
<div class="caption elemHover fromLeft" style="top:-20px">
-
                             <div class="caption-txt">
+
                             <div class="caption-txt" >
-
                             <h2>Some Awesome Lines</h2>
+
                             <h2>Our software & modeling</h2>
-
                                 <p1>Nullam commodo imperdiet nulla in vulputate. Fusce in mauris quis massa fringilla consequat in eget elit. Suspendisse id est libero, vel ullamcorper dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p1>
+
                                 <p>The mathematic model of oscillation gave us a deeper understanding about our circuit.<br/>
-
                                 <div><a href="#">read more</a></div>
+
The image analysis software reduced most of work in post processing about the microfluidic photos.
 +
</p>
 +
                                 <div><a href="https://2013.igem.org/Team:XMU-China/Software">Read more</a></div>
                             </div>
                             </div>
                         </div>
                         </div>
-
                       
+
/* LEFT */
 +
                    <center style="margin-top:-20px">  <img src="https://static.igem.org/mediawiki/2013/9/98/Xmu-Sw.jpg"height=520px></center>                 
                     </div>
                     </div>
-
<div>
+
                    <div>
-
                  <center>    <img src="https://static.igem.org/mediawiki/2013/c/cf/Xmu-image4.jpg"></center>
+
/* LEFT */
-
                        <div class="caption elemHover fromLeft">
+
<div class="caption elemHover fromLeft">
                             <div class="caption-txt">
                             <div class="caption-txt">
-
                             <h2>Some Awesome Lines</h2>
+
                             <h2>Human practice</h2>
-
                                 <p1>Nullam commodo imperdiet nulla in vulputate. Fusce in mauris quis massa fringilla consequat in eget elit. Suspendisse id est libero, vel ullamcorper dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p1>
+
                                 <p>Playing with 300 senior high students in the garden party left us wonderful memories.
-
                                 <div><a href="#">read more</a></div>
+
Guessing the lantern riddles is really interesting, right?<br/>
 +
</p>
 +
 
 +
                                 <div><a href="https://2013.igem.org/Team:XMU-China/Human_Practice">Read more</a></div>
                             </div>
                             </div>
                         </div>
                         </div>
-
                       
+
/* LEFT */
 +
                    <center style="margin-top:-30px">  <img src="https://static.igem.org/mediawiki/2013/a/a8/Xmu-Hp.jpg" height=520px></center>                 
                     </div>
                     </div>
-
<div>
+
                    <div>
-
                    <center>  <img src="https://static.igem.org/mediawiki/2013/6/60/Xmu-image5.jpg"></center>
+
/* LEFT */
-
                        <div class="caption elemHover fromLeft">
+
<div class="caption elemHover fromLeft" style="padding: 44px 10px 22px 10px;">
                             <div class="caption-txt">
                             <div class="caption-txt">
-
                             <h2>Some Awesome Lines</h2>
+
                             <h2>Society & Safety</h2>
-
                                 <p1>Nullam commodo imperdiet nulla in vulputate. Fusce in mauris quis massa fringilla consequat in eget elit. Suspendisse id est libero, vel ullamcorper dui. Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p1>
+
                                 <p>Safety is the most important thing in the wet lab. Our team has done a series of work to meet the requirement.</p>
-
                                 <div><a href="#">read more</a></div>
+
                                 <div><a href="https://2013.igem.org/Team:XMU-China/Safety">Read more</a></div>
                             </div>
                             </div>
                         </div>
                         </div>
-
                       
+
/* LEFT */
 +
                  <center style="margin-top:-20px">    <img src="https://static.igem.org/mediawiki/2013/6/6c/Xmu-Lab2.jpg"height=520px></center>                     
                     </div>
                     </div>
               </div>
               </div>
Line 106: Line 124:
      
      
</div>
</div>
-
<div style="display:none"><script src='http://v7.cnzz.com/stat.php?id=155540&web_id=155540' language='JavaScript' charset='gb2312'></script></div>
 
</body>
</body>
</html>
</html>

Latest revision as of 03:49, 28 September 2013

Oreva Business Template

/* LEFT */

Our team

12 members pulling together make all the difference. Every day is full of smile and confidence. Every day is a new day!

/* LEFT */
/* LEFT */

Our project

This year we built a gene circuit with synchronizing genetic oscillations in multiple levels (liquid & gas phase).
Just think, what an amazing thing it would be when all the E.coli twinkle in the same phase.

/* LEFT */
/* LEFT */

Our software & modeling

The mathematic model of oscillation gave us a deeper understanding about our circuit.
The image analysis software reduced most of work in post processing about the microfluidic photos.

/* LEFT */
/* LEFT */

Human practice

Playing with 300 senior high students in the garden party left us wonderful memories. Guessing the lantern riddles is really interesting, right?

/* LEFT */
/* LEFT */

Society & Safety

Safety is the most important thing in the wet lab. Our team has done a series of work to meet the requirement.

/* LEFT */