Team:BNU-China

From 2014.igem.org

(Difference between revisions)
Line 3: Line 3:
{{Team:BNU-China/head}}
{{Team:BNU-China/head}}
<html>
<html>
-
<p>This page is under construction...</p>
+
    <!-- Begin Showcase -->
 +
    <div id="showcase" class="showcase">
 +
      <!-- Each child div in #showcase represents a slide -->
 +
      <div class="showcase-slide">
 +
        <!-- 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>
 +
     
 +
      <!-- Each child div in #showcase represents a slide -->
 +
            <!--1-->
 +
      <div class="showcase-slide"> 
 +
        <!-- 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-caption">
 +
Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit.
 +
</div>
 +
      </div>
 +
      <!--2-->
 +
      <div class="showcase-slide">
 +
        <div class="showcase-content"> <img src="style/images/art/s3.jpg" alt="3" /> </div>
 +
        <div class="showcase-caption">
 +
Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit.
 +
</div>
 +
      </div>
 +
      <!--3-->
 +
      <div class="showcase-slide">
 +
        <!-- 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>
 +
      <!--4-->
 +
      <div class="showcase-slide">
 +
        <!-- 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-caption">
 +
Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
 +
</div>
 +
      </div>
 +
      <!--end of silde content-->
 +
    </div>
 +
    <!-- 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="hr2"></div>
 +
    <!-- Divider -->
 +
   
 +
    <!-- Begin Top Columns -->
 +
    <h2>What We Do</h2>
 +
    <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>
 +
    </div>
 +
    <div class="one-third last">
 +
      <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>
 +
    <br />
 +
    <br />
 +
    <br />
 +
   
 +
    <!-- Begin 4 Columns -->
 +
   
 +
    <div class="one-fourth"> <img src="style/images/icon1.png" alt="" class="center" /><br />
 +
      <h4 class="center">Web Design</h4>
 +
      <p class="center">Vivamus soder pharetra libero atincidunt, nisi condimentum Quisque non sodales nislero.</p>
 +
    </div>
 +
    <div class="one-fourth"> <img src="style/images/icon2.png" alt="" class="center" /><br />
 +
      <h4 class="center">Photography</h4>
 +
      <p class="center">Vivamus soder pharetra libero atincidunt, nisi condimentum Quisque non sodales nislero.</p>
 +
    </div>
 +
    <div class="one-fourth"> <img src="style/images/icon3.png" alt="" class="center" /><br />
 +
      <h4 class="center">Motion Graphic</h4>
 +
      <p class="center">Vivamus soder pharetra libero atincidunt, nisi condimentum Quisque non sodales nislero.</p>
 +
    </div>
 +
    <div class="one-fourth last"> <img src="style/images/icon4.png" alt="" class="center" /><br />
 +
      <h4 class="center">Optimization</h4>
 +
      <p class="center">Vivamus soder pharetra libero atincidunt, nisi condimentum Quisque non sodales nislero.</p>
 +
    </div>
 +
    <div class="clear"></div>
 +
    <div class="hr1"></div>
 +
    <!-- Divider -->
 +
   
 +
    <!-- Begin Latest Works -->
 +
    <h2>Latest Works</h2>
 +
    <div class="carousel">
 +
      <div id="carousel-scroll"><a href="#" id="prev">Prev</a><a href="#" id="next">Next</a></div>
 +
      <ul>
 +
        <li> <a href="#"> <span>describe</span><img src="style/images/art/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="style/images/art/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="style/images/art/c5.jpg" alt="" /> </a> </li>
 +
        <li> <a href="#"> <span>describe</span><img src="style/images/art/c6.jpg" alt="" /> </a> </li>
 +
      </ul>
 +
    </div>
 +
    <!-- End Latest Works -->
 +
   
 +
    <div id="footer">
 +
      <div class="footer-top"></div>
 +
      <div class="clear"></div>
 +
        <!--sponsor-->
 +
        <div class="two-third">
 +
        <h3>Our Sponsors</h3>
 +
        <ul class="flickr">
 +
          <li><a href="#"><img src="style/images/art/f1.jpg" alt="" /></a></li>
 +
          <li><a href="#"><img src="style/images/art/f2.jpg" alt="" /></a></li>
 +
          <li><a href="#"><img src="style/images/art/f3.jpg" alt="" /></a></li>
 +
          <li><a href="#"><img src="style/images/art/f4.jpg" alt="" /></a></li>
 +
          <li><a href="#"><img src="style/images/art/f5.jpg" alt="" /></a></li>
 +
          <li><a href="#"><img src="style/images/art/f6.jpg" alt="" /></a></li>
 +
          <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 class="clear"></div>
 +
    </div>
</html>
</html>
{{Team:BNU-China/foot}}
{{Team:BNU-China/foot}}

Revision as of 08:46, 20 July 2014

1 2
1
2
Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit.
3
Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit.
4
4
Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
Aenean fringilla aliquam est, a porttitor arcu euismod et. Maecenas rutrum erat at arcu porta interdum. Cras convallis ligula ac risus imperdiet placerat.

What We Do

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.

  • Vivamus at magna non ipsum.
  • Etiam pharetra pretium eros.
  • Curabitur porttitor ipsum nec magna.
  • Maecenas cursus arcu a nulla tristique.




Web Design

Vivamus soder pharetra libero atincidunt, nisi condimentum Quisque non sodales nislero.


Photography

Vivamus soder pharetra libero atincidunt, nisi condimentum Quisque non sodales nislero.


Motion Graphic

Vivamus soder pharetra libero atincidunt, nisi condimentum Quisque non sodales nislero.


Optimization

Vivamus soder pharetra libero atincidunt, nisi condimentum Quisque non sodales nislero.

Latest Works

Retrieved from "http://2014.igem.org/Team:BNU-China"