Team:Missouri Miners

From 2013.igem.org

(Difference between revisions)
 
(8 intermediate revisions not shown)
Line 1: Line 1:
-
<!-- *** What falls between these lines is the Alert Box!  You can remove it from your pages once you have read and understood the alert *** -->
+
 
<html>
<html>
Line 50: Line 50:
}
}
 +
.sidebar {
 +
width: 200px;
 +
padding: 10px 0 0;
 +
float: right;
 +
}
 +
.sidebar h3 {
 +
color: #333;
 +
font-size: 22px;
 +
}
-
</style>
+
.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">
<div id="nav">
     <ul>
     <ul>
-
        <li class="start selected"><a href="index.html">Home</a></li>
+
            <li class="start selected"><a href="https://2013.igem.org/Team:Missouri_Miners">Home</a></li>
-
             <li><a href="examples.html">Examples</a></li>
+
             <li><a href="https://2013.igem.org/Team:Missouri_Miners/Project">Our Project</a></li>
-
             <li><a href="#">Products</a></li>
+
             <li><a href="https://2013.igem.org/Team:Missouri_Miners/Team">Team</a></li>
-
             <li><a href="#">Solutions</a></li>
+
             <li><a href="https://igem.org/Team.cgi?year=2013&team_name=Missouri_Miners">Team Profile</a></li>
-
            <li class="end"><a href="#">Contact</a></li>
+
         </ul>
         </ul>
</div>
</div>
-
hi
+
<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 class="sidebar">
 +
            <ul>
 +
              <li>
 +
                    <h3>Navigate</h3>
 +
                    <ul class="blocklist">
 +
                        <li><a href="https://2013.igem.org/Team:Missouri_Miners">Home Page</a></li>
 +
                        <li><a href="http://igem.mst.edu">Our Website</a></li>
 +
                        <li><a href="#">other</a></li>
 +
                        <li><a href="#">pages</a></li>
 +
                        <li><a href="#">-</a></li>
 +
                    </ul>
 +
                </li>
 +
            </ul>
 +
        </div>
</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.