Team:Charlottesville RS

From 2014hs.igem.org

(Difference between revisions)
Line 10: Line 10:
<body id="top">
<body id="top">
<div class="wrapper col1">
<div class="wrapper col1">
-
  <div id="head">
+
<div id="head">
-
    <h1><a href="#">Solutions</a></h1>
+
<h1><a href="#">Solutions</a></h1>
-
    <p>Free CSS Website Template</p>
+
<p>Free CSS Website Template</p>
-
    <div id="topnav">
+
<div id="topnav">
-
      <ul>
+
<ul>
-
        <li><a href="index.html">Home</a></li>
+
<li><a href="index.html">Home</a></li>
-
        <li><a href="style-demo.html">Style Demo</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><a class="active" href="full-width.html">Full Width</a></li>
-
        <li class="last"><a href="#">Services</a></li>
+
<li class="last"><a href="#">Services</a></li>
-
      </ul>
+
</ul>
-
    </div>
+
</div>
-
    <div id="search">
+
<div id="search">
-
      <form action="#" method="post">
+
<form action="#" method="post">
-
        <fieldset>
+
<fieldset>
-
          <legend>Site Search</legend>
+
<legend>Site Search</legend>
-
          <input type="submit" name="go" id="go" value="GO" />
+
<input type="submit" name="go" id="go" value="GO" />
-
          <input type="text" value="Search the site&hellip;"  onfocus="this.value=(this.value=='Search the site&hellip;')? '' : this.value ;" />
+
<input type="text" value="Search the site&hellip;"  onfocus="this.value=(this.value=='Search the site&hellip;')? '' : this.value ;" />
-
        </fieldset>
+
</fieldset>
-
      </form>
+
</form>
-
    </div>
+
</div>
-
  </div>
+
</div>
</div>
</div>
<div class="wrapper col2">
<div class="wrapper col2">
-
  <div id="gallery">
+
<div id="gallery">
-
    <ul>
+
<ul>
-
      <li><a href="#"><strong>Company</strong><img src="images/demo/234x210.gif" alt="" /></a></li>
+
<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>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><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>
+
<li class="last"><a href="#"><strong>Location</strong><img src="images/demo/234x210.gif" alt="" /></a></li>
-
    </ul>
+
</ul>
-
  </div>
+
</div>
</div>
</div>
<div class="wrapper col3">
<div class="wrapper col3">
-
  <div id="breadcrumb">
+
<div id="breadcrumb">
-
    <ul>
+
<ul>
-
      <li class="first">You Are Here</li>
+
<li class="first">You Are Here</li>
-
      <li>&#187;</li>
+
<li>&#187;</li>
-
      <li><a href="#">Home</a></li>
+
<li><a href="#">Home</a></li>
-
      <li>&#187;</li>
+
<li>&#187;</li>
-
      <li><a href="#">Grand Parent</a></li>
+
<li><a href="#">Grand Parent</a></li>
-
      <li>&#187;</li>
+
<li>&#187;</li>
-
      <li><a href="#">Parent</a></li>
+
<li><a href="#">Parent</a></li>
-
      <li>&#187;</li>
+
<li>&#187;</li>
-
      <li class="current"><a href="#">Child</a></li>
+
<li class="current"><a href="#">Child</a></li>
-
    </ul>
+
</ul>
-
  </div>
+
</div>
</div>
</div>
<div class="wrapper col3">
<div class="wrapper col3">
-
  <div id="container">
+
<div id="container">
-
    <h1>Headline 1 Colour and Size</h1>
+
<h1>Headline 1 Colour and Size</h1>
-
    <h2>Headline 2 Colour and Size</h2>
+
<h2>Headline 2 Colour and Size</h2>
-
    <h3>Headline 3 Colour and Size</h3>
+
<h3>Headline 3 Colour and Size</h3>
-
    <h4>Headline 4 Colour and Size</h4>
+
<h4>Headline 4 Colour and Size</h4>
-
    <h5>Headline 5 Colour and Size</h5>
+
<h5>Headline 5 Colour and Size</h5>
-
    <h6>Headline 6 Colour and Size</h6>
+
<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>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>
+
<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>
+
<ul>
-
      <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
-
      <li>Etiam vel sapien et est adipiscing commodo.</li>
+
<li>Etiam vel sapien et est adipiscing commodo.</li>
-
      <li>Duis pharetra eleifend sapien, id faucibus dolor rutrum et.</li>
+
<li>Duis pharetra eleifend sapien, id faucibus dolor rutrum et.</li>
-
      <li>Donec et dui dolor, in lacinia leo.</li>
+
<li>Donec et dui dolor, in lacinia leo.</li>
-
      <li>Mauris posuere tellus ac purus adipiscing dapibus.</li>
+
<li>Mauris posuere tellus ac purus adipiscing dapibus.</li>
-
    </ul>
+
</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>
+
<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>
+
<ol>
-
      <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
+
<li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
-
      <li>Etiam vel sapien et est adipiscing commodo.</li>
+
<li>Etiam vel sapien et est adipiscing commodo.</li>
-
      <li>Duis pharetra eleifend sapien, id faucibus dolor rutrum et.</li>
+
<li>Duis pharetra eleifend sapien, id faucibus dolor rutrum et.</li>
-
      <li>Donec et dui dolor, in lacinia leo.</li>
+
<li>Donec et dui dolor, in lacinia leo.</li>
-
      <li>Mauris posuere tellus ac purus adipiscing dapibus.</li>
+
<li>Mauris posuere tellus ac purus adipiscing dapibus.</li>
-
    </ol>
+
</ol>
-
  </div>
+
</div>
</div>
</div>
<div class="wrapper col5">
<div class="wrapper col5">
-
  <div id="footer">
+
<div id="footer">
-
    <div id="contactform">
+
<div id="contactform">
-
      <h2>Why Not Contact Us Today !</h2>
+
<h2>Why Not Contact Us Today !</h2>
-
      <form action="#" method="post">
+
<form action="#" method="post">
-
        <fieldset>
+
<fieldset>
-
          <legend>Contact Form</legend>
+
<legend>Contact Form</legend>
-
          <label for="fullname">Name:
+
<label for="fullname">Name:
-
            <input id="fullname" name="fullname" type="text" value="" />
+
<input id="fullname" name="fullname" type="text" value="" />
-
          </label>
+
</label>
-
          <label for="emailaddress" class="margin">Email:
+
<label for="emailaddress" class="margin">Email:
-
            <input id="emailaddress" name="emailaddress" type="text" value="" />
+
<input id="emailaddress" name="emailaddress" type="text" value="" />
-
          </label>
+
</label>
-
          <label for="phone">Telephone:
+
<label for="phone">Telephone:
-
            <input id="phone" name="phone" type="text" value="" />
+
<input id="phone" name="phone" type="text" value="" />
-
          </label>
+
</label>
-
          <label for="subject" class="margin">Subject:
+
<label for="subject" class="margin">Subject:
-
            <input id="subject" name="subject" type="text" value="" />
+
<input id="subject" name="subject" type="text" value="" />
-
          </label>
+
</label>
-
          <label for="message">Message:<br />
+
<label for="message">Message:<br />
-
            <textarea id="message" name="message" cols="40" rows="4"></textarea>
+
<textarea id="message" name="message" cols="40" rows="4"></textarea>
-
          </label>
+
</label>
-
          <p>
+
<p>
-
            <input id="submitform" name="submitform" type="submit" value="Submit" />
+
<input id="submitform" name="submitform" type="submit" value="Submit" />
-
            &nbsp;
+
&nbsp;
-
            <input id="resetform" name="resetform" type="reset" value="Reset" />
+
<input id="resetform" name="resetform" type="reset" value="Reset" />
-
          </p>
+
</p>
-
        </fieldset>
+
</fieldset>
-
      </form>
+
</form>
-
    </div>
+
</div>
-
    <div id="compdetails">
+
<div id="compdetails">
-
      <div id="officialdetails">
+
<div id="officialdetails">
-
        <h2>Company Information !</h2>
+
<h2>Company Information !</h2>
-
        <ul>
+
<ul>
-
          <li>Copyright &copy; 2011 - All Rights Reserved</li>
+
<li>Copyright &copy; 2011 - All Rights Reserved</li>
-
          <li>Company Name Ltd</li>
+
<li>Company Name Ltd</li>
-
          <li>Registered in England &amp; Wales</li>
+
<li>Registered in England &amp; Wales</li>
-
          <li>Company No. xxxxxxx</li>
+
<li>Company No. xxxxxxx</li>
-
          <li class="last">VAT No. xxxxxxxxx</li>
+
<li class="last">VAT No. xxxxxxxxx</li>
-
        </ul>
+
</ul>
-
        <h2>Stay in The Know !</h2>
+
<h2>Stay in The Know !</h2>
-
        <p><a href="#">Get Our E-Newsletter</a> | <a href="#">Grab The RSS Feed</a></p>
+
<p><a href="#">Get Our E-Newsletter</a> | <a href="#">Grab The RSS Feed</a></p>
-
      </div>
+
</div>
-
      <div id="contactdetails">
+
<div id="contactdetails">
-
        <h2>Our Contact Details !</h2>
+
<h2>Our Contact Details !</h2>
-
        <ul>
+
<ul>
-
          <li>Company Name</li>
+
<li>Company Name</li>
-
          <li>Street Name &amp; Number</li>
+
<li>Street Name &amp; Number</li>
-
          <li>Town</li>
+
<li>Town</li>
-
          <li>Postcode/Zip</li>
+
<li>Postcode/Zip</li>
-
          <li>Tel: xxxxx xxxxxxxxxx</li>
+
<li>Tel: xxxxx xxxxxxxxxx</li>
-
          <li>Fax: xxxxx xxxxxxxxxx</li>
+
<li>Fax: xxxxx xxxxxxxxxx</li>
-
          <li>Email: info@domain.com</li>
+
<li>Email: info@domain.com</li>
-
          <li class="last">LinkedIn: <a href="#">Company Profile</a></li>
+
<li class="last">LinkedIn: <a href="#">Company Profile</a></li>
-
        </ul>
+
</ul>
-
      </div>
+
</div>
-
      <div class="clear"></div>
+
<div class="clear"></div>
-
    </div>
+
</div>
-
    <div class="clear"></div>
+
<div class="clear"></div>
-
  </div>
+
</div>
</div>
</div>
<div class="wrapper col6">
<div class="wrapper col6">
-
  <div id="copyright">
+
<div id="copyright">
-
    <p class="fl_left">Copyright &copy; 2011 - All Rights Reserved - <a href="#">Domain Name</a></p>
+
<p class="fl_left">Copyright &copy; 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>
+
<p class="fl_right">Template by <a href="http://www.os-templates.com/" title="Free Website Templates">OS Templates</a></p>
-
    <br class="clear" />
+
<br class="clear" />
-
  </div>
+
</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"> Solutions | Full Width

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.

  1. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
  2. Etiam vel sapien et est adipiscing commodo.
  3. Duis pharetra eleifend sapien, id faucibus dolor rutrum et.
  4. Donec et dui dolor, in lacinia leo.
  5. Mauris posuere tellus ac purus adipiscing dapibus.