Team:Charlottesville RS
From 2014hs.igem.org
Ingamename (Talk | contribs) |
Ingamename (Talk | contribs) |
||
Line 10: | Line 10: | ||
<body id="top"> | <body id="top"> | ||
<div class="wrapper col1"> | <div class="wrapper col1"> | ||
- | + | <div id="head"> | |
- | + | <h1><a href="#">Solutions</a></h1> | |
- | + | <p>Free CSS Website Template</p> | |
- | + | <div id="topnav"> | |
- | + | <ul> | |
- | + | <li><a href="index.html">Home</a></li> | |
- | + | <li><a href="style-demo.html">Style Demo</a></li> | |
- | + | <li><a class="active" href="full-width.html">Full Width</a></li> | |
- | + | <li class="last"><a href="#">Services</a></li> | |
- | + | </ul> | |
- | + | </div> | |
- | + | <div id="search"> | |
- | + | <form action="#" method="post"> | |
- | + | <fieldset> | |
- | + | <legend>Site Search</legend> | |
- | + | <input type="submit" name="go" id="go" value="GO" /> | |
- | + | <input type="text" value="Search the site…" onfocus="this.value=(this.value=='Search the site…')? '' : this.value ;" /> | |
- | + | </fieldset> | |
- | + | </form> | |
- | + | </div> | |
- | + | </div> | |
</div> | </div> | ||
<div class="wrapper col2"> | <div class="wrapper col2"> | ||
- | + | <div id="gallery"> | |
- | + | <ul> | |
- | + | <li><a href="#"><strong>Company</strong><img src="images/demo/234x210.gif" alt="" /></a></li> | |
- | + | <li><a href="#"><strong>Services</strong><img src="images/demo/234x210.gif" alt="" /></a></li> | |
- | + | <li><a href="#"><strong>Products</strong><img src="images/demo/234x210.gif" alt="" /></a></li> | |
- | + | <li class="last"><a href="#"><strong>Location</strong><img src="images/demo/234x210.gif" alt="" /></a></li> | |
- | + | </ul> | |
- | + | </div> | |
</div> | </div> | ||
<div class="wrapper col3"> | <div class="wrapper col3"> | ||
- | + | <div id="breadcrumb"> | |
- | + | <ul> | |
- | + | <li class="first">You Are Here</li> | |
- | + | <li>»</li> | |
- | + | <li><a href="#">Home</a></li> | |
- | + | <li>»</li> | |
- | + | <li><a href="#">Grand Parent</a></li> | |
- | + | <li>»</li> | |
- | + | <li><a href="#">Parent</a></li> | |
- | + | <li>»</li> | |
- | + | <li class="current"><a href="#">Child</a></li> | |
- | + | </ul> | |
- | + | </div> | |
</div> | </div> | ||
<div class="wrapper col3"> | <div class="wrapper col3"> | ||
- | + | <div id="container"> | |
- | + | <h1>Headline 1 Colour and Size</h1> | |
- | + | <h2>Headline 2 Colour and Size</h2> | |
- | + | <h3>Headline 3 Colour and Size</h3> | |
- | + | <h4>Headline 4 Colour and Size</h4> | |
- | + | <h5>Headline 5 Colour and Size</h5> | |
- | + | <h6>Headline 6 Colour and Size</h6> | |
- | + | <p>This is a W3C compliant free website template from <a href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a>. This template is distributed using a <a href="http://www.os-templates.com/template-terms">Website Template Licence</a>.</p> | |
- | + | <p>You can use and modify the template for both personal and commercial use. You must keep all copyright information and credit links in the template and associated files. For more CSS templates visit <a href="http://www.os-templates.com/">Free Website Templates</a>.</p> | |
- | + | <ul> | |
- | + | <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> | |
- | + | <li>Etiam vel sapien et est adipiscing commodo.</li> | |
- | + | <li>Duis pharetra eleifend sapien, id faucibus dolor rutrum et.</li> | |
- | + | <li>Donec et dui dolor, in lacinia leo.</li> | |
- | + | <li>Mauris posuere tellus ac purus adipiscing dapibus.</li> | |
- | + | </ul> | |
- | + | <p>Vestibulumaccumsan egestibulum eu justo convallis augue estas aenean elit intesque sed. Facilispede estibulum nulla orna nisl velit elit ac aliquat non tincidunt. Namjusto cras urna urnaretra lor urna neque sed quis orci nulla. Laoremut vitae doloreet condimentumst phasellentes dolor ut a ipsum id consectetus. Inpede cumst vitae ris tellentesque fring intesquet nibh fames nulla curabitudin.</p> | |
- | + | <ol> | |
- | + | <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li> | |
- | + | <li>Etiam vel sapien et est adipiscing commodo.</li> | |
- | + | <li>Duis pharetra eleifend sapien, id faucibus dolor rutrum et.</li> | |
- | + | <li>Donec et dui dolor, in lacinia leo.</li> | |
- | + | <li>Mauris posuere tellus ac purus adipiscing dapibus.</li> | |
- | + | </ol> | |
- | + | </div> | |
</div> | </div> | ||
<div class="wrapper col5"> | <div class="wrapper col5"> | ||
- | + | <div id="footer"> | |
- | + | <div id="contactform"> | |
- | + | <h2>Why Not Contact Us Today !</h2> | |
- | + | <form action="#" method="post"> | |
- | + | <fieldset> | |
- | + | <legend>Contact Form</legend> | |
- | + | <label for="fullname">Name: | |
- | + | <input id="fullname" name="fullname" type="text" value="" /> | |
- | + | </label> | |
- | + | <label for="emailaddress" class="margin">Email: | |
- | + | <input id="emailaddress" name="emailaddress" type="text" value="" /> | |
- | + | </label> | |
- | + | <label for="phone">Telephone: | |
- | + | <input id="phone" name="phone" type="text" value="" /> | |
- | + | </label> | |
- | + | <label for="subject" class="margin">Subject: | |
- | + | <input id="subject" name="subject" type="text" value="" /> | |
- | + | </label> | |
- | + | <label for="message">Message:<br /> | |
- | + | <textarea id="message" name="message" cols="40" rows="4"></textarea> | |
- | + | </label> | |
- | + | <p> | |
- | + | <input id="submitform" name="submitform" type="submit" value="Submit" /> | |
- | + | | |
- | + | <input id="resetform" name="resetform" type="reset" value="Reset" /> | |
- | + | </p> | |
- | + | </fieldset> | |
- | + | </form> | |
- | + | </div> | |
- | + | <div id="compdetails"> | |
- | + | <div id="officialdetails"> | |
- | + | <h2>Company Information !</h2> | |
- | + | <ul> | |
- | + | <li>Copyright © 2011 - All Rights Reserved</li> | |
- | + | <li>Company Name Ltd</li> | |
- | + | <li>Registered in England & Wales</li> | |
- | + | <li>Company No. xxxxxxx</li> | |
- | + | <li class="last">VAT No. xxxxxxxxx</li> | |
- | + | </ul> | |
- | + | <h2>Stay in The Know !</h2> | |
- | + | <p><a href="#">Get Our E-Newsletter</a> | <a href="#">Grab The RSS Feed</a></p> | |
- | + | </div> | |
- | + | <div id="contactdetails"> | |
- | + | <h2>Our Contact Details !</h2> | |
- | + | <ul> | |
- | + | <li>Company Name</li> | |
- | + | <li>Street Name & Number</li> | |
- | + | <li>Town</li> | |
- | + | <li>Postcode/Zip</li> | |
- | + | <li>Tel: xxxxx xxxxxxxxxx</li> | |
- | + | <li>Fax: xxxxx xxxxxxxxxx</li> | |
- | + | <li>Email: info@domain.com</li> | |
- | + | <li class="last">LinkedIn: <a href="#">Company Profile</a></li> | |
- | + | </ul> | |
- | + | </div> | |
- | + | <div class="clear"></div> | |
- | + | </div> | |
- | + | <div class="clear"></div> | |
- | + | </div> | |
</div> | </div> | ||
<div class="wrapper col6"> | <div class="wrapper col6"> | ||
- | + | <div id="copyright"> | |
- | + | <p class="fl_left">Copyright © 2011 - All Rights Reserved - <a href="#">Domain Name</a></p> | |
- | + | <p class="fl_right">Template by <a href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a></p> | |
- | + | <br class="clear" /> | |
- | + | </div> | |
</div> | </div> | ||
</body> | </body> | ||
</html> | </html> |
Revision as of 15:05, 31 January 2014
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Headline 1 Colour and Size
Headline 2 Colour and Size
Headline 3 Colour and Size
Headline 4 Colour and Size
Headline 5 Colour and Size
Headline 6 Colour and Size
This is a W3C compliant free website template from OS Templates. This template is distributed using a Website Template Licence.
You can use and modify the template for both personal and commercial use. You must keep all copyright information and credit links in the template and associated files. For more CSS templates visit Free Website Templates.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Etiam vel sapien et est adipiscing commodo.
- Duis pharetra eleifend sapien, id faucibus dolor rutrum et.
- Donec et dui dolor, in lacinia leo.
- Mauris posuere tellus ac purus adipiscing dapibus.
Vestibulumaccumsan egestibulum eu justo convallis augue estas aenean elit intesque sed. Facilispede estibulum nulla orna nisl velit elit ac aliquat non tincidunt. Namjusto cras urna urnaretra lor urna neque sed quis orci nulla. Laoremut vitae doloreet condimentumst phasellentes dolor ut a ipsum id consectetus. Inpede cumst vitae ris tellentesque fring intesquet nibh fames nulla curabitudin.
- Lorem ipsum dolor sit amet, consectetur adipiscing elit.
- Etiam vel sapien et est adipiscing commodo.
- Duis pharetra eleifend sapien, id faucibus dolor rutrum et.
- Donec et dui dolor, in lacinia leo.
- Mauris posuere tellus ac purus adipiscing dapibus.