Difference between revisions of "Team:Oxford/Attributions"

Line 17: Line 17:
 
     <link href="https://2018.igem.org/Team:Oxford/css?action=raw&amp;ctype=text/css" rel="stylesheet">
 
     <link href="https://2018.igem.org/Team:Oxford/css?action=raw&amp;ctype=text/css" rel="stylesheet">
 
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
 
     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous">
 +
 +
<style type="text/css">
 +
.tftable {font-size:17px;color:#333333;width:100%;border-width: 1px;border-color: #729ea5;border-collapse: collapse;}
 +
.tftable th {font-size:17px;background-color:#E5FCE2;border-width: 1px;padding: 8px;border-style: solid;border-color: #729ea5;text-align:left;text-align:center;}
 +
.tftable tr {background-color:#FFFFFF;}
 +
.tftable td {font-size:17px;border-width: 1px;padding: 8px;border-style: solid;border-color: #729ea5; text-align:center;}
 +
.tftable tr:hover {background-color:#F2F2F2;}
 +
h3 {
 +
    text-decoration:;
 +
}
 +
</style>
  
 
   </head>
 
   </head>
Line 33: Line 44:
 
         <div class="row">
 
         <div class="row">
 
           <div class=".col-md-8 .offset-md-2">
 
           <div class=".col-md-8 .offset-md-2">
             <h2>Section 1</h2>
+
              
            <p class="lead">This is a great place to talk about your webpage. This template is purposefully unstyled so you can use it as a boilerplate or starting point for you own landing page designs! This template features:</p>
+
      <table class="tftable" border="1">
            <ul>
+
<center>
              <li>Clickable nav links that smooth scroll to page sections</li>
+
<tr><th></th><th>Adrian</th><th>Arman</th><th>Bhuvana</th><th>Ellie</th><th>Jhanna</th><th>Joe</th><th>Jon</th><th>Karan</th><th>Laurel</th><th>Max</th></tr>
              <li>Responsive behavior when clicking nav links perfect for a one page website</li>
+
              <li>Bootstrap's scrollspy feature which highlights which section of the page you're on in the navbar</li>
+
              <li>Minimal custom CSS so you are free to explore your own unique design options</li>
+
            </ul>
+
          </div>
+
        </div>
+
      </div>
+
    </section>
+
  
    <section id="services">
+
<tr><td>Outreach</td><td></td><td>✔</td><td></td><td>✔</td><td>✔</td><td>✔</td><td>✔</td><td>✔</td><td>✔</td><td></td></tr>
      <div class="container">
+
        <div class="row">
+
          <div class=".col-md-8 .offset-md-2 .bg-light">
+
            <h2>Section 2</h2>
+
            <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aut optio velit inventore, expedita quo laboriosam possimus ea consequatur vitae, doloribus consequuntur ex. Nemo assumenda laborum vel, labore ut velit dignissimos.</p>
+
          </div>
+
        </div>
+
      </div>
+
    </section>
+
  
    <section id="contact">
+
<tr><td>Wet Lab</td><td></td><td></td><td></td><td></td><td>✔</td><td>✔</td><td>✔</td><td>✔</td><td>✔</td><td></td></tr>
      <div class="container">
+
        <div class="row">
+
          <div class=".col-md-8 .offset-md-2">
+
            <h2>Section 3</h2>
+
            <p class="lead">Lorem ipsum dolor sit amet, consectetur adipisicing elit. Vero odio fugiat voluptatem dolor, provident officiis, id iusto! Obcaecati incidunt, qui nihil beatae magnam et repudiandae ipsa exercitationem, in, quo totam.</p>
+
          </div>
+
        </div>
+
      </div>
+
    </section>
+
  
    <!-- Footer -->
+
<tr><td>Modelling</td><td>✔</td><td>✔</td><td>✔</td><td></td><td></td><td>✔</td><td></td><td></td><td></td><td></td></tr>
 +
 
 +
<tr><td>Human Practices</td><td>✔</td><td></td><td>✔</td><td>✔</td><td>✔</td><td></td><td>✔</td><td></td><td>✔</td><td>✔</td></tr>
 +
 
 +
<tr><td>Wiki Design</td><td>✔</td><td></td><td></td><td></td><td>✔</td><td></td><td></td><td></td><td></td><td></td></tr>
 +
 
 +
<tr><td>Interlab</td><td></td><td></td><td></td><td></td><td></td><td>✔</td><td></td><td>✔</td><td>✔</td><td></td></tr>
 +
 
 +
<tr><td>Parts Design</td><td></td><td></td><td>✔</td><td></td><td></td><td>✔</td><td>✔</td><td></td><td></td><td></td></tr>
 +
 
 +
<tr><td>Entrepreneurship</td><td>✔</td><td></td><td>✔</td><td></td><td></td><td></td><td>✔</td><td></td><td></td><td></td></tr>
 +
 
 +
<tr><td>Sponsorship</td><td>✔</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
 +
 
 +
<tr><td>Safety</td><td></td><td></td><td>✔</td><td></td><td></td><td>✔</td><td>✔</td><td></td><td></td><td>✔</td></tr>
 +
 
 +
<tr><td>Graphics</td><td>✔</td><td></td><td></td><td></td><td>✔</td><td></td><td></td><td></td><td></td><td></td></tr>
 +
 
 +
<tr><td>Literature Research</td><td></td><td>✔</td><td>✔</td><td>✔</td><td>✔</td><td>✔</td><td>✔</td><td></td><td>✔</td><td>✔</td></tr>
 +
 
 +
<tr><td>Poster</td><td></td><td></td><td></td><td></td><td>✔</td><td></td><td></td><td></td><td></td><td></td></tr>
 +
 
 +
<tr><td>Presentation</td><td>✔</td><td></td><td></td><td></td><td>✔</td><td>✔</td><td></td><td></td><td></td><td></td></tr>
 +
 
 +
</table></center>
  
<div class="footer-social-icons">
 
    <ul class="social-icons">
 
        <li><a href="https://www.facebook.com/oxfordigem/" class="social-icon"> <i class="fab fa-facebook"></i></a></li>
 
        <li><a href="https://twitter.com/oxfordigem?lang=en" class="social-icon"> <i class="fab fa-twitter"></i></a></li>
 
        <li><a href="https://www.instagram.com/oxfordigem/?hl=en" class="social-icon"> <i class="fab fa-instagram"></i></a></li>
 
    </ul>
 
</div>
 
    </footer>
 
  
  

Revision as of 17:49, 13 October 2018

Full Width Pics - Start Bootstrap Template

Attributions

AdrianArmanBhuvanaEllieJhannaJoeJonKaranLaurelMax
Outreach
Wet Lab
Modelling
Human Practices
Wiki Design
Interlab
Parts Design
Entrepreneurship
Sponsorship
Safety
Graphics
Literature Research
Poster
Presentation