Difference between revisions of "Template:MIT/footer"

 
(41 intermediate revisions by 3 users not shown)
Line 1: Line 1:
 +
{{Template:MIT/CSS}}
 +
 
<html lang="en">
 
<html lang="en">
  
Line 4: Line 6:
  
 
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 
         <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
         <link href="https://2021.igem.org/wiki/index.php?title=Template:MIT/CSS&action=raw&ctype=text/css" rel="stylesheet">
+
          
 
         <link href="https://2021.igem.org/wiki/index.php?title=Template:MIT/ScrollCSS&action=raw&ctype=text/css" rel="stylesheet">
 
         <link href="https://2021.igem.org/wiki/index.php?title=Template:MIT/ScrollCSS&action=raw&ctype=text/css" rel="stylesheet">
 
         <link href="https://2021.igem.org/wiki/index.php?title=Template:MIT/Bootstrap&action=raw&ctype=text/css" rel="stylesheet">
 
         <link href="https://2021.igem.org/wiki/index.php?title=Template:MIT/Bootstrap&action=raw&ctype=text/css" rel="stylesheet">
Line 15: Line 17:
 
          
 
          
 
         <style type="text/css">
 
         <style type="text/css">
             .section p {width: 500px; text-align: center; margin: auto;}
+
             .section p {width: 500px; text-align: center; margin-left:-10%; margin-right:-10%;}
 
             .narration-bold{
 
             .narration-bold{
 
             font-family: Nunito, serif !important;
 
             font-family: Nunito, serif !important;
Line 35: Line 37:
 
             padding-top: 16px;
 
             padding-top: 16px;
 
             }
 
             }
 +
<style>
 +
*{
 +
  font-family: Tahoma, Nunito, Lato, !important;
 +
}
 +
 +
#content {
 +
  padding: 0% 0 0 0;
 +
  style = 'background-color: #808080';
 +
}
 +
 +
  b {
 +
font-family: Tahoma, Nunito, serif !important;
 +
font-weight: 700;
 +
text-align: justified !important;
 +
font-size: 18px;
 +
  }
 +
 +
  .narration_bold {font-weight: 700;
 +
font-size: 3;}
 +
 +
    .narration_bold {
 +
font-family: Tahoma, Nunito, serif
 +
!important;
 +
font-weight: 700;
 +
text-align: justified !important;
 +
font-size: 18px;}
 +
 
 +
.bold_text {
 +
font-weight: 700;
 +
}
 +
 +
    h1, h2, h3, h4 {
 +
  font-family: Tahoma, Lato, serif !important;
 +
  font-size: 16px;
 +
  text-align: justify;
 +
  line-height: 1.5; 
 +
font-weight: bold;
 +
}
 +
 +
 +
 +
 +
 +
img {
 +
max-width: 100%;
 +
height: auto;
 +
}
 +
 +
{
 +
box-sizing: border-box;
 +
}
 +
 +
.bulleted_list {
 +
  list-style-type: square;
 +
}
 +
 +
#home_logo, #sideMenu { display:none; }
 +
#sideMenu, #top_title, .patrollink  {display:none;}
 +
#content { margin:5px; padding:0px; width:100%;}
 +
body {background-color: #fff;}
 +
 
         </style>
 
         </style>
  
Line 40: Line 103:
  
 
     </div>
 
     </div>
<div id="section11">
 
      <div class="container section show-on-scroll">
 
        <h2 style="font-size: 100px;" class = "narration-extra-bold">Let’s get started</h2>
 
        <br/>
 
  
        <figure class="figure">
+
   
          <img src="images/project_icon.png" style="width: 200px;">
+
 
          <figcaption class="figure-caption" style="font-size: 25pt; color: #4b4b4b; font-family: 'Ubuntu', sans-serif; font-weight: 700;">PROJECT</figcaption>
+
 
        </figure>
+
    <footer style="background-color: red; margin-top: -32px !important;"class="footer" width:120%>
        <figure class="figure">
+
      <div id="footer_container" width:100%>
          <img src="images/wet_lab_icon.png" style="width: 200px;">
+
         <div class="container" width:100%>
          <figcaption class="figure-caption" style="font-size: 25pt; color: #4b4b4b; font-family: 'Ubuntu', sans-serif; font-weight: 700;">EXPERIMENTS</figcaption>
+
           <div class="row" style="padding-bottom: 0px; width:100%">
         </figure>
+
           
        <figure class="figure">
+
            <div class="col-lg-3 mb-4">
           <img src="images/model_icon.png" style="width: 200px;">
+
              <b>TEAM</b>
          <figcaption class="figure-caption" style="font-size: 25pt; color: #4b4b4b; font-family: 'Ubuntu', sans-serif; font-weight: 700;">MODELING</figcaption>
+
              <br/> <br/>
        </figure>
+
              <a href="https://2021.igem.org/Team:MIT/Team">Members</a>
        <br/>
+
              <br/>
        <figure class="figure">
+
              <a href="https://2021.igem.org/Team:MIT/Attributions">Attributions</a>
          <img src="images/results_icon.png" style="width: 200px;">
+
            </div>
          <figcaption class="figure-caption" style="font-size: 25pt; color: #4b4b4b; font-family: 'Ubuntu', sans-serif; font-weight: 700;">RESULTS</figcaption>
+
        </figure>
+
        <figure class="figure">
+
          <img src="images/human_practices_icon.png" style="width: 200px;">
+
          <figcaption class="figure-caption" style="font-size: 25pt; color: #4b4b4b; font-family: 'Ubuntu', sans-serif; font-weight: 700;">HUMAN PRACTICES</figcaption>
+
        </figure>
+
      </div>
+
    </div>
+
  
    <footer class="footer">
 
      <div id="footer_container">
 
        <div class="container">
 
          <div class="row" style="padding-bottom: 20px;">
 
 
             <div class="col-lg-3 mb-4">
 
             <div class="col-lg-3 mb-4">
 
               <b>PROJECT</b>
 
               <b>PROJECT</b>
 
               <br/> <br/>
 
               <br/> <br/>
               <a href="#">Description</a>
+
               <a href="https://2021.igem.org/Team:MIT/Description">Description</a>
 
               <br/>
 
               <br/>
               <a href="#">Implementation</a>
+
               <a href="https://2021.igem.org/Team:MIT/Design">Design</a>
 
               <br/>
 
               <br/>
               <a href="#">Contribution</a>
+
               <a href="https://2021.igem.org/Team:MIT/Contribution">Contribution</a>
 
               <br/>
 
               <br/>
 +
              <a href="https://2021.igem.org/Team:MIT/Model">Model</a>
 
             </div>
 
             </div>
             <div class="col-lg-2 mb-4">
+
 
 +
             <div class="col-lg-3 mb-4">
 
               <b>WET LAB</b>
 
               <b>WET LAB</b>
 
               <br/> <br/>
 
               <br/> <br/>
               <a href="#">Design</a>
+
               <a href="https://2021.igem.org/Team:MIT/Implementation">Implementation</a>
 
               <br/>
 
               <br/>
               <a href="#">Experiements</a>
+
               <a href="https://2021.igem.org/Team:MIT/Experiments">Experiments</a>
 
               <br/>
 
               <br/>
               <a href="#">Results</a>
+
               <a href="https://2021.igem.org/Team:MIT/Results">Results</a>
 
               <br/>
 
               <br/>
               <a href="#">Parts</a>
+
               <a href="https://2021.igem.org/Team:MIT/Parts">Parts</a>
 
               <br/>
 
               <br/>
               <a href="#">Safety</a>
+
               <a href="https://2021.igem.org/Team:MIT/Safety">Safety</a>
            </div>
+
            <div class="col-lg-2 mb-4">
+
              <b>DRY LAB</b>
+
              <br/> <br/>
+
              <a href="#">Model</a>
+
              <br/>
+
              <a href="#">Software</a>
+
              <br/>
+
              <a href="#">Hardware</a>
+
              <br/>
+
              <a href="#">Measurement</a>
+
 
             </div>
 
             </div>
 +
 
             <div class="col-lg-3 mb-4">
 
             <div class="col-lg-3 mb-4">
 
               <b>HUMAN PRACTICES</b>
 
               <b>HUMAN PRACTICES</b>
 
               <br/> <br/>
 
               <br/> <br/>
               <a href="#">Integrated Human Practices</a>
+
               <a href="https://2021.igem.org/Team:MIT/Human_Practices">Integrated Human Practices</a>
 
               <br/>
 
               <br/>
               <a href="#">Education & Public Engagement</a>
+
               <a href="https://2021.igem.org/Team:MIT/Education">Education & Public Engagement</a>
            </div>
+
            <div class="col-lg-2 mb-4">
+
              <b>TEAM</b>
+
              <br/> <br/>
+
              <a href="#">Members</a>
+
 
               <br/>
 
               <br/>
               <a href="#">Collaborations</a>
+
               <a href="https://2021.igem.org/Team:MIT/Collaborations">Collaborations</a>
 
               <br/>
 
               <br/>
              <a href="#">Attributions</a>
 
 
             </div>
 
             </div>
 +
 +
           
 +
 
           </div>
 
           </div>
 +
 
           <div class="row" id="contact_icons">
 
           <div class="row" id="contact_icons">
             <div class="col-lg-12 mb-4" style="text-align: center;">
+
             <div class="col-lg-12 mb-2" style="text-align: center;">
 
               <b>CONTACT US</b>
 
               <b>CONTACT US</b>
 
               <br/> <br/>
 
               <br/> <br/>

Latest revision as of 20:38, 21 October 2021