Difference between revisions of "Team:Oxford/Collaborations"

Line 22: Line 22:
 
   <body>
 
   <body>
  
−
    <!-- Header - set the background image for the header in the line below -->
+
<header class="py-5 background-img" style="background-image: url('https://static.igem.org/mediawiki/2018/a/ac/T--Oxford--fdheader.jpg'); background-size: cover; background-position: center; ">
−
    <header class="py-5 background-img" style="background-image: url('https://media.istockphoto.com/photos/green-turquoise-wall-background-picture-id614848416?k=6&m=614848416&s=612x612&w=0&h=EAI75hD3sCfZ7kCTK5fTd07oyddtoDJKdCreJClE540=');">
+
 
       <div class="translucent-back" style="height: 500px;">
 
       <div class="translucent-back" style="height: 500px;">
 
<h1 class="header-text">Collaborations</h1>
 
<h1 class="header-text">Collaborations</h1>
Line 29: Line 28:
 
     </header>
 
     </header>
  
−
    <section id="about">
+
 
 +
<section id="n2">
 
       <div class="container">
 
       <div class="container">
 
         <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>
+
             <h2>UK iGEM Meetup</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>
+
<br>
−
            <ul>
+
<p>July 2018</p>
−
              <li>Clickable nav links that smooth scroll to page sections</li>
+
</ul>
−
              <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>
 
         </div>
Line 46: Line 42:
 
     </section>
 
     </section>
  
−
    <section id="services">
+
 
 +
<section id="n1">
 
       <div class="container">
 
       <div class="container">
 
         <div class="row">
 
         <div class="row">
−
           <div class=".col-md-8 .offset-md-2 .bg-light">
+
           <div class=".col-md-8 .offset-md-2">
−
             <h2>Section 2</h2>
+
             <h2>Imperial College London iGEM - Wet Lab</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>
+
<br>
 +
<p> Promoter testing</p>
 +
</ul>
 
           </div>
 
           </div>
 
         </div>
 
         </div>
Line 57: Line 56:
 
     </section>
 
     </section>
  
−
    <section id="contact">
+
 
 +
<section id="n2">
 
       <div class="container">
 
       <div class="container">
 
         <div class="row">
 
         <div class="row">
 
           <div class=".col-md-8 .offset-md-2">
 
           <div class=".col-md-8 .offset-md-2">
−
             <h2>Section 3</h2>
+
             <h2>Imperial College London iGEM - Outreach</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>
+
 
 +
<br>
 +
<p>New Scientist Live</p>
 +
<br>
 +
 
 +
 
 +
<section id="n3">
 +
      <div class="container">
 +
        <div class="row">
 +
          <div class=".col-md-8 .offset-md-2">
 +
            <h2>Imperial College London iGEM - Software Testing</h2>
 +
<br>
 +
<p> App</p>
 +
</ul>
 
           </div>
 
           </div>
 
         </div>
 
         </div>
 
       </div>
 
       </div>
 
     </section>
 
     </section>
 +
 +
 +
<section id="n4">
 +
      <div class="container">
 +
        <div class="row">
 +
          <div class=".col-md-8 .offset-md-2">
 +
            <h2>METU HS iGEM - Mentoring</h2>
 +
<br>
 +
<p> High School Mentorship</p>
 +
</ul>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </section>
 +
 +
 +
<section id="n5">
 +
      <div class="container">
 +
        <div class="row">
 +
          <div class=".col-md-8 .offset-md-2">
 +
            <h2>Tec Monterrey GDL iGEM - ?</h2>
 +
<br>
 +
<p> ??</p>
 +
</ul>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </section>
 +
 +
<section id="n6">
 +
      <div class="container">
 +
        <div class="row">
 +
          <div class=".col-md-8 .offset-md-2">
 +
            <h2>Tec Monterrey iGEM - ?</h2>
 +
<br>
 +
<p>??</p>
 +
</ul>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </section>
 +
 +
 +
<section id="n7">
 +
      <div class="container">
 +
        <div class="row">
 +
          <div class=".col-md-8 .offset-md-2">
 +
            <h2>Warwick iGEM - Modelling</h2>
 +
<br>
 +
<p>Hill Functions</p>
 +
</ul>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </section>
 +
 +
  
 
     <!-- Footer -->
 
     <!-- Footer -->

Revision as of 16:37, 16 October 2018

Full Width Pics - Start Bootstrap Template

Collaborations

UK iGEM Meetup


July 2018

Imperial College London iGEM - Wet Lab


Promoter testing

Imperial College London iGEM - Outreach


New Scientist Live


Imperial College London iGEM - Software Testing


App

METU HS iGEM - Mentoring


High School Mentorship

Tec Monterrey GDL iGEM - ?


??

Tec Monterrey iGEM - ?


??

Warwick iGEM - Modelling


Hill Functions