Team:Fudan D/Page2

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
-
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
-
 
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
-
          <style type="text/css">
+
-
  #top-section {
+
-
  background-color: #000000;
+
-
  height: 100px;
+
-
  border: none;
+
-
  width:1366px;
+
-
  height:20px}
+
-
 
+
-
  #menubar a:active,#menubar a:hover,#menubar a:link,#menubar
+
-
 
+
-
  a:visited {
+
-
  color: #ffa442;}
+
-
 
+
-
  #p-logo {
+
-
  position: absolute;
+
-
  display: none;}
+
-
 
+
-
  #search-controls {
+
-
  display: none;}
+
-
 
+
-
  body {
+
-
  background-color: #000000}
+
-
 
+
-
  .firstHeading {
+
-
    display: none;}
+
-
 
+
-
  #content {
+
-
    width: 1366px;
+
-
    border: none;
+
-
    font-family: Tahoma, Arial, Helvetica, sans-serif, Staccato222 BT, Copperplate Gothic Light;
+
-
    background-color:#000000;
+
-
    color: #000000}
+
-
 
+
-
#siteSub {
+
-
  display:none;
+
-
}
+
-
 
+
-
#contentSub {
+
-
  display:none;
+
-
}
+
-
 
+
-
#catlinks {
+
-
  border:0px;
+
-
  display:none;
+
-
}
+
-
 
+
-
#footer-box {
+
-
  display:none;
+
-
}
+
-
 
+
-
  #mblink a {
+
-
    text-decoration:none;}
+
-
  </style>
+
-
 
+
<head>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
Line 61: Line 7:
<meta name="keywords" content="" />
<meta name="keywords" content="" />
-
<title>Team Members</title>
+
<title>Introduction</title>
<!-- CSS -->
<!-- CSS -->
Line 68: Line 14:
<!--[if IE 6]>
<!--[if IE 6]>
<link rel="stylesheet" type="text/css" media="screen" href="http://lifesciences.fudan.edu.cn/test/css/ie-hacks.css" />
<link rel="stylesheet" type="text/css" media="screen" href="http://lifesciences.fudan.edu.cn/test/css/ie-hacks.css" />
-
<script type="text/javascript" src="http://lifesciences.fudan.edu.cn/test/js/DD_belatedPNG.js"></script>
+
<script type="text/javascript" src="http://lifesciences.fudan.edu.cn/test/http://lifesciences.fudan.edu.cn/test/js/DD_belatedPNG.js"></script>
<script>
<script>
           /* EXAMPLE */
           /* EXAMPLE */
Line 87: Line 33:
<!-- JS -->
<!-- JS -->
-
<script type="text/javascript" src="http://lifesciences.fudan.edu.cn/test/js/jquery_1.4.2.js"></script>
+
<script type="text/javascript" src="http://lifesciences.fudan.edu.cn/test/http://lifesciences.fudan.edu.cn/test/js/jquery_1.4.2.js"></script>
-
<script type="text/javascript" src="http://lifesciences.fudan.edu.cn/test/js/jqueryui.js"></script>
+
<script type="text/javascript" src="http://lifesciences.fudan.edu.cn/test/http://lifesciences.fudan.edu.cn/test/js/jqueryui.js"></script>
-
<script type="text/javascript" src="http://lifesciences.fudan.edu.cn/test/js/easing.js"></script>
+
<script type="text/javascript" src="http://lifesciences.fudan.edu.cn/test/http://lifesciences.fudan.edu.cn/test/js/easing.js"></script>
-
<script type="text/javascript" src="http://lifesciences.fudan.edu.cn/test/js/jquery.cycle.all.js"></script>
+
<script type="text/javascript" src="http://lifesciences.fudan.edu.cn/test/http://lifesciences.fudan.edu.cn/test/js/jquery.cycle.all.js"></script>
-
<script type="text/javascript" src="http://lifesciences.fudan.edu.cn/test/js/tooltip/jquery.tools.min.js"></script>
+
<script type="text/javascript" src="http://lifesciences.fudan.edu.cn/test/http://lifesciences.fudan.edu.cn/test/js/tooltip/jquery.tools.min.js"></script>
-
<script type="text/javascript" src="http://lifesciences.fudan.edu.cn/test/js/jquery.tabs/jquery.tabs.pack.js"></script>
+
<script type="text/javascript" src="http://lifesciences.fudan.edu.cn/test/http://lifesciences.fudan.edu.cn/test/js/jquery.tabs/jquery.tabs.pack.js"></script>
-
<script type="text/javascript" src="http://lifesciences.fudan.edu.cn/test/js/filterable.pack.js"></script>
+
<script type="text/javascript" src="http://lifesciences.fudan.edu.cn/test/http://lifesciences.fudan.edu.cn/test/js/filterable.pack.js"></script>
-
<script type="text/javascript" src="http://lifesciences.fudan.edu.cn/test/js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
+
<script type="text/javascript" src="http://lifesciences.fudan.edu.cn/test/http://lifesciences.fudan.edu.cn/test/js/prettyPhoto/js/jquery.prettyPhoto.js"></script>
-
<script type="text/javascript" src="http://lifesciences.fudan.edu.cn/test/js/twitter.js"></script>
+
<script type="text/javascript" src="http://lifesciences.fudan.edu.cn/test/http://lifesciences.fudan.edu.cn/test/js/twitter.js"></script>
-
<script type="text/javascript" src="http://lifesciences.fudan.edu.cn/test/js/custom.js"></script>
+
<script type="text/javascript" src="http://lifesciences.fudan.edu.cn/test/http://lifesciences.fudan.edu.cn/test/js/custom.js"></script>
<!-- ENDS JS -->
<!-- ENDS JS -->
<!-- superfish -->
<!-- superfish -->
<link rel="stylesheet" type="text/css" media="screen" href="http://lifesciences.fudan.edu.cn/test/css/superfish-custom.css" />  
<link rel="stylesheet" type="text/css" media="screen" href="http://lifesciences.fudan.edu.cn/test/css/superfish-custom.css" />  
-
<script type="text/javascript" src="http://lifesciences.fudan.edu.cn/test/js/superfish-1.4.8/js/hoverIntent.js"></script>  
+
<script type="text/javascript" src="http://lifesciences.fudan.edu.cn/test/http://lifesciences.fudan.edu.cn/test/js/superfish-1.4.8/js/hoverIntent.js"></script>  
-
<script type="text/javascript" src="http://lifesciences.fudan.edu.cn/test/js/superfish-1.4.8/js/superfish.js"></script>  
+
<script type="text/javascript" src="http://lifesciences.fudan.edu.cn/test/http://lifesciences.fudan.edu.cn/test/js/superfish-1.4.8/js/superfish.js"></script>  
<!-- ENDS superfish -->
<!-- ENDS superfish -->
Line 122: Line 68:
-
 
<div class="torn-top"></div>
<div class="torn-top"></div>
<!-- HEADER -->
<!-- HEADER -->
<div id="header">
<div id="header">
-
<a href="index.html"><img src="http://lifesciences.fudan.edu.cn/test/img/logo.png" alt="Logo" id="logo" /></a>
+
<a href="http://lifesciences.fudan.edu.cn/test/index.html"><img src="http://lifesciences.fudan.edu.cn/test/http://lifesciences.fudan.edu.cn/test/img/logo.png" alt="Logo" id="logo" /></a>
<!-- search -->
<!-- search -->
Line 149: Line 94:
<li><a href="https://2012.igem.org/Team:Fudan_D">NAVIGATION</a></li>
<li><a href="https://2012.igem.org/Team:Fudan_D">NAVIGATION</a></li>
             <li><a href="http://lifesciences.fudan.edu.cn/test/index.html">HOME</a></li>
             <li><a href="http://lifesciences.fudan.edu.cn/test/index.html">HOME</a></li>
-
<li><a href="http://lifesciences.fudan.edu.cn/test/about.html">PROJECT</a>
+
<li class="current_page_item"><a href="http://lifesciences.fudan.edu.cn/test/introduction.html">PROJECT</a>
<ul>
<ul>
-
<li><a href="http://lifesciences.fudan.edu.cn/test/about.html">Introduction</a></li>
+
<li><a href="http://lifesciences.fudan.edu.cn/test/introduction.html">Introduction</a></li>
-
<li><a href="http://lifesciences.fudan.edu.cn/test/about-styled.html">Submitted Parts</a></li>
+
<li><a href="http://lifesciences.fudan.edu.cn/test/submitted-parts.html">Submitted Parts</a></li>
-
<li><a href="http://lifesciences.fudan.edu.cn/test/about-more.html">Modeling</a></li>
+
<li><a href="http://lifesciences.fudan.edu.cn/test/modeling.html">Modeling</a></li>
                     <li><a href="">Result</a></li>
                     <li><a href="">Result</a></li>
                     <li><a href="">Safety</a></li>
                     <li><a href="">Safety</a></li>
</ul>
</ul>
</li>
</li>
-
<li class="current_page_item"><a href="http://lifesciences.fudan.edu.cn/test/portfolio.html">TEAM</a>
+
<li><a href="http://lifesciences.fudan.edu.cn/test/page1.html">TEAM</a>
             <ul>
             <ul>
-
                 <li><a href="http://lifesciences.fudan.edu.cn/test/portfolio.html">Members</a></li>
+
                 <li><a href="http://lifesciences.fudan.edu.cn/test/page1.html">Members</a></li>
                     <li><a href="https://igem.org/Team.cgi?year=2012&team_name=Fudan_D">Official Team Profile</a></li>
                     <li><a href="https://igem.org/Team.cgi?year=2012&team_name=Fudan_D">Official Team Profile</a></li>
                 </ul>
                 </ul>
<li><a href="http://lifesciences.fudan.edu.cn/test/gallery.html">GALLERY</a>
<li><a href="http://lifesciences.fudan.edu.cn/test/gallery.html">GALLERY</a>
-
<ul>
 
-
<li><a href="http://lifesciences.fudan.edu.cn/test/gallery-2.html">TWO COLUMNS</a></li>
 
-
<li><a href="http://lifesciences.fudan.edu.cn/test/gallery.html">THREE COLUMNS</a></li>
 
-
<li><a href="http://lifesciences.fudan.edu.cn/test/gallery-4.html">FOUR COLUMNS</a></li>
 
-
</ul>
 
</li>
</li>
-
<li><a href="http://lifesciences.fudan.edu.cn/test/blog.html">NOTEBOOK</a></li>
+
<li ><a href="http://lifesciences.fudan.edu.cn/test/notebook.html">NOTEBOOK</a></li>
<li><a href="#">HUMAN PRACTICE</a>
<li><a href="#">HUMAN PRACTICE</a>
<ul>
<ul>
Line 199: Line 139:
<!-- page title -->
<!-- page title -->
<div class="page-title-holder">
<div class="page-title-holder">
-
<div class="page-title">Fudan_Destiny Team</div>
+
<div class="page-title">MULTIPLE COLUMNS LAYOUT</div>
-
                        <br/>
+
<div class="page-subtitle">HAVE ANY COMBINATION OF TEXT COLUMNS</div>
-
<div class="page-subtitle">Inspire a Generation!</div>
+
</div>
</div>
<!-- ENDS page title -->
<!-- ENDS page title -->
-
 
<!-- main-wrapper -->
<!-- main-wrapper -->
-
        <div class="one-half">
+
<div class="wrapper">
-
<div class="wrapper-portfolio">
+
<!-- page-content -->
-
<!-- portfolio-item -->
+
<div class="page-content">
-
<div class="portfolio-item">
+
<!-- one col -->
-
<div class="portfolio-feature">
+
<h4>SPECIAL CHARACTERS SUCH</h4>
-
<a href="http://lifesciences.fudan.edu.cn/test/team/Haotian_Guo.html" title="EASY TO USE"><img src="http://lifesciences.fudan.edu.cn/test/img/dummies/team/Haotian_Guo/small.png" alt="Dummy" title="Haotian Guo" /></a>
+
<h5>á é í ó ú ń Ń Á É Í Ó Ú é è à ç ù ô û î ê â Ö Û ÿ Ü Õ</h5>
-
</div>
+
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, are sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus.</p>
-
<div class="portfolio-content">
+
<div class="clear "></div>
-
<p><a href="http://lifesciences.fudan.edu.cn/test/team/Haotian_Guo.html" class="portfolio-title">Haotian Guo </a></p>
+
<!-- ENDS one col -->
-
<p class="client-title">(JOB)</p>
+
<!-- 2 cols -->
-
<div class="excerpt">
+
<div class="one-half">
-
<p>Dream a little dream, and make the dream come true in this Lab.</p>
+
<h4>TWO COLUMNS </h4>
-
<p><a href="http://lifesciences.fudan.edu.cn/test/team/Haotian_Guo.html" class="link-button"><span>MORE</span></a></p>
+
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugamet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vit, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus.</p>
-
</div>
+
-
</div>
+
</div>
</div>
-
<!-- ENDS portfolio-item -->
+
<div class="one-half last">
-
<!-- portfolio-item -->
+
<h4>TWO COLUMNS </h4>
-
<div class="portfolio-item">
+
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugamet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vit, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus.</p>
-
<div class="portfolio-feature">
+
-
<a href="http://lifesciences.fudan.edu.cn/test/team/Kangyun_Dong.html" title="EASY TO USE"><img src="http://lifesciences.fudan.edu.cn/test/img/dummies/team/Kangyun_Dong/small.png" alt="Dummy" title="Kangyun Dong" /></a>
+
-
</div>
+
-
<div class="portfolio-content">
+
-
<p><a href="http://lifesciences.fudan.edu.cn/test/team/Kangyun_Dong.html" class="portfolio-title">Kangyun Dong </a></p>
+
-
<p class="client-title">(Job)</p>
+
-
<div class="excerpt">
+
-
<p>Inspiration begins where it ends.</p>
+
-
<p><a href="http://lifesciences.fudan.edu.cn/test/team/Kangyun_Dong.html" class="link-button"><span>MORE</span></a></p>
+
-
</div>
+
-
</div>
+
</div>
</div>
-
<!-- ENDS portfolio-item -->
+
<div class="clear "></div>
-
<!-- portfolio-item -->
+
<!-- ENDS 2 cols -->
-
<div class="portfolio-item">
+
<!-- 3 cols -->
-
<div class="portfolio-feature">
+
<div class="one-third">
-
<a href="http://lifesciences.fudan.edu.cn/test/team/Taijie_Jin.html" title="EASY TO USE"><img src="http://lifesciences.fudan.edu.cn/test/img/dummies/team/Taijie_Jin/small.png" alt="Dummy" title="Taijie Jin" /></a>
+
<h4>THREE COLUMNS </h4>
-
</div>
+
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus.</p>
-
<div class="portfolio-content">
+
-
<p><a href="http://lifesciences.fudan.edu.cn/test/team/Taijie_Jin.html" class="portfolio-title">Taijie Jin </a></p>
+
-
<p class="client-title">Secretary-General</p>
+
-
<div class="excerpt">
+
-
<p>Survival of the fittest!</p>
+
-
<p><a href="http://lifesciences.fudan.edu.cn/test/team/Taijie_Jin.html" class="link-button"><span>MORE</span></a></p>
+
-
</div>
+
-
</div>
+
</div>
</div>
-
<!-- ENDS portfolio-item -->
+
<div class="one-third">
-
</div>
+
<h4>THREE COLUMNS </h4>
-
        </div>
+
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus.</p>
-
       
+
</div>
-
       
+
<div class="one-third last">
-
       
+
<h4>THREE COLUMNS </h4>
-
        <div class="one-half last">
+
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus.</p>
-
<div class="wrapper-portfolio2">
+
</div>
-
<!-- portfolio-item -->
+
<div class="clear "></div>
-
<div class="portfolio-item">
+
<!-- ENDS 3 cols -->
-
<div class="portfolio-feature">
+
<!-- 2/3 cols -->
-
<a href="http://lifesciences.fudan.edu.cn/test/team/Jie_Cao.html" title="EASY TO USE"><img src="http://lifesciences.fudan.edu.cn/test/img/dummies/team/Jie_Cao/small.png" alt="Dummy" title="Jie Cao" /></a>
+
<div class="one-third">
-
</div>
+
<h4>ONE THIRD COLUMN</h4>
-
<div class="portfolio-content">
+
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus.</p>
-
<p><a href="http://lifesciences.fudan.edu.cn/test/team/Jie_Cao.html" class="portfolio-title">Jie Cao </a></p>
+
</div>
-
<p class="client-title">Human Practice Leader</p>
+
<div class="two-third last">
-
<div class="excerpt">
+
<h4>TWO THIRD COLUMNS </h4>
-
<p>Every little helps a mickle.</p>
+
<p>Pellentesque vit habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat Aenean fermentum, it sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. vit Aenean fermentum, Aenean fermentum, Aenean fermentum, Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus.</p>
-
<p><a href="http://lifesciences.fudan.edu.cn/test/team/Jie_Cao.html" class="link-button"><span>MORE</span></a></p>
+
</div>
-
</div>
+
<div class="clear "></div>
-
</div>
+
<!-- ENDS 2/3 cols -->
 +
<!-- 4 cols -->
 +
<div class="one-fourth">
 +
<h4>FOUR COLUMNS </h4>
 +
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor qenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis.</p>
 +
</div>
 +
<div class="one-fourth">
 +
<h4>FOUR COLUMNS </h4>
 +
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor qenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis.</p>
 +
</div>
 +
<div class="one-fourth">
 +
<h4>FOUR COLUMNS </h4>
 +
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor qenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis.</p>
 +
</div>
 +
<div class="one-fourth last">
 +
<h4>FOUR COLUMNS </h4>
 +
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor qenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis.</p>
</div>
</div>
-
<!-- ENDS portfolio-item -->
+
<div class="clear "></div>
-
<!-- portfolio-item -->
+
<!-- ENDS 4 cols -->
-
<div class="portfolio-item">
+
<!-- 1/4-3/4 cols -->
-
<div class="portfolio-feature">
+
<div class="one-fourth">
-
<a href="http://lifesciences.fudan.edu.cn/test/team/Li_Wang.html" title="EASY TO USE"><img src="http://lifesciences.fudan.edu.cn/test/img/dummies/team/Li_Wang/small.png" alt="Dummy" title="Li Wang" /></a>
+
<h4>ONE FOURTH</h4>
-
</div>
+
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, sit amet, ante. Donec eu libero sit amet quam egestas semper. </p>
-
<div class="portfolio-content">
+
-
<p><a href="http://lifesciences.fudan.edu.cn/test/team/Li_Wang.html" class="portfolio-title">Li Wang </a></p>
+
-
<p class="client-title">(Job)</p>
+
-
<div class="excerpt">
+
-
<p>If your boat of dream did not come to you, swim to it.</p>
+
-
<p><a href="http://lifesciences.fudan.edu.cn/test/team/Li_Wang.html" class="link-button"><span>MORE</span></a></p>
+
-
</div>
+
-
</div>
+
</div>
</div>
-
<!-- ENDS portfolio-item -->
+
<div class="three-fourth last">
-
<!-- portfolio-item -->
+
<h4>THREE FOURTH COLUMNS </h4>
-
<div class="portfolio-item">
+
<p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus.</p>
-
<div class="portfolio-feature">
+
-
<a href="http://lifesciences.fudan.edu.cn/test/team/Wei_Wei.html" title="EASY TO USE"><img src="http://lifesciences.fudan.edu.cn/test/img/dummies/team/Wei_Wei/small.png" alt="Dummy" title="Wei Wei" /></a>
+
-
</div>
+
-
<div class="portfolio-content">
+
-
<p><a href="http://lifesciences.fudan.edu.cn/test/team/Wei_Wei.html" class="portfolio-title">Wei Wei </a></p>
+
-
<p class="client-title">(Job)</p>
+
-
<div class="excerpt">
+
-
<p>Tout est bien qui finit bien.</p>
+
-
<p><a href="http://lifesciences.fudan.edu.cn/test/team/Wei_Wei.html" class="link-button"><span>MORE</span></a></p>
+
-
</div>
+
-
</div>
+
</div>
</div>
-
<!-- ENDS portfolio-item -->
+
<div class="clear"></div>
 +
<!-- ENDS 1/4-3/4 cols -->
</div>
</div>
-
        </div>
+
<!-- ENDS page content -->
-
       
+
 
-
<!-- portfolio-pager -->
+
</div>
-
<ul class="blog-pager portfolio-pager">
+
-
<li><a href="http://lifesciences.fudan.edu.cn/test/portfolio.html">BACK</a></li>
+
-
<li><a href="http://lifesciences.fudan.edu.cn/test/page3.html">NEXT</a></li>
+
-
</ul>
+
-
<!-- ENDS portfolio-pager -->
+
-
        <div class="clear"></div>
+
<!-- ENDS main-wrapper -->
<!-- ENDS main-wrapper -->
Line 334: Line 243:
<ul class="follow-us">
<ul class="follow-us">
<li><span>FOLLOW US</span></li>
<li><span>FOLLOW US</span></li>
-
<li ><a href="http://twitter.com/#!/ansimuz" class="icon twitter">link</a></li>
+
<li ><a href="https://twitter.com/#!/ansimuz" class="icon twitter">link</a></li>
<li ><a href="http://www.luiszuno.com" class="icon vimeo">link</a></li>
<li ><a href="http://www.luiszuno.com" class="icon vimeo">link</a></li>
<li ><a href="http://dribbble.com/ansimuz" class="icon dribbble">link</a></li>
<li ><a href="http://dribbble.com/ansimuz" class="icon dribbble">link</a></li>
Line 356: Line 265:
</li>
</li>
<li class="col">
<li class="col">
 +
<h6>SPONSORS</h6>
 +
<ul>
 +
<li><a href="http://www.cicc.com.cn">China International Capital Corporation (CICC)</a></li>
 +
<li><a href="http://www.goldmansachs.com/">Goldman Sachs</a></li>
 +
<li><a href="http://www.citigroup.com">Citigroup Inc</a></li>
 +
                        <li><a href="http://www.pfizer.com">Pfizer</a></li>
 +
</ul>
</li>
</li>
<li class="col">
<li class="col">

Revision as of 18:29, 25 September 2012

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> Introduction

MULTIPLE COLUMNS LAYOUT
HAVE ANY COMBINATION OF TEXT COLUMNS

SPECIAL CHARACTERS SUCH

á é í ó ú ń Ń Á É Í Ó Ú é è à ç ù ô û î ê â Ö Û ÿ Ü Õ

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, are sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus.

TWO COLUMNS

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugamet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vit, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus.

TWO COLUMNS

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugamet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vit, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus.

THREE COLUMNS

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus.

THREE COLUMNS

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus.

THREE COLUMNS

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus.

ONE THIRD COLUMN

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus.

TWO THIRD COLUMNS

Pellentesque vit habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat Aenean fermentum, it sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. vit Aenean fermentum, Aenean fermentum, Aenean fermentum, Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus.

FOUR COLUMNS

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor qenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis.

FOUR COLUMNS

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor qenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis.

FOUR COLUMNS

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor qenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis.

FOUR COLUMNS

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor qenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis.

ONE FOURTH

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, sit amet, ante. Donec eu libero sit amet quam egestas semper.

THREE FOURTH COLUMNS

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo. Quisque sit amet est et sapien ullamcorper pharetra. Vestibulum erat wisi, condimentum sed, commodo vitae, ornare sit amet, wisi. Aenean fermentum, elit eget tincidunt condimentum, eros ipsum rutrum orci, sagittis tempus.

Retrieved from "http://2012.igem.org/Team:Fudan_D/Page2"