Team:Tokyo-NoKoGen

From 2012.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
<!doctype html>
 +
<html lang="en">
 +
<head>
 +
<title>2CPortfolio</title>
 +
<link rel="stylesheet" href="style.css" type="text/css" media="screen" />
 +
<link rel="stylesheet" type="text/css" href="print.css" media="print" />
 +
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
 +
<!--[if IE]><script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
 +
</head>
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
<body>
-
<html>
+
<header>
-
<div id="box" style="width: 700px; margin-left: 137px; padding: 5px; border: 3px solid #000; background-color: #fe2b33;">
+
<h1>2CPortfolio</h1>
-
<div id="template" style="text-align: center; font-weight: bold; font-size: large; color: #f6f6f6; padding: 5px;">
+
</header>
-
This is a template page. READ THESE INSTRUCTIONS.
+
<section id="intro">
-
</div>
+
<header>
-
<div id="instructions" style="text-align: center; font-weight: normal; font-size: small; color: #f6f6f6; padding: 5px;">
+
<h2>Your Spiffy Tag Line Goes Here</h2>
-
You are provided with this team page template with which to start the iGEM season.  You may choose to personalize it to fit your team but keep the same "look." Or you may choose to take your team wiki to a different level and design your own wiki.  You can find some examples <a href="https://2009.igem.org/Help:Template/Examples">HERE</a>.
+
</header>
-
</div>
+
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.</p>
-
<div id="warning" style="text-align: center; font-weight: bold; font-size: small; color: #f6f6f6; padding: 5px;">
+
<img src="images/introimage.png" alt="lime" />
-
You <strong>MUST</strong> have all of the pages listed in the menu below with the names specified. PLEASE keep all of your pages within your teams namespace.
+
</section>
-
</div>
+
<div id="content">
-
</div>
+
<article class="articlecontent">
-
</html>
+
<header>
 +
<h2>This is your portfolio slider</h2>
 +
</header>
 +
<!-- Start of jquery.slideShow code -->
 +
<div class="callbackSlideShow slideShow">
 +
<ul class="slides">
 +
<li class="slide"><p>A beautiful pink flower</p><a href="images/gallery/pinkflower.jpg"><img src="images/gallery/pinkflower.jpg" alt="flower" /></a></li>
 +
<li class="slide"><p>A blooming tree <a href="#">in the spring</a></p><a href="images/gallery/bloomingtree.jpg"><img src="images/gallery/bloomingtree.jpg" alt="" /></a></li>
 +
<li class="slide"><p>Grand Canyon</p><a href="images/gallery/grandcanyon.jpg"><img src="images/gallery/grandcanyon.jpg" alt="" /></a></li>
 +
<li class="slide"><p>A lone blossom</p><a href="images/gallery/loneblossom.jpg"><img src="images/gallery/loneblossom.jpg" alt="" /></a></li>
 +
<li class="slide"><p>Sailboat at sunset</p><a href="images/gallery/sailsunset.jpg"><img src="images/gallery/sailsunset.jpg" alt="" /></a></li>
 +
<li class="slide"><p>Group of sea lions</p><a href="images/gallery/sealions.jpg"><img src="images/gallery/sealions.jpg" alt="" /></a></li>
 +
<li class="slide"><p>Buds forming in spring</p><a href="images/gallery/springbuds.jpg"><img src="images/gallery/springbuds.jpg" alt="" /></a></li>
 +
<li class="slide"><p>Tulips in vase</p><a href="images/gallery/tulips.jpg"><img src="images/gallery/tulips.jpg" alt="" /></a></li>
 +
<li class="slide"><p>Field of wildflowers</p><a href="images/gallery/wildflowerfield.jpg"><img src="images/gallery/wildflowerfield.jpg" alt="" /></a></li>
 +
</ul>
 +
<ul class="navigation">
 +
<li><a href="javascript:void(0);" class="first">first</a></li>
 +
<li><a href="javascript:void(0);" class="prev">prev</a></li>
 +
<li><a href="javascript:void(0);" class="page">1</a></li>
 +
<li><a href="javascript:void(0);" class="page">2</a></li>
 +
<li><a href="javascript:void(0);" class="page">3</a></li>
 +
<li><a href="javascript:void(0);" class="page">4</a></li>
 +
<li><a href="javascript:void(0);" class="page">5</a></li>
 +
<li><a href="javascript:void(0);" class="page">6</a></li>
 +
<li><a href="javascript:void(0);" class="page">7</a></li>
 +
<li><a href="javascript:void(0);" class="page">8</a></li>
 +
<li><a href="javascript:void(0);" class="page">9</a></li>
 +
<li><a href="javascript:void(0);" class="page">10</a></li>
 +
<li><a href="javascript:void(0);" class="next">next</a></li>
 +
<li><a href="javascript:void(0);" class="last">last</a></li>
 +
</ul>
 +
</div>
 +
<div class="callBackSlideShowLog"></div>
 +
<!-- Javascripts needed for jquery.slideShow -->
 +
<script type="text/javascript" src="js/jquery.js"></script>
 +
<!-- jquery.Slideshow file -->
 +
<script type="text/javascript" src="js/jquery.slideshow.js"></script>
 +
<!-- Javascripts for examples, can be deleted -->
 +
<script type="text/javascript">
 +
$(document).ready(function() {
 +
 +
// slideshow with callback
 +
$('.callbackSlideShow').slideShow({
 +
interval: 3,
 +
slideClick: function(slideShow) {
 +
if (slideShow.mouse.x > slideShow.options.slideSize.width / 2) {
 +
slideShow.next();
 +
} else {
 +
slideShow.previous();
 +
}
 +
},
 +
});
 +
});
 +
</script>
 +
<!-- end of jquery.Slideshow code -->
 +
 +
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin euismod tellus eu orci imperdiet nec rutrum lacus blandit. <a href="#">Cras enim nibh, sodales ultricies elementum vel</a>, fermentum id tellus. Proin metus odio, ultricies eu pharetra dictum, laoreet id odio. Curabitur in odio augue. Morbi congue auctor interdum. Phasellus sit amet metus justo. Phasellus vitae tellus orci, at elementum ipsum. In in quam eget diam adipiscing condimentum. Maecenas gravida diam vitae nisi convallis vulputate quis sit amet nibh. Nullam ut velit tortor. Curabitur ut elit id nisl volutpat consectetur ac ac lorem. Quisque non elit et elit lacinia lobortis nec a velit. Sed ac nisl sed enim consequat porttitor.</p>
 +
 +
<img src="images/footprintinsand.jpg" alt="footprint in sand" class="alignleft" /> <p>Pellentesque ut sapien arcu, egestas mollis massa. Fusce lectus leo, fringilla at aliquet sit amet, volutpat non erat. Aenean molestie nibh vitae turpis venenatis vel accumsan nunc tincidunt. Suspendisse id purus vel felis auctor mattis non ac erat. Pellentesque sodales venenatis condimentum. Aliquam sit amet nibh nisi, ut pulvinar est. Sed ullamcorper nisi vel tortor volutpat eleifend. Vestibulum iaculis ullamcorper diam consectetur sagittis. Quisque vitae mauris ut elit semper condimentum varius nec nisl. Nulla tempus porttitor dolor ac eleifend. Proin vitae purus lectus, a hendrerit ipsum. Aliquam mattis lacinia risus in blandit.</p>
-
<!-- *** End of the alert box *** -->
+
</article>
 +
<article class="articlecontent">
 +
<header>
 +
<h2>Here's another article title</h2>
 +
</header>
 +
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.</p>
 +
<img src="images/feetonbeach.png" alt="feet on beach" class="alignright" /><p>Vivamus vitae nulla dolor. Suspendisse eu lacinia justo. Vestibulum a felis ante, non aliquam leo. Aliquam eleifend, est viverra semper luctus, metus purus commodo elit, a elementum nisi lectus vel magna. Praesent faucibus leo sit amet arcu vehicula sed facilisis eros aliquet. Etiam sodales, enim sit amet mollis vestibulum, ipsum sapien accumsan lectus, eget ultricies arcu velit ut diam. Aenean fermentum luctus nulla, eu malesuada urna consequat in. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque massa lacus, sodales id facilisis ac, lobortis sed arcu. Donec hendrerit fringilla ligula, ac rutrum nulla bibendum id. Cras sapien ligula, tincidunt eget euismod nec, ultricies eu augue. Nulla vitae velit sollicitudin magna mattis eleifend. Nam enim justo, vulputate vitae pretium ac, rutrum at turpis. Aenean id magna neque. Sed rhoncus aliquet viverra.</p>
 +
</article>
 +
</div>
 +
 +
<aside>
 +
 +
<nav>
 +
<ul>
 +
<li class="selected"><a href="#">Home</a></li>
 +
<li><a href="#">About</a></li>
 +
<li><a href="#">Products</a></li>
 +
<li><a href="#">Contact</a></li>
 +
<li><a href="#">Support</a></li>
 +
</ul>
 +
</nav>
 +
 +
<section>
 +
<header>
 +
<h3>Sponsors</h3>
 +
</header>
 +
<img src="images/ad125.jpg" alt="ad" /> <img src="images/ad125.jpg" alt="ad" />
 +
</section>
-
{|align="justify"
+
<section>
-
|You can write a background of your team here.  Give us a background of your team, the members, etc.  Or tell us more about something of your choosing.
+
<header>
-
|[[Image:Tokyo-NoKoGen_logo.png|200px|right|frame]]
+
<h3>Categories</h3>
-
|-
+
</header>
-
|
+
<ul>
-
''Tell us more about your project.  Give us background.  Use this as the abstract of your project.  Be descriptive but concise (1-2 paragraphs)''
+
<li><a href="#">Limes</a></li>
-
|[[Image:Tokyo-NoKoGen_team.png|right|frame|Your team picture]]
+
<li><a href="#">Lemons</a></li>
-
|-
+
<li><a href="#">Grapefruit</a></li>
-
|
+
<li><a href="#">Kiwi</a></li>
-
|align="center"|[[Team:Tokyo-NoKoGen | Team Tokyo-NoKoGen]]
+
<li><a href="#">Other Citrus Fruit</a></li>
-
|}
+
</ul>
 +
</section>
 +
 +
<section>
 +
<header>
 +
<h3>Recent Articles</h3>
 +
</header>
 +
<ul>
 +
<li><a href="#">How To Make Key Lime Pie</a></li>
 +
<li><a href="#">Is Citrus Good For Skin Care?</a><br /><br /></li>
 +
</ul>
 +
</section>
 +
 +
</aside>
-
<!--- The Mission, Experiments --->
+
<footer>
-
 
+
<br />
-
{| style="color:#1b2c8a;background-color:#0c6;" cellpadding="3" cellspacing="1" border="1" bordercolor="#fff" width="62%" align="center"
+
<p>&copy; 2010 <a href="#" title="your site name">yoursite.com</a></p>
-
!align="center"|[[Team:Tokyo-NoKoGen|Home]]
+
</footer>
-
!align="center"|[[Team:Tokyo-NoKoGen/Team|Team]]
+
<!-- Free template created by http://freehtml5templates.com -->
-
!align="center"|[https://igem.org/Team.cgi?year=2012&team_name=Tokyo-NoKoGen Official Team Profile]
+
</body>
-
!align="center"|[[Team:Tokyo-NoKoGen/Project|Project]]
+
</html>
-
!align="center"|[[Team:Tokyo-NoKoGen/Parts|Parts Submitted to the Registry]]
+
-
!align="center"|[[Team:Tokyo-NoKoGen/Modeling|Modeling]]
+
-
!align="center"|[[Team:Tokyo-NoKoGen/Notebook|Notebook]]
+
-
!align="center"|[[Team:Tokyo-NoKoGen/Safety|Safety]]
+
-
!align="center"|[[Team:Tokyo-NoKoGen/Attributions|Attributions]]
+
-
|}
+

Revision as of 00:59, 19 April 2012

<!doctype html> 2CPortfolio

2CPortfolio

Your Spiffy Tag Line Goes Here

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.

lime

This is your portfolio slider

  • A beautiful pink flower

    flower
  • A blooming tree in the spring

  • Grand Canyon

  • A lone blossom

  • Sailboat at sunset

  • Group of sea lions

  • Buds forming in spring

  • Tulips in vase

  • Field of wildflowers

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin euismod tellus eu orci imperdiet nec rutrum lacus blandit. Cras enim nibh, sodales ultricies elementum vel, fermentum id tellus. Proin metus odio, ultricies eu pharetra dictum, laoreet id odio. Curabitur in odio augue. Morbi congue auctor interdum. Phasellus sit amet metus justo. Phasellus vitae tellus orci, at elementum ipsum. In in quam eget diam adipiscing condimentum. Maecenas gravida diam vitae nisi convallis vulputate quis sit amet nibh. Nullam ut velit tortor. Curabitur ut elit id nisl volutpat consectetur ac ac lorem. Quisque non elit et elit lacinia lobortis nec a velit. Sed ac nisl sed enim consequat porttitor.

footprint in sand

Pellentesque ut sapien arcu, egestas mollis massa. Fusce lectus leo, fringilla at aliquet sit amet, volutpat non erat. Aenean molestie nibh vitae turpis venenatis vel accumsan nunc tincidunt. Suspendisse id purus vel felis auctor mattis non ac erat. Pellentesque sodales venenatis condimentum. Aliquam sit amet nibh nisi, ut pulvinar est. Sed ullamcorper nisi vel tortor volutpat eleifend. Vestibulum iaculis ullamcorper diam consectetur sagittis. Quisque vitae mauris ut elit semper condimentum varius nec nisl. Nulla tempus porttitor dolor ac eleifend. Proin vitae purus lectus, a hendrerit ipsum. Aliquam mattis lacinia risus in blandit.

Here's another article title

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut.

feet on beach

Vivamus vitae nulla dolor. Suspendisse eu lacinia justo. Vestibulum a felis ante, non aliquam leo. Aliquam eleifend, est viverra semper luctus, metus purus commodo elit, a elementum nisi lectus vel magna. Praesent faucibus leo sit amet arcu vehicula sed facilisis eros aliquet. Etiam sodales, enim sit amet mollis vestibulum, ipsum sapien accumsan lectus, eget ultricies arcu velit ut diam. Aenean fermentum luctus nulla, eu malesuada urna consequat in. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Pellentesque massa lacus, sodales id facilisis ac, lobortis sed arcu. Donec hendrerit fringilla ligula, ac rutrum nulla bibendum id. Cras sapien ligula, tincidunt eget euismod nec, ultricies eu augue. Nulla vitae velit sollicitudin magna mattis eleifend. Nam enim justo, vulputate vitae pretium ac, rutrum at turpis. Aenean id magna neque. Sed rhoncus aliquet viverra.