Team:HokkaidoU Japan
From 2011.igem.org
(Difference between revisions)
Line 3: | Line 3: | ||
{{Team:HokkaidoU_Japan/top}} | {{Team:HokkaidoU_Japan/top}} | ||
+ | <html> | ||
+ | <script type="text/javascript"> | ||
+ | $(document).ready( function(){ | ||
+ | $('#lofslidecontent45').lofJSidernews({ | ||
+ | interval:5000, | ||
+ | easing:'easeInOutQuad', | ||
+ | duration:1200, | ||
+ | auto:true | ||
+ | }); | ||
+ | }); | ||
+ | </script> | ||
+ | <style> | ||
+ | ul.lof-main-wapper li { | ||
+ | position:relative; | ||
+ | } | ||
+ | </style> | ||
+ | <div id="lofslidecontent45" class="lof-slidecontent"> | ||
+ | <div class="preload"><div></div></div> | ||
+ | <div class="lof-main-outer"> | ||
+ | <ul class="lof-main-wapper"> | ||
+ | <li> | ||
+ | <img src="images/791902news3.jpg" title="Sample 2" height="300" width="900"> | ||
+ | <div class="lof-main-item-desc"> | ||
+ | <h3><a target="_parent" title="Sample 2" href="#">Sample 2</a></h3> | ||
+ | |||
+ | <p>The one thing about a Web site, it always changes! Joomla! makes it easy to add Articles, content,...</p> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <img src="images/435576news10.jpg" title="Sample 1" height="300" width="900"> <div class="lof-main-item-desc"> | ||
+ | <h3><a target="_parent" title="Sample 1" href="#">Sample 1</a></h3> | ||
+ | <p>Joomla! makes it easy to launch a Web site of any kind. Whether you want a brochure site or you are...</p> | ||
+ | |||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <img src="images/641906img1.jpg" title="Sample 3" height="300" width="900"> <div class="lof-main-item-desc"> | ||
+ | <h3><a target="_parent" title="Sample 3" href="#">Sample 3</a></h3> | ||
+ | <p>With a library of thousands of free Extensions, you can add what you need as your site grows. Don't...</p> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | |||
+ | <img src="images/416719news7.jpg" title="Sample 5" height="300" width="900"> <div class="lof-main-item-desc"> | ||
+ | <h3><a target="_parent" title="Sample 5" href="#">Sample 5</a></h3> | ||
+ | <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...</p> | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | |||
+ | <img src="images/416719news7.jpg" title="Sample 5" height="300" width="900"> <div class="lof-main-item-desc"> | ||
+ | <h3><a target="_parent" title="Sample 5" href="#">Sample 5</a></h3> | ||
+ | <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...</p> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | |||
+ | <img src="images/416719news7.jpg" title="Sample 5" height="300" width="900"> <div class="lof-main-item-desc"> | ||
+ | <h3><a target="_parent" title="Sample 5" href="#">Sample 5</a></h3> | ||
+ | <p>Joomla! 1.5 - 'Experience the Freedom'!. It has never been easier to create your own dynamic Web...</p> | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | |||
+ | <div class="lof-navigator-outer"> | ||
+ | <ul class="lof-navigator"> | ||
+ | <li> | ||
+ | <div> | ||
+ | <img src="images/lofthumbs/791902news3.jpg" /> | ||
+ | <h3> Sample 1 </h3> | ||
+ | <span>20.01.2010</span> - In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu... | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <div> | ||
+ | <img src="images/lofthumbs/435576news10.jpg" /> | ||
+ | <h3> Sample 2 </h3> | ||
+ | <span>20.01.2010</span> -In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. .. | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <div> | ||
+ | <img src="images/lofthumbs/641906img1.jpg" /> | ||
+ | <h3> Sample 3 </h3> | ||
+ | <span>20.01.2010</span> - In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. .. | ||
+ | </div> | ||
+ | </li> | ||
+ | |||
+ | <li> | ||
+ | <div> | ||
+ | <img src="images/lofthumbs/416719news7.jpg" /> | ||
+ | <h3> Sample 4</h3> | ||
+ | <span>20.01.2010</span> - In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. .. | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <div> | ||
+ | <img src="images/lofthumbs/641906img1.jpg" /> | ||
+ | <h3> Sample 5</h3> | ||
+ | <span>20.01.2010</span> -In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. .. | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <div> | ||
+ | <img src="images/lofthumbs/416719news7.jpg" /> | ||
+ | <h3> Sample 6</h3> | ||
+ | <span>20.01.2010</span> - In id, mauris viverra asperiores, bibendum in id. Eu molestie. Ac sit eu. .. | ||
+ | </div> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </div> | ||
+ | </html> | ||
== トップページ建設予定地 == | == トップページ建設予定地 == |
Revision as of 22:51, 4 October 2011
HokkaidoU Japan
iGEM 2011 Team of Hokkaido University