Team:XMU-China/ContentA

From 2013.igem.org

(Difference between revisions)
(Created page with "<html> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type" /> <title>LinkUp - Multipurpose HTML Template</title> <link rel="icon" type="image/png" href="ima...")
 
(17 intermediate revisions not shown)
Line 19: Line 19:
<!-- START WRAPPER SECTION -->
<!-- START WRAPPER SECTION -->
-
<div id="wrapper">
+
<div id="wrapper" style="margin-left:200px">
<div id="separator">
<div id="separator">
<div class="center-block">
<div class="center-block">
-
<h3>Sort Portfolio 3 Columns</h3>
+
<a name="Album1"></a>
-
<span>: Showcase all my work</span>
+
<h3>Our Album</h3>
</div>
</div>
</div>
</div>
Line 33: Line 33:
         <ul id="stage" class="portfolio-3">
         <ul id="stage" class="portfolio-3">
    <!-- Item #1 -->
    <!-- Item #1 -->
-
            <li data-tags="Business">
+
          <li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/0/0f/Xmu_image10001.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">The leader of 2013 Nanjing University iGEM team introduced their project to us</a></h6> <p></p></div></div></div></li>
-
<!-- start item block -->
+
-
<div class="item-block item-bg">
+
-
<div class="item-bg-white">
+
-
<img src="images/projects/3/1.jpg" alt="" />
+
-
<div class="mask">
+
-
<a href="images/projects/recent/2-big.jpg" title="View large image" class="view-icon" data-rel="zoom-img"></a>
+
-
<a href="#" title="Jump to project" class="link-icon"></a>
+
-
</div><!-- .mask -->
+
-
<div class="item-arrow-up"></div>
+
-
<div class="item-content">
+
-
<h6><a href="#">LinkedIn and Lovin It</a></h6>
+
-
<p>Learn to leverage the professionals choice for social</p>
+
-
</div><!-- .item-content -->
+
-
</div><!-- .item-bg-white -->
+
-
</div><!-- .item-block -->
+
-
</li>
+
-
    <!-- Item #2 -->
+
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/6/6e/Xmu_image10003.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">We shared our idea to them</a></h6> <p></p></div></div></div></li>
-
            <li data-tags="Business, Social Media">
+
-
<!-- start item block -->
+
-
<div class="item-block item-bg">
+
-
<div class="item-bg-white">
+
-
<img src="images/projects/3/2.jpg" alt="" />
+
-
<div class="mask">
+
-
<a href="images/projects/recent/3-big.jpg" title="View large image" class="view-icon" data-rel="zoom-img"></a>
+
-
<a href="#" title="Jump to project" class="link-icon"></a>
+
-
</div><!-- .mask -->
+
-
<div class="item-arrow-up"></div>
+
-
<div class="item-content">
+
-
<h6><a href="#">Facebook Marketing</a></h6>
+
-
<p>Get funs, build your brand, get results! Skellie gives you</p>
+
-
</div><!-- .item-content -->
+
-
</div><!-- .item-bg-white -->
+
-
</div><!-- .item-block -->
+
-
</li>
+
-
+
-
    <!-- Item #3 -->
+
-
            <li data-tags="Business, Social Media">
+
-
<!-- start item block -->
+
-
<div class="item-block item-bg">
+
-
<div class="item-bg-white">
+
-
<img src="images/projects/3/3.jpg" alt="" />
+
-
<div class="mask">
+
-
<a href="images/projects/3/3-big.jpg" title="View large image" class="view-icon" data-rel="zoom-img"></a>
+
-
<a href="#" title="Jump to project" class="link-icon"></a>
+
-
</div><!-- .mask -->
+
-
<div class="item-arrow-up"></div>
+
-
<div class="item-content">
+
-
<h6><a href="#">Web Design Confidential</a></h6>
+
-
<p>Get insight into the industry through survey results from...</p>
+
-
</div><!-- .item-content -->
+
-
</div><!-- .item-bg-white -->
+
-
</div><!-- .item-block -->
+
-
</li>
+
-
    <!-- Item #4 -->
+
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/a/a4/Xmu_image10004.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">We took a group photo to mark the occasion</a></h6> <p></p></div></div></div></li>
-
            <li data-tags="Development">
+
-
<!-- start item block -->
+
-
<div class="item-block item-bg">
+
-
<div class="item-bg-white">
+
-
<img src="images/projects/3/4.jpg" alt="" />
+
-
<div class="mask">
+
-
<a href="images/projects/recent/8-big.jpg" title="View large image" class="view-icon" data-rel="zoom-img"></a>
+
-
<a href="#" title="Jump to project" class="link-icon"></a>
+
-
</div><!-- .mask -->
+
-
<div class="item-arrow-up"></div>
+
-
<div class="item-content">
+
-
<h6><a href="#">Getting Good with Git</a></h6>
+
-
<p>In Getting Good With Git, Nettuts+ Associate Editor</p>
+
-
</div><!-- .item-content -->
+
-
</div><!-- .item-bg-white -->
+
-
</div><!-- .item-block -->
+
-
</li>
+
-
    <!-- Item #5 -->
+
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/d/d2/Xmu_image10005.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">September 10th is the Teacher’Day in China, we prepared a graffiti printed with handprint as the present to our instructors</a></h6> <p></p></div></div></div></li>
-
            <li data-tags="Development, Design">
+
-
<!-- start item block -->
+
-
<div class="item-block item-bg">
+
-
<div class="item-bg-white">
+
-
<img src="images/projects/3/5.jpg" alt="" />
+
-
<div class="mask">
+
-
<a href="images/projects/3/5-big.jpg" title="View large image" class="view-icon" data-rel="zoom-img"></a>
+
-
<a href="#" title="Jump to project" class="link-icon"></a>
+
-
</div><!-- .mask -->
+
-
<div class="item-arrow-up"></div>
+
-
<div class="item-content">
+
-
<h6><a href="#">PSD Tuts</a></h6>
+
-
<p>Psdtuts+ is a blog/Photoshop site made to house...</p>
+
-
</div><!-- .item-content -->
+
-
</div><!-- .item-bg-white -->
+
-
</div><!-- .item-block -->
+
-
</li>
+
-
    <!-- Item #6 -->
+
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/8/81/Xmu_image10006.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">We used many plates for the Genetic circuit experiment. They kept accompany with us every day </a></h6> <p></p></div></div></div></li>
-
            <li data-tags="Design, Business">
+
-
<!-- start item block -->
+
-
<div class="item-block item-bg">
+
-
<div class="item-bg-white">
+
-
<img src="images/projects/3/6.jpg" alt="" />
+
-
<div class="mask">
+
-
<a href="images/projects/recent/6-big.jpg" title="View large image" class="view-icon" data-rel="zoom-img"></a>
+
-
<a href="#" title="Jump to project" class="link-icon"></a>
+
-
</div><!-- .mask -->
+
-
<div class="item-arrow-up"></div>
+
-
<div class="item-content">
+
-
<h6><a href="#">Rockable</a></h6>
+
-
<p>Rockable Press is a small web publishing outfit operated...</p>
+
-
</div><!-- .item-content -->
+
-
</div><!-- .item-bg-white -->
+
-
</div><!-- .item-block -->
+
-
</li>
+
-
    <!-- Item #7 -->
+
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/a/a9/Xmu_image10008.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">It is the experiment time! </a></h6> <p></p></div></div></div></li>
-
            <li data-tags="Business">
+
-
<!-- start item block -->
+
-
<div class="item-block item-bg">
+
-
<div class="item-bg-white">
+
-
<img src="images/projects/3/7.jpg" alt="" />
+
-
<div class="mask">
+
-
<a href="images/projects/3/7-big.jpg" title="View large image" class="view-icon" data-rel="zoom-img"></a>
+
-
<a href="#" title="Jump to project" class="link-icon"></a>
+
-
</div><!-- .mask -->
+
-
<div class="item-arrow-up"></div>
+
-
<div class="item-content">
+
-
<h6><a href="#">Envato</a></h6>
+
-
<p>The Envato Marketplaces allow anyone to buy or sell...</p>
+
-
</div><!-- .item-content -->
+
-
</div><!-- .item-bg-white -->
+
-
</div><!-- .item-block -->
+
-
</li>
+
-
    <!-- Item #8 -->
+
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/a/a3/Xmu_image10011.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">The family photo with Software XMU-China team after human practice -1</a></h6> <p></p></div></div></div></li>
-
            <li data-tags="Freelance">
+
 
-
<!-- start item block -->
+
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/1/15/Xmu_image10012.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">The family photo with Software XMU-China team after human practice -2</a></h6> <p></p></div></div></div></li>
-
<div class="item-block item-bg">
+
 
-
<div class="item-bg-white">
+
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/0/0c/Xmu_image10013.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">The family photo with Software XMU-China team after human practice -3</a></h6> <p></p></div></div></div></li>
-
<img src="images/projects/3/8.jpg" alt="" />
+
 
-
<div class="mask">
+
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/b/b5/Xmu_image10014.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">Campus Fair-Finding the differences between DNA molecules</a></h6> <p></p></div></div></div></li>
-
<a href="images/projects/3/8-big.jpg" title="View large image" class="view-icon" data-rel="zoom-img"></a>
+
 
-
<a href="#" title="Jump to project" class="link-icon"></a>
+
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/a/ab/Xmu_image10015.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">Campus Fair-Bio Bang introduction-1</a></h6> <p></p></div></div></div></li>
-
</div><!-- .mask -->
+
 
-
<div class="item-arrow-up"></div>
+
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/0/07/Xmu_image10016.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">Campus Fair-Playing the Bio Bang</a></h6> <p></p></div></div></div></li>
-
<div class="item-content">
+
 
-
<h6><a href="#">Freelance Switch</a></h6>
+
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/f/f9/Xmu_image10018.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">Campus Fair-Foldit computer games</a></h6> <p></p></div></div></div></li>
-
<p>FreelanceSwitch is a community of expert freelancers</p>
+
 
-
</div><!-- .item-content -->
+
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/2/20/Xmu_image10019.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">Campus Fair-Riddles written on lanterns-1</a></h6> <p></p></div></div></div></li>
-
</div><!-- .item-bg-white -->
+
 
-
</div><!-- .item-block -->
+
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/d/d1/Xmu_image10020.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">Campus Fair-Riddles written on lanterns-2</a></h6> <p></p></div></div></div></li>
-
</li>
+
 
-
+
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/c/c0/Xmu_image10021.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">Campus Fair-Riddles written on lanterns-3</a></h6> <p></p></div></div></div></li>
-
    <!-- Item #9 -->
+
 
-
            <li data-tags="Audio">
+
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/5/54/Xmu_image10022.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">Finding the deference between DNA molecular was the most welcome game in campus fair </a></h6> <p></p></div></div></div></li>
-
<!-- start item block -->
+
 
-
<div class="item-block item-bg">
+
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/5/5a/Xmu_image10023.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">Campus Fair-Bio Bang introduction-2</a></h6> <p></p></div></div></div></li>
-
<div class="item-bg-white">
+
 
-
<img src="images/projects/3/9.jpg" alt="" />
+
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/4/41/Xmu_image10024.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">The students wrote their signatures</a></h6> <p></p></div></div></div></li>
-
<div class="mask">
+
 
-
<a href="images/projects/3/8-big.jpg" title="View large image" class="view-icon" data-rel="zoom-img"></a>
+
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/3/38/Xmu_image10025.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">"Please rise your hand when you find out all the deference of the pictures"</a></h6> <p></p></div></div></div></li>
-
<a href="#" title="Jump to project" class="link-icon"></a>
+
 
-
</div><!-- .mask -->
+
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/7/74/Xmu_image10026.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">Lucky boy!</a></h6> <p></p></div></div></div></li>
-
<div class="item-arrow-up"></div>
+
 
-
<div class="item-content">
+
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/9/92/Xmu_image10027.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">Foldit computer games</a></h6> <p></p></div></div></div></li>
-
<h6><a href="#">Audio Jungle</a></h6>
+
 
-
<p>Buy and Download Royalty Free Music Loops and Sound</p>
+
 
-
</div><!-- .item-content -->
+
 
-
</div><!-- .item-bg-white -->
+
 
-
</div><!-- .item-block -->
+
 
-
</li>
+
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/b/ba/XMU-China_pp1.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">All lively iGEMers</a></h6> <p></p></div></div></div></li>
 +
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/3/3f/XMU-China_pp2.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">Group phote</a></h6> <p></p></div></div></div></li>
 +
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/d/d2/XMU-China_pp3.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">wow@Shengquan Zeng</a></h6> <p></p></div></div></div></li>
 +
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/b/bc/XMU-China_pp4.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">Looking into the distance</a></h6> <p></p></div></div></div></li>
 +
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/1/13/XMU-China_pp5.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">Our united team</a></h6> <p></p></div></div></div></li>
 +
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/3/39/XMU-China_pp6.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">love love</a></h6> <p></p></div></div></div></li>
 +
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/b/be/XMU-China_pp7.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">....undirectly lookable</a></h6> <p></p></div></div></div></li>
 +
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/0/09/XMU-China_pp8.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">Friendship & teamwork</a></h6> <p></p></div></div></div></li>
 +
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/f/ff/XMU-China_pp9.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">Our Campus-Furong Lake</a></h6> <p></p></div></div></div></li>
 +
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/5/55/XMU-China_pp10.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">Our Campus-Shangxian Playground</a></h6> <p></p></div></div></div></li>
 +
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/f/f3/XMU-China_pp11.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">A beautiful view of her back</a></h6> <p></p></div></div></div></li>
 +
 
 +
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/3/3a/XMU-China_pp12.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">So young</a></h6> <p></p></div></div></div></li>
 +
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/e/e0/XMU-China_pp13.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">Cool! Tina Zhang</a></h6> <p></p></div></div></div></li>
 +
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/2/28/XMU-China_pp14.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">Big Four</a></h6> <p></p></div></div></div></li>
 +
 
 +
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/e/e1/XMU-China_ppp1.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">GFP & sfGFP</a></h6> <p></p></div></div></div></li>
 +
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/8/85/XMU-China_ppp2.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">Laborious work</a></h6> <p></p></div></div></div></li>
 +
 
 +
<li><div class="item-block item-bg"><div class="item-bg-white"><img src="https://static.igem.org/mediawiki/2013/7/76/XMU-China_ppp3.jpg" width=300px height=200px ><div class="item-content"><h6><a href="#">English training</a></h6> <p></p></div></div></div></li>
</ul><!-- #stage -->
</ul><!-- #stage -->
</div><!-- end #container-sort -->
</div><!-- end #container-sort -->
-
 
-
<!-- START PAGINATION-->
 
-
<div id="nav-pagination">
 
-
<ul class="nav-pagination clearfix">
 
-
      <li class="first"><a href="#"></a></li>
 
-
      <li><a href="#">1</a></li>
 
-
      <li class="current"><a href="#">2</a></li>
 
-
      <li><a href="#">3</a></li>
 
-
<li class="dots">...</li>
 
-
      <li><a href="#">20</a></li>
 
-
      <li><a href="#">21</a></li>
 
-
      <li><a href="#">22</a></li>
 
-
      <li class="last"><a href="#"></a></li>
 
-
      </ul>
 
-
</div><!-- #nav-pagination -->
 
-
<!-- END PAGINATION-->
 
-
 
</div><!-- .center-block -->
</div><!-- .center-block -->
Line 236: Line 118:
  <div class="clear"></div>   
  <div class="clear"></div>   
<div id="home_s4"><center>
<div id="home_s4"><center>
-
<img src="https://static.igem.org/mediawiki/2013/c/cb/Xmusoftware_sponsor1.png" width="120px" height="120px">
+
<img src="https://static.igem.org/mediawiki/2013/c/cb/Xmusoftware_sponsor1.png" width="80px" height="80px">
-
<img src="https://static.igem.org/mediawiki/2013/1/18/Xmusoftware_sponsor2.png" width="120px" height="120px">
+
<img src="https://static.igem.org/mediawiki/2013/1/18/Xmusoftware_sponsor2.png" width="80px" height="80px">
-
<img src="https://static.igem.org/mediawiki/2013/7/7f/Xmusoftware_sponsor3.png" width="120px" height="120px">
+
<img src="https://static.igem.org/mediawiki/2013/6/6f/Xmu-Bg_header_mwlogo_notag.jpg" height="60px">
-
<img src="https://static.igem.org/mediawiki/2013/6/6c/Xmusoftware_sponsor4.png" width="120px" height="120px">
+
<img src="https://static.igem.org/mediawiki/2013/e/ed/Xmu-evernote.jpg" height="60px">
-
<img src="https://static.igem.org/mediawiki/2013/6/66/Xmusoftware_sponsor5.png" width="120px" height="120px">
+
-
<img src="https://static.igem.org/mediawiki/2013/7/77/Xmusoftware_sponsor6.png" width="120px" height="120px">
+
</center></div>
</center></div>
<div id="footer-menu">
<div id="footer-menu">

Latest revision as of 03:38, 28 September 2013

LinkUp - Multipurpose HTML Template