"
Team:SEU A/Attributions
From 2012.igem.org
| Line 13: | Line 13: | ||
<link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/navcontainer.css?action=raw&ctype=text/css" type="text/css"> | <link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/navcontainer.css?action=raw&ctype=text/css" type="text/css"> | ||
<link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/attribution.css?action=raw&ctype=text/css" type="text/css"> | <link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/attribution.css?action=raw&ctype=text/css" type="text/css"> | ||
| + | <link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/photowall.css?action=raw&ctype=text/css" type="text/css"> | ||
| + | <link rel="stylesheet" href="https://2012.igem.org/Team:SEU_A/photowallreset.css?action=raw&ctype=text/css" type="text/css"> | ||
<script src="js/jquery-1.7.1.min.js"></script> | <script src="js/jquery-1.7.1.min.js"></script> | ||
<script src="js/jquery.flexslider-min.js"></script> | <script src="js/jquery.flexslider-min.js"></script> | ||
| + | <script type="text/javascript" src="https://2012.igem.org/Team:SEU_A/jquery.masonry.min.js"></script> | ||
| + | <script type="text/javascript" src="https://2012.igem.org/Team:SEU_A/jquery.easing.1.3.js"></script> | ||
| + | <script type="text/javascript" src="https://2012.igem.org/Team:SEU_A/jquery.min.js"></script> | ||
</head> | </head> | ||
| Line 47: | Line 52: | ||
<embed src="http://player.youku.com/player.php/sid/XMzY4MDI3NTY4/v.swf" allowFullScreen="true" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed></br> | <embed src="http://player.youku.com/player.php/sid/XMzY4MDI3NTY4/v.swf" allowFullScreen="true" quality="high" width="480" height="400" align="middle" allowScriptAccess="always" type="application/x-shockwave-flash"></embed></br> | ||
</div> | </div> | ||
| + | |||
| + | <div class="content"> | ||
| + | <header> | ||
| + | <h1>A silent world</h1> | ||
| + | <span>Image Wall with jQuery and CSS3</span> | ||
| + | </header> | ||
| + | <div class="iw_wrapper"> | ||
| + | <ul class="iw_thumbs" id="iw_thumbs"> | ||
| + | <li><img src="images/thumbs/1.jpg" data-img="images/full/1.jpg" alt="Thumb1"/><div><h2>Serenity</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/2.jpg" data-img="images/full/2.jpg" alt="Thumb2"/><div><h2>Silence</h2><p>Separated they live in Bookmarksgrove right at the coast of the Semantics.</p></div></li> | ||
| + | <li><img src="images/thumbs/3.jpg" data-img="images/full/3.jpg" alt="Thumb3"/><div><h2>Abstraction</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/8.jpg" data-img="images/full/8.jpg" alt="Thumb8"/><div><h2>Happiness</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/9.jpg" data-img="images/full/9.jpg" alt="Thumb9"/><div><h2>Greatness</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/10.jpg" data-img="images/full/10.jpg" alt="Thumb10"/><div><h2>Abstraction</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/6.jpg" data-img="images/full/6.jpg" alt="Thumb6"/><div><h2>Virtue</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/7.jpg" data-img="images/full/7.jpg" alt="Thumb7"/><div><h2>Beauty</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/8.jpg" data-img="images/full/8.jpg" alt="Thumb8"/><div><h2>Happiness</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/12.jpg" data-img="images/full/12.jpg" alt="Thumb12"/><div><h2>Greatness</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/4.jpg" data-img="images/full/4.jpg" alt="Thumb4"/><div><h2>Attraction</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/5.jpg" data-img="images/full/5.jpg" alt="Thumb5"/><div><h2>Growth</h2><p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p></div></li> | ||
| + | <li><img src="images/thumbs/6.jpg" data-img="images/full/6.jpg" alt="Thumb6"/><div><h2>Virtue</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/7.jpg" data-img="images/full/7.jpg" alt="Thumb7"/><div><h2>Beauty</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/10.jpg" data-img="images/full/10.jpg" alt="Thumb10"/><div><h2>Abstraction</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/11.jpg" data-img="images/full/11.jpg" alt="Thumb11"/><div><h2>Attraction</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/3.jpg" data-img="images/full/3.jpg" alt="Thumb3"/><div><h2>Virtue</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/13.jpg" data-img="images/full/13.jpg" alt="Thumb13"/><div><h2>Happiness</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/14.jpg" data-img="images/full/14.jpg" alt="Thumb14"/><div><h2>Serenity</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/2.jpg" data-img="images/full/2.jpg" alt="Thumb1"/><div><h2>Virtue</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/4.jpg" data-img="images/full/4.jpg" alt="Thumb2"/><div><h2>Serenity</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/11.jpg" data-img="images/full/11.jpg" alt="Thumb11"/><div><h2>Attraction</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/12.jpg" data-img="images/full/12.jpg" alt="Thumb12"/><div><h2>Virtue</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/13.jpg" data-img="images/full/13.jpg" alt="Thumb13"/><div><h2>Happiness</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/14.jpg" data-img="images/full/14.jpg" alt="Thumb14"/><div><h2>Serenity</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/2.jpg" data-img="images/full/2.jpg" alt="Thumb1"/><div><h2>Virtue</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/4.jpg" data-img="images/full/4.jpg" alt="Thumb2"/><div><h2>Serenity</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/6.jpg" data-img="images/full/6.jpg" alt="Thumb3"/><div><h2>Attraction</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/8.jpg" data-img="images/full/8.jpg" alt="Thumb4"/><div><h2>Serenity</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/12.jpg" data-img="images/full/12.jpg" alt="Thumb1"/><div><h2>Serenity</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/2.jpg" data-img="images/full/2.jpg" alt="Thumb2"/><div><h2>Silence</h2><p>Separated they live in Bookmarksgrove right at the coast of the Semantics.</p></div></li> | ||
| + | <li><img src="images/thumbs/3.jpg" data-img="images/full/3.jpg" alt="Thumb3"/><div><h2>Abstraction</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/4.jpg" data-img="images/full/4.jpg" alt="Thumb4"/><div><h2>Attraction</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/5.jpg" data-img="images/full/5.jpg" alt="Thumb5"/><div><h2>Growth</h2><p>A small river named Duden flows by their place and supplies it with the necessary regelialia.</p></div></li> | ||
| + | <li><img src="images/thumbs/6.jpg" data-img="images/full/6.jpg" alt="Thumb6"/><div><h2>Virtue</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/7.jpg" data-img="images/full/7.jpg" alt="Thumb7"/><div><h2>Beauty</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/8.jpg" data-img="images/full/8.jpg" alt="Thumb8"/><div><h2>Happiness</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/9.jpg" data-img="images/full/9.jpg" alt="Thumb9"/><div><h2>Greatness</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/10.jpg" data-img="images/full/10.jpg" alt="Thumb10"/><div><h2>Abstraction</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/11.jpg" data-img="images/full/11.jpg" alt="Thumb11"/><div><h2>Attraction</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/1.jpg" data-img="images/full/1.jpg" alt="Thumb12"/><div><h2>Virtue</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/13.jpg" data-img="images/full/13.jpg" alt="Thumb13"/><div><h2>Happiness</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/14.jpg" data-img="images/full/14.jpg" alt="Thumb14"/><div><h2>Serenity</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/2.jpg" data-img="images/full/2.jpg" alt="Thumb1"/><div><h2>Virtue</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/4.jpg" data-img="images/full/4.jpg" alt="Thumb2"/><div><h2>Serenity</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | <li><img src="images/thumbs/6.jpg" data-img="images/full/6.jpg" alt="Thumb3"/><div><h2>Attraction</h2><p>Far far away, behind the word mountains there live the blind texts.</p></div></li> | ||
| + | </ul> | ||
| + | </div> | ||
| + | <div id="iw_ribbon" class="iw_ribbon"> | ||
| + | <span class="iw_close"></span> | ||
| + | <span class="iw_zoom">Click thumb to zoom</span> | ||
| + | </div> | ||
| + | </div> | ||
| + | <div class="footer"> | ||
| + | <a class="left" href="http://www.lanrentuku.com/" target="_blank">Code by</a> | ||
| + | <a href="http://tympanus.net/codrops/2011/05/25/image-wall/" target="_blank"><strong>back to the Codrops tutorial</strong></a> | ||
| + | <a href="http://www.flickr.com/photos/markjsebastian/" target="_blank">Photos by Mark Sebastian</a> | ||
| + | </div> | ||
| + | </div> | ||
| + | |||
| + | |||
</br></br></br></br> | </br></br></br></br> | ||
| + | |||
| + | /* FOOT */ | ||
| + | |||
<p align="center"><a href="http://www.seu.edu.cn" target="_blank"><strong>Southeast University</strong></a></p> | <p align="center"><a href="http://www.seu.edu.cn" target="_blank"><strong>Southeast University</strong></a></p> | ||
<p align="center"><a href="http://bme.seu.edu.cn/" target="_blank">Biomedical Engineer School, SEU </a> | <a href="https://2012.igem.org/" target="_blank"> iGEM 2012</a></p> | <p align="center"><a href="http://bme.seu.edu.cn/" target="_blank">Biomedical Engineer School, SEU </a> | <a href="https://2012.igem.org/" target="_blank"> iGEM 2012</a></p> | ||
Revision as of 16:30, 22 September 2012
A silent world
Image Wall with jQuery and CSS3
Serenity
Far far away, behind the word mountains there live the blind texts.
Silence
Separated they live in Bookmarksgrove right at the coast of the Semantics.
Abstraction
Far far away, behind the word mountains there live the blind texts.
Happiness
Far far away, behind the word mountains there live the blind texts.
Greatness
Far far away, behind the word mountains there live the blind texts.
Abstraction
Far far away, behind the word mountains there live the blind texts.
Virtue
Far far away, behind the word mountains there live the blind texts.
Beauty
Far far away, behind the word mountains there live the blind texts.
Happiness
Far far away, behind the word mountains there live the blind texts.
Greatness
Far far away, behind the word mountains there live the blind texts.
Attraction
Far far away, behind the word mountains there live the blind texts.
Growth
A small river named Duden flows by their place and supplies it with the necessary regelialia.
Virtue
Far far away, behind the word mountains there live the blind texts.
Beauty
Far far away, behind the word mountains there live the blind texts.
Abstraction
Far far away, behind the word mountains there live the blind texts.
Attraction
Far far away, behind the word mountains there live the blind texts.
Virtue
Far far away, behind the word mountains there live the blind texts.
Happiness
Far far away, behind the word mountains there live the blind texts.
Serenity
Far far away, behind the word mountains there live the blind texts.
Virtue
Far far away, behind the word mountains there live the blind texts.
Serenity
Far far away, behind the word mountains there live the blind texts.
Attraction
Far far away, behind the word mountains there live the blind texts.
Virtue
Far far away, behind the word mountains there live the blind texts.
Happiness
Far far away, behind the word mountains there live the blind texts.
Serenity
Far far away, behind the word mountains there live the blind texts.
Virtue
Far far away, behind the word mountains there live the blind texts.
Serenity
Far far away, behind the word mountains there live the blind texts.
Attraction
Far far away, behind the word mountains there live the blind texts.
Serenity
Far far away, behind the word mountains there live the blind texts.
Serenity
Far far away, behind the word mountains there live the blind texts.
Silence
Separated they live in Bookmarksgrove right at the coast of the Semantics.
Abstraction
Far far away, behind the word mountains there live the blind texts.
Attraction
Far far away, behind the word mountains there live the blind texts.
Growth
A small river named Duden flows by their place and supplies it with the necessary regelialia.
Virtue
Far far away, behind the word mountains there live the blind texts.
Beauty
Far far away, behind the word mountains there live the blind texts.
Happiness
Far far away, behind the word mountains there live the blind texts.
Greatness
Far far away, behind the word mountains there live the blind texts.
Abstraction
Far far away, behind the word mountains there live the blind texts.
Attraction
Far far away, behind the word mountains there live the blind texts.
Virtue
Far far away, behind the word mountains there live the blind texts.
Happiness
Far far away, behind the word mountains there live the blind texts.
Serenity
Far far away, behind the word mountains there live the blind texts.
Virtue
Far far away, behind the word mountains there live the blind texts.
Serenity
Far far away, behind the word mountains there live the blind texts.
Attraction
Far far away, behind the word mountains there live the blind texts.
Biomedical Engineer School, SEU | iGEM 2012
Copyright © Southeast University iGEM 2012 Team A, All rights reserved.
