Difference between revisions of "Template:Base"

 
(44 intermediate revisions by the same user not shown)
Line 1: Line 1:
 
<html>
 
<html>
 
<!--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>
−
 
+
    <head>
 
     <style type="text/css">
 
     <style type="text/css">
 +
          #main {
 +
              max-width: 980px;
 +
              margin: auto;
 +
          }
  
 
           body {
 
           body {
−
              background-color: #000091;
 
−
              background-attachment: fixed;
 
−
              align: center;
 
−
              <!--background-image: url(https://static.igem.org/mediawiki/2015/e/ed/Team_UMass-Dartmouth_banner.jpg) no-repeat;-->
 
 
               margin: auto;
 
               margin: auto;
 +
              background-color: #E8BB00;
 +
              width: 980px;
 
           }
 
           }
  
−
           .backDrop img {
+
           #header {
−
               margin: auto;
+
               background-color: #000091;
−
              width:80%;
+
               border: 10px solid black;
−
              border: 15px solid #000091;
+
−
               padding: 10px;
+
−
              <!--margin-left: -7px;-->
+
 
           }
 
           }
  
−
           .pull-left {
+
           #header img {
−
               width:50%;
+
               width: 960px;
−
               float:left;
+
          }
−
               margin-left: none;
+
 
−
               overflow: hidden;
+
          #nav {
 +
              background-color: gold;
 +
              width: 960px;
 +
               float: left;
 +
               border: 10px solid black;
 +
              text-align: center;
 +
          }
 +
 
 +
          #nav a:hover{
 +
              background-color: #0050FF;
 +
              color: #FFE304;
 +
          }
 +
 
 +
          #nav a:link {
 +
              color:yellow;
 +
          }
 +
 
 +
          #section {
 +
              display: block;
 +
              border: 10px solid black;
 +
              background-color: #000091;
 +
              float: left;
 +
              width: 960px;
 +
              color: yellow;
 +
              font-size: 18px;
 +
          }
 +
 
 +
          #section1 {
 +
              display: block;
 +
               border: 10px solid black;
 
               background-color: #E8BB00;
 
               background-color: #E8BB00;
−
               font-family: "Times New Roman", Times, serif;
+
               float: left;
−
               font-size: 15px;
+
              width: 960px;
 +
              color: #000091;
 +
               font-size: 18px;
 
           }
 
           }
  
−
           .pull-right a {
+
           #footer {
−
               width:75%;
+
               border: 10px solid black;
−
              float:right;
+
−
              margin-right: 15px;
+
−
              overflow: hidden;
+
 
               background-color: #E8BB00;
 
               background-color: #E8BB00;
−
               font-family: "Times New Roman", Times, serif;
+
               text-align: center;
−
               font-size: 15px;
+
               margin: auto;
−
               display: inline;
+
              width: 960px;
 +
              float:left;
 +
               height: 230px;
 
           }
 
           }
  
−
    </style>
+
          #footer a {
 +
              font-size: 20px;
 +
          }
 +
          #footer img {
 +
              width: 96px;
 +
              height: 76px;
 +
          }
  
−
     <head>
+
     </style>
−
          <meta charset="utf-8">
+
−
          <meta name="viewport" content="width=device-width, initial-scale=1">
+
−
          <script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
+
−
          <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">
+
−
          <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
+
 
     </head>
 
     </head>
  
 
     <body>
 
     <body>
−
         
 
−
          <div class="backDrop">
 
−
             
 
−
              <!--insert coding for background colors and style (UMD Color Palette: https://color.adobe.com/my/libraries/all)-->
 
−
              <img src='https://static.igem.org/mediawiki/2015/e/ed/Team_UMass-Dartmouth_banner.jpg'>
 
−
          </div>
 
−
 
−
          <div class="navBar">
 
−
              <!--insert coding for navigation bar-->
 
−
              <div class="container">
 
−
                    <ul class="pull-left">
 
−
 
−
                    </ul>
 
−
                    <ul class="pull-right">
 
−
                        <a href= "https://2015.igem.org/Team:UMass-Dartmouth"><li>Home Page</li></a>
 
−
                        <a href= "https://2015.igem.org/Team:UMass-Dartmouth/ourproject"><li>Our Project</li></a>
 
−
                              <ul>
 
−
                                  <a href= "https://2015.igem.org/Team:UMass-Dartmouth/proj-desc"><li>Project Description</li></a>
 
−
                                  <a href= "link"><li>About H. Pylori</li></a>
 
−
                                  <a href= "link"><li>Our Proposition</li></a>
 
−
                              </ul>
 
−
                        <a href= "https://2015.igem.org/Team:UMass-Dartmouth/theateam"><li>The Team</li></a>
 
−
                        <a href= "https://2015.igem.org/Team:UMass-Dartmouth/contactus"><li>Contact</li></a>
 
  
−
                    </ul>
+
    <div id="main">
−
               </div>
+
          <div id="header">
 +
              <!--insert coding for background colors and style (UMD Color Palette: On Adobe Kuler https://color.adobe.com/my/libraries/all)-->
 +
               <a href="https://2015.igem.org/Team:UMass-Dartmouth"><img src='https://static.igem.org/mediawiki/2015/e/ed/Team_UMass-Dartmouth_banner.jpg' /></a>
 
           </div>
 
           </div>
  
−
           <br></br>
+
           <div id="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/ourproject">Our Project</a>
 +
                    <a href= "https://2015.igem.org/Team:UMass-Dartmouth/theateam">The Team</a>
 +
                    <a href= "https://2015.igem.org/Team:UMass-Dartmouth/outreach">Outreach</a>
 +
              </ul>
 +
          </div>
 +
    </div>
 
     </body>
 
     </body>
−
 
 
</html>
 
</html>

Latest revision as of 01:34, 19 September 2015