Template:Team:USTC-Software/notebook

From 2012.igem.org

(Difference between revisions)
Line 14: Line 14:
     </head>
     </head>
     <body>
     <body>
-
<h1 class="title">Moleskine Notebook with jQuery Booklet</h1>
+
<h1 class="title">NoteBook of USTC-Software 2012</h1>
<div class="book_wrapper">
<div class="book_wrapper">
<a id="next_page_button"></a>
<a id="next_page_button"></a>
Line 22: Line 22:
<div class="b-load">
<div class="b-load">
<div>
<div>
-
<img src="images/1.jpg" alt=""/>
+
<img src="#" alt=""/>
<h1>Slider Gallery</h1>
<h1>Slider Gallery</h1>
<p>This tutorial is about creating a creative gallery with a
<p>This tutorial is about creating a creative gallery with a
Line 34: Line 34:
</div>
</div>
<div>
<div>
-
<img src="images/2.jpg" alt="" />
+
<img src="#" alt="" />
<h1>Animated Portfolio Gallery</h1>
<h1>Animated Portfolio Gallery</h1>
<p>Today we will create an animated portfolio gallery with jQuery.
<p>Today we will create an animated portfolio gallery with jQuery.
Line 44: Line 44:
</div>
</div>
<div>
<div>
-
<img src="images/3.jpg" alt="" />
+
<img src="#" alt="" />
<h1>Annotation Overlay Effect</h1>
<h1>Annotation Overlay Effect</h1>
<p>Today we will create a simple overlay effect to display annotations in e.g. portfolio
<p>Today we will create a simple overlay effect to display annotations in e.g. portfolio
Line 53: Line 53:
</div>
</div>
<div>
<div>
-
<img src="images/4.jpg" alt="" />
+
<img src="#" alt="" />
<h1>Bubbleriffic Image Gallery</h1>
<h1>Bubbleriffic Image Gallery</h1>
<p>In this tutorial we will create a bubbly image gallery that
<p>In this tutorial we will create a bubbly image gallery that
Line 65: Line 65:
</div>
</div>
<div>
<div>
-
<img src="images/5.jpg" alt="" />
+
<img src="#" alt="" />
<h1>Collapsing Site Navigation</h1>
<h1>Collapsing Site Navigation</h1>
<p>Today we will create a collapsing menu that contains vertical
<p>Today we will create a collapsing menu that contains vertical
Line 76: Line 76:
</div>
</div>
<div>
<div>
-
<img src="images/6.jpg" alt="" />
+
<img src="#" alt="" />
<h1>Custom Animation Banner</h1>
<h1>Custom Animation Banner</h1>
<p>In today’s tutorial we will be creating a custom animation banner with jQuery.
<p>In today’s tutorial we will be creating a custom animation banner with jQuery.
Line 86: Line 86:
</div>
</div>
<div>
<div>
-
<img src="images/7.jpg" alt="" />
+
<img src="#" alt="" />
<h1>Full Page Image Gallery</h1>
<h1>Full Page Image Gallery</h1>
<p>In this tutorial we are going to create a stunning full page
<p>In this tutorial we are going to create a stunning full page
Line 110: Line 110:
</div>
</div>
<div>
<div>
-
<img src="images/9.jpg" alt="" />
+
<img src="#" alt="" />
<h1>Merging Image Boxes</h1>
<h1>Merging Image Boxes</h1>
<p>Today we will show you a nice effect for images with jQuery.
<p>Today we will show you a nice effect for images with jQuery.
Line 133: Line 133:
<div>
<div>
-
<img src="images/14.jpg" alt="" />
+
<img src="#" alt="" />
<h1>Thumbnails Navigation Gallery</h1>
<h1>Thumbnails Navigation Gallery</h1>
<p>In this tutorial we are going to create an extraordinary
<p>In this tutorial we are going to create an extraordinary

Revision as of 12:21, 16 August 2012

NoteBook of USTC-Software 2012

Loading pages...
back to home