Team:BNU-China

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
{{Team:BNU-China/CSS/clean}}
{{Team:BNU-China/CSS/clean}}
{{Team:BNU-China/CSS/main}}
{{Team:BNU-China/CSS/main}}
-
{{Team:BNU-China/head}}
+
{{Team:BNU-China/head}}
-
<html>
+
<html>
     <!-- Begin Showcase -->
     <!-- Begin Showcase -->
     <div id="showcase" class="showcase">  
     <div id="showcase" class="showcase">  
Line 8: Line 8:
       <div class="showcase-slide">  
       <div class="showcase-slide">  
         <!-- Put the slide content in a div with the class .showcase-content. -->
         <!-- Put the slide content in a div with the class .showcase-content. -->
-
         <div class="showcase-content"> <img src="style/images/art/s1.jpg" alt="1" /> </div>
+
         <div class="showcase-content"> <img src="https://static.igem.org/mediawiki/2014/b/b3/Bnu_s1.jpg" alt="1" /> </div>
       </div>
       </div>
        
        
Line 15: Line 15:
       <div class="showcase-slide">   
       <div class="showcase-slide">   
         <!-- Put the slide content in a div with the class .showcase-content. -->
         <!-- Put the slide content in a div with the class .showcase-content. -->
-
         <div class="showcase-content"> <img src="style/images/art/s2.jpg" alt="2" /> </div>
+
         <div class="showcase-content"> <img src="https://static.igem.org/mediawiki/2014/e/e4/Bnu_s2.jpg" alt="2" /> </div>
         <div class="showcase-caption">
         <div class="showcase-caption">
-
Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit.
+
Our wiki is under construction... </div>
-
</div>
+
       </div>
       </div>
       <!--2-->
       <!--2-->
       <div class="showcase-slide">  
       <div class="showcase-slide">  
-
         <div class="showcase-content"> <img src="style/images/art/s3.jpg" alt="3" /> </div>
+
         <div class="showcase-content"> <img src="https://static.igem.org/mediawiki/2014/6/60/Bnu_s3.jpg" alt="3" /> </div>
         <div class="showcase-caption">
         <div class="showcase-caption">
-
Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit.
+
More fantastic pictures will be post...</div>
-
</div>
+
       </div>
       </div>
       <!--3-->
       <!--3-->
       <div class="showcase-slide">  
       <div class="showcase-slide">  
         <!-- Put the slide content in a div with the class .showcase-content. -->
         <!-- Put the slide content in a div with the class .showcase-content. -->
-
         <div class="showcase-content"> <img src="style/images/art/s4.jpg" alt="4" /> </div>
+
         <div class="showcase-content"> <img src="https://static.igem.org/mediawiki/2014/1/11/Bnu_s4.jpg" alt="4" /> </div>
 +
        <div class="showcase-caption">
 +
More fantastic pictures will be show on...</div>
       </div>
       </div>
       <!--4-->
       <!--4-->
       <div class="showcase-slide">  
       <div class="showcase-slide">  
         <!-- Put the slide content in a div with the class .showcase-content. -->
         <!-- Put the slide content in a div with the class .showcase-content. -->
-
         <div class="showcase-content"> <img src="style/images/art/s4.jpg" alt="4" /> </div>
+
         <div class="showcase-content"> <img src="https://static.igem.org/mediawiki/2014/1/11/Bnu_s4.jpg" alt="5" /> </div>
         <div class="showcase-caption">
         <div class="showcase-caption">
-
Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
+
Our wiki is under construction...
</div>
</div>
       </div>
       </div>
Line 44: Line 44:
     <!-- End Showcase -->
     <!-- End Showcase -->
      
      
-
     <div class="intro">Aenean fringilla aliquam est, a porttitor arcu euismod et. Maecenas rutrum erat at arcu porta interdum. Cras convallis ligula ac risus imperdiet placerat.</div>
+
     <div class="intro">OUR WIKI IS UNDER CONSTRUCTION...</div>
     <div class="hr2"></div>
     <div class="hr2"></div>
     <!-- Divider -->  
     <!-- Divider -->  
Line 51: Line 51:
     <h2>What We Do</h2>
     <h2>What We Do</h2>
     <div class="two-third">
     <div class="two-third">
-
       <p>Vivamus sodales pharetra libero, a tincidunt nisi condimentum a. Quisque non sodales nislero. Integer a tellus eget arcu fringilla molestie quis vel eros. Praesent fermentum vulputate purusa ornare. Vivamus imperdiet, quam et adipiscing placerat, nibh odio scelerisque risus, vitaere accumsan mi justo et quam. Pellentesque quis felis quis tortor porttitor lobortis nec ac risus.</p>
+
       <p>We are currently working on providing teams with some easy to use design templates.  
-
     </div>
+
In the meantime you can also view other team wikis for inspiration! Here are some very good examples.For a full wiki list, you can visit iGEM 2013 web sites  and iGEM 2012 web sites lists.</p>
-
    <div class="one-third last">
+
     </div>   <!-- End Top Columns -->
-
      <ul>
+
-
        <li>Vivamus at magna non ipsum.</li>
+
-
        <li>Etiam pharetra pretium eros.</li>
+
-
        <li>Curabitur porttitor ipsum nec magna.</li>
+
-
        <li>Maecenas cursus arcu a nulla tristique.</li>
+
-
      </ul>
+
-
    </div>
+
-
    <!-- End Top Columns -->
+
      
      
     <div class="clear"></div>
     <div class="clear"></div>
Line 70: Line 62:
     <!-- Begin 4 Columns -->
     <!-- Begin 4 Columns -->
      
      
-
     <div class="one-fourth"> <img src="style/images/icon1.png" alt="" class="center" /><br />
+
     <div class="one-fourth"> <img src="https://static.igem.org/mediawiki/2014/b/b6/Bnu_icon1.png" alt="" class="center" width="22%"  /><br />
-
       <h4 class="center">Web Design</h4>
+
       <h4 class="center">Wiki Design</h4>
-
       <p class="center">Vivamus soder pharetra libero atincidunt, nisi condimentum Quisque non sodales nislero.</p>
+
       <p class="center">Visit the  Wiki How To page  for a complete list of requirements, tips and other useful information. </p>
     </div>
     </div>
-
     <div class="one-fourth"> <img src="style/images/icon2.png" alt="" class="center" /><br />
+
     <div class="one-fourth"> <img src="https://static.igem.org/mediawiki/2014/6/62/Bnu_icon2.png" alt="" class="center" width="22%" /><br />
-
       <h4 class="center">Photography</h4>
+
       <h4 class="center">Observation</h4>
-
       <p class="center">Vivamus soder pharetra libero atincidunt, nisi condimentum Quisque non sodales nislero.</p>
+
       <p class="center">Avoid using very small fonts and low contrast colors; information should be easy to read.</p>
     </div>
     </div>
-
     <div class="one-fourth"> <img src="style/images/icon3.png" alt="" class="center" /><br />
+
     <div class="one-fourth"> <img src="https://static.igem.org/mediawiki/2014/b/bb/Bnu_icon3.png" alt="" class="center" width="22%"  /><br />
       <h4 class="center">Motion Graphic</h4>
       <h4 class="center">Motion Graphic</h4>
-
       <p class="center">Vivamus soder pharetra libero atincidunt, nisi condimentum Quisque non sodales nislero.</p>
+
       <p class="center">Have lots of fun! </p>
     </div>
     </div>
-
     <div class="one-fourth last"> <img src="style/images/icon4.png" alt="" class="center" /><br />
+
     <div class="one-fourth last"> <img src="https://static.igem.org/mediawiki/2014/f/fc/Bnu_icon4.png" alt="" class="center" width="22%" /><br />
       <h4 class="center">Optimization</h4>
       <h4 class="center">Optimization</h4>
-
       <p class="center">Vivamus soder pharetra libero atincidunt, nisi condimentum Quisque non sodales nislero.</p>
+
       <p class="center">Show our opinion with data.</p>
     </div>
     </div>
     <div class="clear"></div>
     <div class="clear"></div>
Line 95: Line 87:
       <div id="carousel-scroll"><a href="#" id="prev">Prev</a><a href="#" id="next">Next</a></div>
       <div id="carousel-scroll"><a href="#" id="prev">Prev</a><a href="#" id="next">Next</a></div>
       <ul>
       <ul>
-
         <li> <a href="#"> <span>describe</span><img src="style/images/art/c1.jpg" alt="" /> </a> </li>
+
         <li> <a href="#"> <span>wiki is under construction</span><img src="https://static.igem.org/mediawiki/2014/9/93/Bnu_c1.jpg" alt="" /> </a> </li>
-
         <li> <a href="#"> <span>describe</span><img src="style/images/art/c2.jpg" alt="" /> </a> </li>
+
         <li> <a href="#"> <span>describe</span><img src="https://static.igem.org/mediawiki/2014/1/1b/Bnu_c2.jpg" alt="" /> </a> </li>
-
         <li> <a href="#"> <span>describe</span><img src="style/images/art/c3.jpg" alt="" /> </a> </li>
+
         <li> <a href="#"> <span>wiki is under construction</span><img src="https://static.igem.org/mediawiki/2014/d/d3/Bnu_c3.jpg" alt="" /> </a> </li>
-
         <li> <a href="#"> <span>describe</span><img src="style/images/art/c4.jpg" alt="" /> </a> </li>
+
         <li> <a href="#"> <span>describe</span><img src="https://static.igem.org/mediawiki/2014/b/b4/Bnu_c4.jpg" alt="" /> </a> </li>
-
         <li> <a href="#"> <span>describe</span><img src="style/images/art/c5.jpg" alt="" /> </a> </li>
+
         <li> <a href="#"> <span>wiki is under construction</span><img src="https://static.igem.org/mediawiki/2014/6/68/Bnu_c5.jpg" alt="" /> </a> </li>
-
         <li> <a href="#"> <span>describe</span><img src="style/images/art/c6.jpg" alt="" /> </a> </li>
+
         <li> <a href="#"> <span>wiki is under construction</span><img src="https://static.igem.org/mediawiki/2014/f/f3/Bnu_c6.jpg" alt="" /> </a> </li>
       </ul>
       </ul>
     </div>
     </div>
Line 109: Line 101:
       <div class="clear"></div>
       <div class="clear"></div>
         <!--sponsor-->
         <!--sponsor-->
-
         <div class="two-third">
+
         <div class="sponsors">
-
         <h3>Our Sponsors</h3>
+
         <h2 align="left">Our Sponsors</h2>
-
        <ul class="flickr">
+
       
-
           <li><a href="#"><img src="style/images/art/f1.jpg" alt="" /></a></li>
+
           <img src="https://static.igem.org/mediawiki/2014/b/bc/Bnu_f1.jpg" alt="" />
-
           <li><a href="#"><img src="style/images/art/f2.jpg" alt="" /></a></li>
+
           <img src="https://static.igem.org/mediawiki/2014/0/0f/Bnu_f2.jpg" alt="" />
-
           <li><a href="#"><img src="style/images/art/f3.jpg" alt="" /></a></li>
+
           <img src="https://static.igem.org/mediawiki/2014/a/a7/Bnu_f3.jpg" alt="" />
-
          <li><a href="#"><img src="style/images/art/f4.jpg" alt="" /></a></li>
+
           <img src="https://static.igem.org/mediawiki/2014/c/c4/Bnu_f4.jpg" alt="" />
-
           <li><a href="#"><img src="style/images/art/f5.jpg" alt="" /></a></li>
+
           <img src="https://static.igem.org/mediawiki/2014/f/f9/Bnu_f5.jpg" alt="" />
-
           <li><a href="#"><img src="style/images/art/f6.jpg" alt="" /></a></li>
+
           <img src="https://static.igem.org/mediawiki/2014/e/e8/Bnu_f6.jpg" alt="" />
-
          <li><a href="#"><img src="style/images/art/f7.jpg" alt="" /></a></li>
+
       
-
           <li><a href="#"><img src="style/images/art/f8.jpg" alt="" /></a></li>
+
-
          <li><a href="#"><img src="style/images/art/f9.jpg" alt="" /></a></li>
+
-
        </ul>
+
       </div>
       </div>
       </div>
       </div>

Revision as of 08:49, 20 July 2014

1 2
1
2
Our wiki is under construction...
3
More fantastic pictures will be post...
4
More fantastic pictures will be show on...
5
Our wiki is under construction...
OUR WIKI IS UNDER CONSTRUCTION...

What We Do

We are currently working on providing teams with some easy to use design templates. In the meantime you can also view other team wikis for inspiration! Here are some very good examples.For a full wiki list, you can visit iGEM 2013 web sites and iGEM 2012 web sites lists.





Wiki Design

Visit the Wiki How To page for a complete list of requirements, tips and other useful information.


Observation

Avoid using very small fonts and low contrast colors; information should be easy to read.


Motion Graphic

Have lots of fun!


Optimization

Show our opinion with data.

Latest Works