Template:Team:Michigan Software/CSS

From 2014.igem.org

(Difference between revisions)
(Replaced content with "TEST")
Line 1: Line 1:
-
 
+
TEST
-
<!DOCTYPE html>
+
-
<html lang="en">
+
-
<head>
+
-
<title>ProtoCat - Protocol Catalogue and Calculator</title>
+
-
<meta charset="utf-8" />
+
-
+
-
<link rel="stylesheet" href="style.css" type="text/css" />
+
-
<meta name="viewport" content="width=device-width, initial-scale=1.0">
+
-
 
+
-
</head>
+
-
 
+
-
<body class="body">
+
-
+
-
<header class="mainHeader">
+
-
 
+
-
<h1> ProtoCat </h1>
+
-
<nav><ul>
+
-
<li class="active"><a href="#">Home</a></li>
+
-
<li><a href="#">About</a></li>
+
-
<li><a href="#">My Protocols</a></li>
+
-
<li><a href="#">Catalog</a></li>
+
-
</ul></nav>
+
-
</header>
+
-
+
-
<div class="mainContent">
+
-
<div class="content">
+
-
<article class="topcontent">
+
-
<header>
+
-
<h2><a href="#" rel="bookmark" title="Permalink to this POST TITLE">Home</a></h2>
+
-
</header>
+
-
<content>
+
-
<p>Welcome to ProtoDB, the free online catalogue of laboratory protocols. With over [number] protocols and a built-in calculator, we are simplifying laboratory procedures one protocol at a time.</p> </content>
+
-
+
-
</article>
+
-
</div>
+
-
+
-
+
-
<aside class="top-sidebar">
+
-
<article>
+
-
<h2>Top Rated</h2>
+
-
+
-
          <ol>
+
-
              <li><a href="#">Pro1</a></li>
+
-
              <li><a href="#">Pro2</a></li>                <li><a href="#">Pro3</a></li>
+
-
            </ol>
+
-
 
+
-
</article>
+
-
</aside>
+
-
 
+
-
<img src="img/blue_test_tubes.jpg">
+
-
+
-
<aside class="middle-sidebar">
+
-
<article>
+
-
<h2>Top Favorited</h2>
+
-
<ol>
+
-
              <li><a href="#">Pro1</a></li>
+
-
              <li><a href="#">Pro2</a></li>                <li><a href="#">Pro3</a></li>
+
-
            </ol>
+
-
 
+
-
    </article>
+
-
</aside>
+
-
 
+
-
<aside class="bottom-sidebar">
+
-
<article>
+
-
<h2>Recent Uploads</h2>
+
-
<ol>
+
-
              <li><a href="#">Pro1</a></li>
+
-
              <li><a href="#">Pro2</a></li>                <li><a href="#">Pro3</a></li>
+
-
            </ol>
+
-
 
+
-
    </article>
+
-
</aside>
+
-
</div>
+
-
+
-
<footer class="mainFooter">
+
-
<p>Copyright &copy; 2013 <a href="http://1stwebdesigner.com">1stwebdesigner</a></p>
+
-
<p> Team info! </p>
+
-
</footer>
+
-
 
+
-
</body>
+
-
</html>
+

Revision as of 00:32, 20 September 2014

TEST