Team:Missouri Miners

From 2013.igem.org

(Difference between revisions)
 
(35 intermediate revisions not shown)
Line 1: Line 1:
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
 
-
<html xmlns="http://www.w3.org/1999/xhtml">
 
-
<head>
 
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 
-
<title>sworm - Free CSS Template by ZyPOP</title>
 
-
<link rel="stylesheet" href="https://www.dropbox.com/s/j9bx95ach2g50pg/styles.css?dl=1" type="text/css" />
 
-
<!--
 
-
sworm, a free CSS web template by ZyPOP (zypopwebtemplates.com/)
 
-
Download: http://zypopwebtemplates.com/
 
-
License: Creative Commons Attribution
+
<html>
-
//-->
+
<style>
-
</head>
+
#nav {
-
<body>
+
height: 33px;
-
<div id="container">
+
width: 100%;
-
<div id="header">
+
background-color: #cfcfcf;
-
    <h1><a href="/">sworm</a></h1>
+
}
-
        <h2>your website slogan here</h2>
+
-
        <div class="clear"></div>
+
-
    </div>
+
-
    <div id="nav">
+
-
    <ul>
+
-
        <li class="start selected"><a href="index.html">Home</a></li>
+
-
            <li><a href="examples.html">Examples</a></li>
+
-
            <li><a href="#">Products</a></li>
+
-
            <li><a href="#">Solutions</a></li>
+
-
            <li class="end"><a href="#">Contact</a></li>
+
-
        </ul>
+
-
    </div>
+
-
    <div id="body">
+
-
<div id="content">
+
-
<h2>Introduction</h2>
+
-
            <p>Welcome to sworm, a free premium valid CSS &amp; XHTML strict web template from <a href="http://zypopwebtemplates.com/" title="ZyPOP">ZyPOP</a>. This template is completely <strong>free</strong> to use permitting a link remains back to  <a href="http://zypopwebtemplates.com/" title="ZyPOP">http://zypopwebtemplates.com/</a>. Should you wish to use this template unbranded you can buy a template license from our website for 8.00 GBP, this will allow you remove all branding related to our site, for more information about this see below.</p>
+
-
           
+
-
            <p>This template has been tested in:</p>
+
 +
#nav ul {
 +
list-style: none;
 +
padding: 0;
 +
margin: 0;
 +
height: 45px;
 +
}
-
            <ul class="styledlist">
+
#nav ul li {
-
                <li>Firefox</li>
+
float: left;
-
                <li>Opera</li>
+
display: block;
-
                <li>IE 6, 7, 8 and 9</li>
+
padding: 0;
-
                <li>Chrome</li>
+
}
-
            </ul>
+
-
   
+
-
            <h3>Buy unbranded</h3>
+
 +
#nav ul li a:hover, #nav ul li.selected {
 +
background-color:#67c41d;
 +
}
 +
#nav ul li a {
 +
color: #fff;
 +
display: block;
 +
border-right: 1px solid #fff;
 +
font-size: 11px;
 +
font-weight: bold;
 +
text-transform: uppercase;
 +
padding: 10px 20px;
 +
text-decoration: none;
 +
}
-
            <p>Purchasing a template license for 8.00 GBP (at time of writing around 12 USD) gives you the right to remove any branding including links, logos and source tags relating to ZyPOP. As well as waiving the attribution requirement, your payment will also help us provide continued support for users as well as creating new web templates. Find out more about how to buy at the licensing page on our website which can be accessed at <a href="http://zypopwebtemplates.com/licensing" title="template license">http://zypopwebtemplates.com/licensing</a></p>
+
#nav ul li.start a {
 +
border-left: none;
 +
}
-
<h3>Lorem lipsum</h3>
+
#nav ul li.end a {
 +
border-right: none;
 +
}
-
<p>Morbi fermentum condimentum felis, commodo vestibulum sem mattis sed. Aliquam magna ante, mollis vitae tincidunt in, malesuada vitae turpis. Sed aliquam libero ut velit bibendum consectetur. Quisque sagittis, est in laoreet semper, enim dui consequat felis, faucibus ornare urna velit nec leo. Maecenas condimentum velit vitae est lobortis fermentum. In tristique sem vitae metus ornare luctus tempus nisl volutpat. Integer et est id nisi tempus pharetra sagittis et libero.</p>
+
#nav ul li a:hover {
 +
color: #fff;
 +
text-decoration: underline;
 +
}
 +
.sidebar {
 +
width: 200px;
 +
padding: 10px 0 0;
 +
float: right;
 +
}
 +
 +
.sidebar h3 {
 +
color: #333;
 +
font-size: 22px;
 +
}
 +
 +
.sidebar ul {
 +
margin: 0;
 +
padding: 0;
 +
list-style: none;
 +
}
 +
 +
.sidebar ul li {
 +
margin-bottom: 20px;
 +
line-height: 1.9em;
 +
}
 +
 +
.sidebar li ul {
 +
}
 +
.sidebar li ul li {
 +
display: block;
 +
font-family: Arial, Helvetica, sans-serif;
 +
border-top: none;
 +
padding: 6px 2px;
 +
margin: 0;
 +
line-height: 1.5em;
 +
font-size: 13px;
 +
border: none;
 +
}
 +
 +
.sidebar li ul li a {
 +
font-weight: normal;
 +
color: #222;
 +
}
 +
 +
.sidebar li ul li a:hover {
 +
color: #67c41d;
 +
}
 +
 +
.sidebar li ul.blocklist li {
 +
padding: 0;
 +
display: inline;
 +
}
 +
 +
.sidebar li ul.blocklist li a {
 +
background-color: #EAEAEA;
 +
display: block;
 +
font-family: Arial,Helvetica,sans-serif;
 +
font-size: 11px;
 +
font-weight: bold;
 +
margin-bottom: 1px;
 +
padding: 7px 10px;
 +
text-decoration: none;
 +
text-transform: uppercase;
 +
}
 +
 +
.sidebar li ul.blocklist li a:hover {
 +
background-color: #67c41d;
 +
color: #fff;
 +
}
 +
code, blockquote {
 +
display: block;
 +
border-left: 5px solid #222;
 +
padding: 10px;
 +
margin-bottom: 20px;
 +
}
 +
code {
 +
background-color: #222;
 +
color:#ccc;
 +
border: none;
 +
}
 +
 +
 +
 +
</style>
 +
<div id="nav">
 +
    <ul>
 +
            <li class="start selected"><a href="https://2013.igem.org/Team:Missouri_Miners">Home</a></li>
 +
            <li><a href="https://2013.igem.org/Team:Missouri_Miners/Project">Our Project</a></li>
 +
            <li><a href="https://2013.igem.org/Team:Missouri_Miners/Team">Team</a></li>
 +
            <li><a href="https://igem.org/Team.cgi?year=2013&team_name=Missouri_Miners">Team Profile</a></li>
 +
        </ul>
 +
</div>
 +
<br />
 +
<div style="float:left; width:65%; color: #666;">
 +
    <p>
 +
        Project description will go here
 +
        <br />
 +
        can have
 +
        <br />
 +
        multiple lines
 +
    </p>
 +
    <code>
 +
        &lt;br /&gt; will insert a new line.
 +
    </code>
 +
    <code>
 +
        insert these tags to create a new paragraph.
 +
        <p>
 +
            &lt;p&gt; content goes here! &lt;/p&gt;
 +
        </p>
 +
        <p>
 +
            I will reformat the content if needed.
 +
        </p>
 +
    </code>
 +
</div>
-
        </div>
 
-
       
 
         <div class="sidebar">
         <div class="sidebar">
             <ul>
             <ul>
Line 62: Line 166:
                     <h3>Navigate</h3>
                     <h3>Navigate</h3>
                     <ul class="blocklist">
                     <ul class="blocklist">
-
                         <li><a href="index.html">Home</a></li>
+
                         <li><a href="https://2013.igem.org/Team:Missouri_Miners">Home Page</a></li>
-
                         <li><a href="examples.html">Examples</a></li>
+
                         <li><a href="http://igem.mst.edu">Our Website</a></li>
-
                         <li><a href="#">Products</a></li>
+
                         <li><a href="#">other</a></li>
-
                         <li><a href="#">Solutions</a></li>
+
                         <li><a href="#">pages</a></li>
-
                         <li><a href="#">Contact</a></li>
+
                         <li><a href="#">-</a></li>
                     </ul>
                     </ul>
                 </li>
                 </li>
-
               
 
-
                <li>
 
-
                    <h3>About</h3>
 
-
                    <ul>
 
-
                        <li>
 
-
                        <p style="margin: 0;">Aenean nec massa a tortor auctor sodales sed a dolor. Duis vitae lorem sem. Proin at velit vel arcu pretium luctus.</p>
 
-
                        </li>
 
-
                    </ul>
 
-
                </li>
 
-
               
 
-
                <li>
 
-
                <h3>Search</h3>
 
-
                    <ul>
 
-
                    <li>
 
-
                            <form method="get" class="searchform" action="http://wpdemo.justfreetemplates.com/" >
 
-
                                <p>
 
-
                                    <input type="text" size="12" value="" name="s" class="s" />
 
-
                                    <input type="submit" class="searchsubmit formbutton" value="Search" />
 
-
                                </p>
 
-
                            </form>
 
-
</li>
 
-
</ul>
 
-
                </li>
 
-
               
 
-
                <li>
 
-
                    <h3>Sponsors</h3>
 
-
                    <ul>
 
-
 
-
                    </ul>
 
-
                </li>
 
-
               
 
-
            </ul>
 
-
        </div>
 
-
    <div class="clear"></div>
 
-
    </div>
 
-
    <div id="footer">
 
-
        <div class="footer-content">
 
-
            <ul>
 
-
            <li><h4>Proin accumsan</h4></li>
 
-
                <li><a href="#">Rutrum nulla a ultrices</a></li>
 
-
                <li><a href="#">Blandit elementum</a></li>
 
-
                <li><a href="#">Proin placerat accumsan</a></li>
 
-
                <li><a href="#">Morbi hendrerit libero </a></li>
 
-
                <li><a href="#">Curabitur sit amet tellus</a></li>
 
-
            </ul>
 
-
           
 
-
            <ul>
 
-
            <li><h4>Condimentum</h4></li>
 
-
                <li><a href="#">Curabitur sit amet tellus</a></li>
 
-
                <li><a href="#">Morbi hendrerit libero </a></li>
 
-
                <li><a href="#">Proin placerat accumsan</a></li>
 
-
                <li><a href="#">Rutrum nulla a ultrices</a></li>
 
-
                <li><a href="#">Cras dictum</a></li>
 
             </ul>
             </ul>
-
           
 
-
            <ul class="endfooter">
 
-
            <li><h4>Suspendisse</h4></li>
 
-
                <li><a href="#">Morbi hendrerit libero </a></li>
 
-
                <li><a href="#">Proin placerat accumsan</a></li>
 
-
                <li><a href="#">Rutrum nulla a ultrices</a></li>
 
-
                <li><a href="#">Curabitur sit amet tellus</a></li>
 
-
                <li><a href="#">Donec in ligula nisl.</a></li>
 
-
            </ul>
 
-
           
 
-
            <div class="clear"></div>
 
-
        </div>
 
-
        <div class="footer-bottom">
 
-
            <p>&copy; YourSite 2010. Design by <a href="http://zypopwebtemplates.com/">Free CSS Templates</a> by ZyPOP</p>
 
         </div>
         </div>
-
    </div>
+
 
-
</div>
+
-
</body>
+
</html>
</html>

Latest revision as of 05:21, 5 August 2013



Project description will go here
can have
multiple lines

<br /> will insert a new line. insert these tags to create a new paragraph.

<p> content goes here! </p>

I will reformat the content if needed.

Retrieved from "http://2013.igem.org/Team:Missouri_Miners"