Difference between revisions of "Template:Base"

Line 2: Line 2:
 
<!--erase all boundary blocks-->
 
<!--erase all boundary blocks-->
 
</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
 
</div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
 
+
    <head>
 
     <style type="text/css">
 
     <style type="text/css">
 
           main {
 
           main {
Line 27: Line 27:
 
               width: 960px
 
               width: 960px
 
           }
 
           }
 +
 +
          #nav {
 +
              background-color:Black;
 +
              width: 300px;
 +
              height: auto;
 +
              float: left;
 +
          }
 +
 +
          #nav a {
 +
              background-color: Black;
 +
              align: center;
 +
          }
 +
 +
          #nav a:hover{
 +
              background-color: #0050FF;
 +
              color: #FFE304;
 +
          }
 +
 +
          #section {
 +
              display: block;
 +
              border: 10px solid black;
 +
              background-color: cyan;
 +
              float: left;
 +
          }
 +
 
   
 
   
 
           #footer {
 
           #footer {
Line 35: Line 60:
 
               width: 660px;
 
               width: 660px;
 
               float:left;
 
               float:left;
               height: 500px;
+
               height: 230px;
 
           }
 
           }
  
Line 44: Line 69:
 
               width: 96px;
 
               width: 96px;
 
               height: 76px;
 
               height: 76px;
          }
 
          #nav {
 
              background-color:Black;
 
              width: 300px;
 
              height: 500px;
 
              float: left;
 
 
           }
 
           }
 
          #section {
 
              display: block;
 
              border: 10px, solid, black;
 
          }
 
          .nav a {
 
              display: block;
 
              background-color: Black;
 
          }
 
 
          .nav a:hover{
 
              background-color: #0050FF;
 
              color: #FFE304;
 
          }
 
 
  
 
     </style>
 
     </style>
 +
    </head>
 
     <main>
 
     <main>
 +
 
           <div id="header">
 
           <div id="header">
 
               <!--insert coding for background colors and style (UMD Color Palette: On Adobe Kuler https://color.adobe.com/my/libraries/all)-->
 
               <!--insert coding for background colors and style (UMD Color Palette: On Adobe Kuler https://color.adobe.com/my/libraries/all)-->
Line 78: Line 84:
 
           <div id="nav">
 
           <div id="nav">
 
               <ul style="font-size: 30px" class="nav">
 
               <ul style="font-size: 30px" class="nav">
                     <a href= "https://2015.igem.org/Team:UMass-Dartmouth">Home</a>
+
                     <a href= "https://2015.igem.org/Team:UMass-Dartmouth">Home</a><br>
                     <a href= "https://2015.igem.org/Team:UMass-Dartmouth/ourproject">Our Project</a>
+
                     <a href= "https://2015.igem.org/Team:UMass-Dartmouth/ourproject">Our Project</a><br>
 
                     <a href= "https://2015.igem.org/Team:UMass-Dartmouth/theateam">The Team</a>
 
                     <a href= "https://2015.igem.org/Team:UMass-Dartmouth/theateam">The Team</a>
 
               </ul>
 
               </ul>
 +
          </div>
 +
 +
          <div id="section">
 +
              Words will go here!
  
 
           </div>
 
           </div>
Line 94: Line 104:
 
               <a href="http://www.youcaring.com/tuition-fundraiser/h-pylori-bacteriophage-therapy/341011">Our YouCaring Page</a>
 
               <a href="http://www.youcaring.com/tuition-fundraiser/h-pylori-bacteriophage-therapy/341011">Our YouCaring Page</a>
 
           </div>
 
           </div>
 +
 
     </body>
 
     </body>
 
     </main>
 
     </main>
 
</html>
 
</html>

Revision as of 02:05, 15 September 2015