Team:UESTC Life

From 2013.igem.org

(Difference between revisions)
Line 256: Line 256:
</div>
</div>
</div>
</div>
-
<div>
+
<div><div class="wrap">  
-
<img src="https://static.igem.org/mediawiki/2013/2/29/Uestclifebiot_sample1.jpg" alt="" />
+
<a href="#x">
-
<h1>Compact News Previewer</h1>
+
<img src='https://static.igem.org/mediawiki/2013/b/be/Uestclife1_%289%29.jpg' alt='' />  
-
<p>Today we will create a news previewer that letos you
+
<i></i>  
-
show your latest articles or news in a compact way.
+
<p>  
-
The news previewer will show some list of articles
+
<b>Yanpu Chen</b>
-
on the left side and the preview of the article with a
+
<span>School University of Electronic Science and Technology of China<br />
-
longer description on the right. Once a news on the left
+
Study field: Protein Engineering<br />
-
is clicked, the preview will slide in.</p>
+
Team: UESTC_Life<br />
-
<a href="http://tympanus.net/codrops/2010/10/03/compact-news-previewer/" target="_blank" class="article">Article</a>
+
Hobby: violin、Harmonica、basketball<br />
-
<a href="http://tympanus.net/Tutorials/CompactNewsPreviewer/" target="_blank" class="demo">Demo</a>
+
Team Position: Captain</span>
 +
</p>  
 +
</a>
 +
</div>
 +
 
 +
<div class="wrap">
 +
<a href="#x">
 +
<img src='https://static.igem.org/mediawiki/2013/4/47/Uestclife1_%2810%29.jpg' alt='' />  
 +
<i></i>  
 +
<p>
 +
<b>Maochen Xie</b>
 +
<span>Position : Student<br />
 +
Birth :27.Feb.1992<br />
 +
Hobby:Basketball,Computer,Music,Swimming<br />
 +
Education experience:University of Electronic Science and Technology of China, Sep.2010-<br />
 +
Contact Information : 329115286@qq.com</span>
 +
</p>  
 +
</a>
 +
</div>
</div>
</div>
<div>
<div>
-
<img src="https://static.igem.org/mediawiki/2013/2/29/Uestclifebiot_sample1.jpg" alt="" />
+
<div class="wrap">
-
<h1>Overlay Effect Menu</h1>
+
<a href="#x">
-
<p>In this tutorial we are going to create a simple menu
+
<img src='https://static.igem.org/mediawiki/2013/b/be/Uestclife1_%289%29.jpg' alt='' />  
-
that will stand out once we hover over it by covering
+
<i></i>  
-
everything except the menu with a dark overlay.
+
<p>  
-
The menu will stay white and a submenu area will
+
<b>Yanpu Chen</b>
-
expand. We will create this effect using jQuery.</p>
+
<span>School University of Electronic Science and Technology of China<br />
-
<a href="http://tympanus.net/codrops/2010/11/25/overlay-effect-menu/" target="_blank" class="article">Article</a>
+
Study field: Protein Engineering<br />
-
<a href="http://tympanus.net/Tutorials/OverlayEffectMenu/" target="_blank" class="demo">Demo</a>
+
Team: UESTC_Life<br />
 +
Hobby: violin、Harmonica、basketball<br />
 +
Team Position: Captain</span>
 +
</p>  
 +
</a>
 +
</div>
 +
 
 +
<div class="wrap">
 +
<a href="#x">
 +
<img src='https://static.igem.org/mediawiki/2013/4/47/Uestclife1_%2810%29.jpg' alt='' />  
 +
<i></i>  
 +
<p>
 +
<b>Maochen Xie</b>
 +
<span>Position : Student<br />
 +
Birth :27.Feb.1992<br />
 +
Hobby:Basketball,Computer,Music,Swimming<br />
 +
Education experience:University of Electronic Science and Technology of China, Sep.2010-<br />
 +
Contact Information : 329115286@qq.com</span>
 +
</p>  
 +
</a>
 +
</div>
</div>
</div>
<div>
<div>
-
<img src="https://static.igem.org/mediawiki/2013/2/29/Uestclifebiot_sample1.jpg" alt="" />
+
<div class="wrap">
-
<h1>Polaroid Photobar Gallery</h1>
+
<a href="#x">
-
<p>In this tutorial we are going to create an image gallery
+
<img src='https://static.igem.org/mediawiki/2013/b/be/Uestclife1_%289%29.jpg' alt='' />  
-
with a Polaroid look. We will have albums that will expand
+
<i></i>  
-
to sets of slightly rotated thumbnails that pop out on hover.
+
<p>  
-
The full image will slide in from the bottom once a thumbnail
+
<b>Yanpu Chen</b>
-
is clicked. In the full image view the user can navigate
+
<span>School University of Electronic Science and Technology of China<br />
-
through the pictures or simply choose another thumbnail
+
Study field: Protein Engineering<br />
-
to be displayed.</p>
+
Team: UESTC_Life<br />
-
<a href="http://tympanus.net/codrops/2010/09/28/polaroid-photobar-gallery/" target="_blank" class="article">Article</a>
+
Hobby: violin、Harmonica、basketball<br />
-
<a href="http://tympanus.net/Tutorials/PolaroidPhotobarGallery/" target="_blank" class="demo">Demo</a>
+
Team Position: Captain</span>
 +
</p>  
 +
</a>
 +
</div>
 +
 
 +
<div class="wrap">
 +
<a href="#x">
 +
<img src='https://static.igem.org/mediawiki/2013/4/47/Uestclife1_%2810%29.jpg' alt='' />  
 +
<i></i>  
 +
<p>
 +
<b>Maochen Xie</b>
 +
<span>Position : Student<br />
 +
Birth :27.Feb.1992<br />
 +
Hobby:Basketball,Computer,Music,Swimming<br />
 +
Education experience:University of Electronic Science and Technology of China, Sep.2010-<br />
 +
Contact Information : 329115286@qq.com</span>
 +
</p>  
 +
</a>
 +
</div>
</div>
</div>
<div>
<div>
-
<img src="https://static.igem.org/mediawiki/2013/2/29/Uestclifebiot_sample1.jpg" alt="" />
+
<div class="wrap">
-
<h1>Pull Out Content Panel</h1>
+
<a href="#x">
-
<p>In this tutorial we will create a content panel that
+
<img src='https://static.igem.org/mediawiki/2013/b/be/Uestclife1_%289%29.jpg' alt='' />  
-
slides out at a predefined scroll position. It will
+
<i></i>  
-
reveal a teaser with related content and it can be
+
<p>  
-
expanded to full page size to show more. A custom
+
<b>Yanpu Chen</b>
-
slider allows to scroll through many items in the
+
<span>School University of Electronic Science and Technology of China<br />
-
panel.</p>
+
Study field: Protein Engineering<br />
-
<a href="http://tympanus.net/codrops/2010/11/01/pull-out-content-panel/" target="_blank" class="article">Article</a>
+
Team: UESTC_Life<br />
-
<a href="http://tympanus.net/Tutorials/PullOutContentPanel/" target="_blank" class="demo">Demo</a>
+
Hobby: violin、Harmonica、basketball<br />
 +
Team Position: Captain</span>
 +
</p>  
 +
</a>
 +
</div>
 +
 
 +
<div class="wrap">
 +
<a href="#x">
 +
<img src='https://static.igem.org/mediawiki/2013/4/47/Uestclife1_%2810%29.jpg' alt='' />  
 +
<i></i>  
 +
<p>
 +
<b>Maochen Xie</b>
 +
<span>Position : Student<br />
 +
Birth :27.Feb.1992<br />
 +
Hobby:Basketball,Computer,Music,Swimming<br />
 +
Education experience:University of Electronic Science and Technology of China, Sep.2010-<br />
 +
Contact Information : 329115286@qq.com</span>
 +
</p>  
 +
</a>
 +
</div>
</div>
</div>
<div>
<div>
-
<img src="https://static.igem.org/mediawiki/2013/2/29/Uestclifebiot_sample1.jpg" alt="" />
+
<div class="wrap">
-
<h1>Thumbnails Navigation Gallery</h1>
+
<a href="#x">
-
<p>In this tutorial we are going to create an extraordinary
+
<img src='https://static.igem.org/mediawiki/2013/b/be/Uestclife1_%289%29.jpg' alt='' />  
-
gallery with scrollable thumbnails that slide out from a
+
<i></i>  
-
navigation. We are going to use jQuery and some CSS3
+
<p>  
-
properties for the style. The main idea is to have a
+
<b>Yanpu Chen</b>
-
menu of albums where each item will reveal a horizontal
+
<span>School University of Electronic Science and Technology of China<br />
-
bar with thumbnails when clicked.</p>
+
Study field: Protein Engineering<br />
-
<a href="http://tympanus.net/codrops/2010/07/29/thumbnails-navigation-gallery/" target="_blank" class="article">Article</a>
+
Team: UESTC_Life<br />
-
<a href="http://tympanus.net/Tutorials/ThumbnailsNavigationGallery/" target="_blank" class="demo">Demo</a>
+
Hobby: violin、Harmonica、basketball<br />
 +
Team Position: Captain</span>
 +
</p>  
 +
</a>
 +
</div>
 +
 
 +
<div class="wrap">
 +
<a href="#x">
 +
<img src='https://static.igem.org/mediawiki/2013/4/47/Uestclife1_%2810%29.jpg' alt='' />
 +
<i></i>  
 +
<p>
 +
<b>Maochen Xie</b>  
 +
<span>Position : Student<br />
 +
Birth :27.Feb.1992<br />
 +
Hobby:Basketball,Computer,Music,Swimming<br />
 +
Education experience:University of Electronic Science and Technology of China, Sep.2010-<br />
 +
Contact Information : 329115286@qq.com</span>
 +
</p>  
 +
</a>
 +
</div>
</div>
</div>
 +
<div>
 +
 +
</div>
 +
<div>
 +
</div>
</div>
</div>
</div>
</div>

Revision as of 11:15, 12 September 2013

Loading pages...