Team:SYSU-China

From 2014.igem.org

(Difference between revisions)
Line 252: Line 252:
     <div class="slide" id="section3">
     <div class="slide" id="section3">
       <!--*******************************************************-->
       <!--*******************************************************-->
-
              <section class="main" id="regch">
+
     
-
           
+
-
<ul class="ch-grid">
+
-
<li>
+
-
<div class="ch-item ch-img-6">
+
-
<div class="ch-info-wrap">
+
-
<div class="ch-info">
+
-
<div class="ch-info-front ch-img-6"></div>
+
-
<div class="ch-info-back">
+
-
<h3>Bears Type</h3>
+
-
<p>by Josh Schott <a href="http://drbl.in/ewUW">View on Dribbble</a></p>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<div class="ch-item ch-img-7">
+
-
<div class="ch-info-wrap">
+
-
<div class="ch-info">
+
-
<div class="ch-info-front ch-img-7"></div>
+
-
<div class="ch-info-back">
+
-
<h3>Salon Spaces illustrations</h3>
+
-
<p>by Jeremy Slagle <a href="http://drbl.in/elmi">View on Dribbble</a></p>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
</li>
+
-
<li>
+
-
<div class="ch-item ch-img-8">
+
-
<div class="ch-info-wrap">
+
-
<div class="ch-info">
+
-
<div class="ch-info-front ch-img-8"></div>
+
-
<div class="ch-info-back">
+
-
<h3>Leadership Series #3</h3>
+
-
<p>by Dustin Leer <a href="http://drbl.in/dfhn">View on Dribbble</a></p>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
</div>
+
-
</li>
+
-
</ul>
+
-
               
+
-
            </section>
+
-
 
+
                      
                      
Line 334: Line 289:
         </div>   
         </div>   
         </div>
         </div>
 +
 +
<section class="main" id="regch">
 +
           
 +
                <ul class="ch-grid titleright">
 +
                    <li class="title1">
 +
                        <div class="ch-item ch-img-6">             
 +
                            <div class="ch-info-wrap">
 +
                                <div class="ch-info">
 +
                                    <div class="ch-info-front ch-img-6"></div>
 +
                                    <div class="ch-info-back">
 +
                                        <h3>Bears Type</h3>
 +
                                        <p>by Josh Schott <a href="http://drbl.in/ewUW">View on Dribbble</a></p>
 +
                                    </div> 
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </li>
 +
                    <li class="title2">
 +
                        <div class="ch-item ch-img-7">
 +
                            <div class="ch-info-wrap">
 +
                                <div class="ch-info">
 +
                                    <div class="ch-info-front ch-img-7"></div>
 +
                                    <div class="ch-info-back">
 +
                                        <h3>Salon Spaces illustrations</h3>
 +
                                        <p>by Jeremy Slagle <a href="http://drbl.in/elmi">View on Dribbble</a></p>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </li>
 +
                    <li class="title3">
 +
                        <div class="ch-item ch-img-8">
 +
                            <div class="ch-info-wrap">
 +
                                <div class="ch-info">
 +
                                    <div class="ch-info-front ch-img-8"></div>
 +
                                    <div class="ch-info-back">
 +
                                        <h3>Leadership Series #3</h3>
 +
                                        <p>by Dustin Leer <a href="http://drbl.in/dfhn">View on Dribbble</a></p>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </li>
 +
                    <li class="title4">
 +
                        <div class="ch-item ch-img-8">
 +
                            <div class="ch-info-wrap">
 +
                                <div class="ch-info">
 +
                                    <div class="ch-info-front ch-img-8"></div>
 +
                                    <div class="ch-info-back">
 +
                                        <h3>Leadership Series #3</h3>
 +
                                        <p>by Dustin Leer <a href="http://drbl.in/dfhn">View on Dribbble</a></p>
 +
                                    </div>
 +
                                </div>
 +
                            </div>
 +
                        </div>
 +
                    </li>
 +
                </ul>
 +
               
 +
            </section> 
      
      

Revision as of 00:18, 18 October 2014

<!DOCTYPE html>

In The Past

Directed Evolution experiments were so laborious.

teardropLeft worker1 teardropRight cloud1 cloud2 cloud3 cloud4 worker2 fire worker3 board
boardFont
line wheel wheel wheel

Now

We have the Integrated Evolution Machine!

chaplin machine1 machine2 machine3 offwork onwork m13 m13_1 m13_2
  • Captions and cupcakes. Winning combination.

  • This image is wrapped in a link!

...All your content...

Title1

Flat, responsive, lightweight, fast, easy customizable modal window plugin with declarative state notation and hash tracking.


More Detail
...All your content...

Title2

Flat, responsive, lightweight, fast, easy customizable modal window plugin with declarative state notation and hash tracking.


More Detail
...All your content...

Title3

Flat, responsive, lightweight, fast, easy customizable modal window plugin with declarative state notation and hash tracking.


More Detail
...All your content...

Title4

Flat, responsive, lightweight, fast, easy customizable modal window plugin with declarative state notation and hash tracking.


More Detail

sysu-china