Team:Charlottesville RS

From 2014hs.igem.org

(Difference between revisions)
Line 1: Line 1:
-
    <!-- Nav Bar -->
+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
-
+
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="EN" lang="EN" dir="ltr">
-
  <div class="row">
+
<head profile="http://gmpg.org/xfn/11">
-
    <div class="large-12 columns">
+
<title>Solutions | Full Width</title>
-
      <div class="nav-bar right">
+
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
-
      <ul class="button-group">
+
<meta http-equiv="imagetoolbar" content="no" />
-
        <li><a href="#" class="button">Link 1</a></li>
+
<link rel="stylesheet" href="styles/layout.css" type="text/css" />
-
        <li><a href="#" class="button">Link 2</a></li>
+
<!--[if lte IE 6]><style type="text/css">.clear{zoom:1;}</style><![endif]-->
-
        <li><a href="#" class="button">Link 3</a></li>
+
</head>
-
        <li><a href="#" class="button">Link 4</a></li>
+
<body id="top">
-
        </ul>
+
<div class="wrapper col1">
-
      </div>
+
  <div id="head">
-
       <h1>Blog <small>This is my blog. It's awesome.</small></h1>
+
    <h1><a href="#">Solutions</a></h1>
-
       <hr />
+
    <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&hellip;"  onfocus="this.value=(this.value=='Search the site&hellip;')? '' : this.value ;" />
 +
        </fieldset>
 +
       </form>
     </div>
     </div>
   </div>
   </div>
-
+
</div>
-
   <!-- End Nav -->
+
<div class="wrapper col2">
-
+
   <div id="gallery">
-
+
    <ul>
-
  <!-- Main Page Content and Sidebar -->
+
      <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>
-
  <div class="row">
+
      <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>
-
     <!-- Main Blog Content -->
+
     </ul>
-
    <div class="large-9 columns" role="content">
+
  </div>
-
+
</div>
-
       <article>
+
<div class="wrapper col3">
-
+
  <div id="breadcrumb">
-
        <h3><a href="#">Blog Post Title</a></h3>
+
    <ul>
-
        <h6>Written by <a href="#">John Smith</a> on August 12, 2012.</h6>
+
       <li class="first">You Are Here</li>
-
+
      <li>&#187;</li>
-
        <div class="row">
+
      <li><a href="#">Home</a></li>
-
          <div class="large-6 columns">
+
      <li>&#187;</li>
-
            <p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit, dolore aliqua non est magna in labore pig pork biltong. Eiusmod swine spare ribs reprehenderit culpa.</p>
+
      <li><a href="#">Grand Parent</a></li>
-
            <p>Boudin aliqua adipisicing rump corned beef. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.</p>
+
      <li>&#187;</li>
-
          </div>
+
      <li><a href="#">Parent</a></li>
-
          <div class="large-6 columns">
+
      <li>&#187;</li>
-
            <img src="http://placehold.it/400x240&text=[img]" />
+
      <li class="current"><a href="#">Child</a></li>
-
          </div>
+
    </ul>
-
        </div>
+
  </div>
-
+
</div>
-
        <p>Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.</p>
+
<div class="wrapper col3">
-
+
  <div id="container">
-
        <p>Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.</p>
+
    <h1>Headline 1 Colour and Size</h1>
-
+
    <h2>Headline 2 Colour and Size</h2>
-
       </article>
+
    <h3>Headline 3 Colour and Size</h3>
-
+
    <h4>Headline 4 Colour and Size</h4>
-
       <hr />
+
    <h5>Headline 5 Colour and Size</h5>
-
+
    <h6>Headline 6 Colour and Size</h6>
-
       <article>
+
    <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>
-
        <h3><a href="#">Blog Post Title</a></h3>
+
    <ul>
-
        <h6>Written by <a href="#">John Smith</a> on August 12, 2012.</h6>
+
      <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
-
+
      <li>Etiam vel sapien et est adipiscing commodo.</li>
-
        <div class="row">
+
      <li>Duis pharetra eleifend sapien, id faucibus dolor rutrum et.</li>
-
           <div class="large-6 columns">
+
      <li>Donec et dui dolor, in lacinia leo.</li>
-
             <p>Bacon ipsum dolor sit amet nulla ham qui sint exercitation eiusmod commodo, chuck duis velit. Aute in reprehenderit, dolore aliqua non est magna in labore pig pork biltong. Eiusmod swine spare ribs reprehenderit culpa.</p>
+
      <li>Mauris posuere tellus ac purus adipiscing dapibus.</li>
-
            <p>Boudin aliqua adipisicing rump corned beef. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.</p>
+
    </ul>
-
           </div>
+
    <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>
-
           <div class="large-6 columns">
+
    <ol>
-
             <img src="http://placehold.it/400x240&text=[img]" />
+
       <li>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</li>
-
           </div>
+
      <li>Etiam vel sapien et est adipiscing commodo.</li>
-
        </div>
+
       <li>Duis pharetra eleifend sapien, id faucibus dolor rutrum et.</li>
-
+
      <li>Donec et dui dolor, in lacinia leo.</li>
-
        <p>Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.</p>
+
       <li>Mauris posuere tellus ac purus adipiscing dapibus.</li>
-
+
    </ol>
-
        <p>Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow. Nulla corned beef sunt ball tip, qui bresaola enim jowl. Capicola short ribs minim salami nulla nostrud pastrami.</p>
+
  </div>
-
+
</div>
-
       </article>
+
<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" />
 +
            &nbsp;
 +
            <input id="resetform" name="resetform" type="reset" value="Reset" />
 +
          </p>
 +
        </fieldset>
 +
       </form>
     </div>
     </div>
-
+
     <div id="compdetails">
-
     <!-- End Main Content -->
+
      <div id="officialdetails">
-
+
        <h2>Company Information !</h2>
-
+
        <ul>
-
    <!-- Sidebar -->
+
          <li>Copyright &copy; 2011 - All Rights Reserved</li>
-
+
          <li>Company Name Ltd</li>
-
    <aside class="large-3 columns">
+
          <li>Registered in England &amp; Wales</li>
-
+
          <li>Company No. xxxxxxx</li>
-
      <h5>Categories</h5>
+
          <li class="last">VAT No. xxxxxxxxx</li>
-
      <ul class="side-nav">
+
        </ul>
-
        <li><a href="#">News</a></li>
+
         <h2>Stay in The Know !</h2>
-
        <li><a href="#">Code</a></li>
+
         <p><a href="#">Get Our E-Newsletter</a> | <a href="#">Grab The RSS Feed</a></p>
-
        <li><a href="#">Design</a></li>
+
-
        <li><a href="#">Fun</a></li>
+
-
        <li><a href="#">Weasels</a></li>
+
-
      </ul>
+
-
+
-
      <div class="panel">
+
-
         <h5>Featured</h5>
+
-
         <p>Pork drumstick turkey fugiat. Tri-tip elit turducken pork chop in. Swine short ribs meatball irure bacon nulla pork belly cupidatat meatloaf cow.</p>
+
-
        <a href="#">Read More →</a>
+
       </div>
       </div>
-
+
      <div id="contactdetails">
-
    </aside>
+
        <h2>Our Contact Details !</h2>
-
+
         <ul>
-
    <!-- End Sidebar -->
+
           <li>Company Name</li>
-
  </div>
+
          <li>Street Name &amp; Number</li>
-
+
           <li>Town</li>
-
  <!-- End Main Content and Sidebar -->
+
          <li>Postcode/Zip</li>
-
+
          <li>Tel: xxxxx xxxxxxxxxx</li>
-
+
          <li>Fax: xxxxx xxxxxxxxxx</li>
-
  <!-- Footer -->
+
          <li>Email: info@domain.com</li>
-
+
          <li class="last">LinkedIn: <a href="#">Company Profile</a></li>
-
  <footer class="row">
+
        </ul>
-
    <div class="large-12 columns">
+
-
      <hr />
+
-
      <div class="row">
+
-
         <div class="large-6 columns">
+
-
           <p>© Copyright no one at all. Go to town.</p>
+
-
        </div>
+
-
        <div class="large-6 columns">
+
-
           <ul class="inline-list right">
+
-
            <li><a href="#">Link 1</a></li>
+
-
            <li><a href="#">Link 2</a></li>
+
-
            <li><a href="#">Link 3</a></li>
+
-
            <li><a href="#">Link 4</a></li>
+
-
          </ul>
+
-
        </div>
+
       </div>
       </div>
 +
      <div class="clear"></div>
     </div>
     </div>
-
   </footer>
+
    <div class="clear"></div>
 +
   </div>
 +
</div>
 +
<div class="wrapper col6">
 +
  <div id="copyright">
 +
    <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>
 +
    <br class="clear" />
 +
  </div>
 +
</div>
 +
</body>
 +
</html>

Revision as of 14:54, 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.