Difference between revisions of "Team:Oxford/Collaborations"

(Prototype team page)
 
Line 1: Line 1:
 
{{Oxford}}
 
{{Oxford}}
−
<html>
+
<html lang="en">
  
 +
  <head>
  
 +
    <meta charset="utf-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 +
    <meta name="description" content="">
 +
    <meta name="author" content="">
  
−
<div class="column full_size judges-will-not-evaluate">
+
    <title>Full Width Pics - Start Bootstrap Template</title>
−
<h3>★  ALERT! </h3>
+
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2018.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2018.igem.org/Judging/Awards"> award listed below</a>. </p>
+
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2018.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
−
</div>
+
  
 +
    <!-- Bootstrap core CSS -->
 +
    <link href="https://2018.igem.org/Team:Oxford/css/bootstrapmincss?action=raw&amp;ctype=text/css" rel="stylesheet">
  
−
<div class="clear"></div>
+
    <!-- Custom styles for this template -->
 +
    <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">
  
 +
  </head>
  
−
<div class="column full_size">
+
  <body>
−
<h1>Collaborations</h1>
+
  
−
<p>
+
    <!-- Header - set the background image for the header in the line below -->
−
Sharing and collaboration are core values of iGEM. We encourage you to reach out and work with other teams on difficult problems that you can more easily solve together.
+
    <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=');">
−
</p>
+
      <div class="translucent-back" style="height: 500px;">
−
 
+
<h1 class="header-text">Collaborations</h1>
−
<h3>Silver Medal Criterion #2</h3>
+
−
<p>
+
−
Complete this page if you intend to compete for the silver medal criterion #2 on collaboration. Please see the <a href="https://2018.igem.org/Judging/Medals">2018 Medals Page</a> for more information.
+
−
</p>
+
 
</div>
 
</div>
 +
    </header>
  
−
<div class="column two_thirds_size">
+
    <section id="about">
 +
      <div class="container">
 +
        <div class="row">
 +
          <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>
 +
            <ul>
 +
              <li>Clickable nav links that smooth scroll to page sections</li>
 +
              <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>
  
−
<h4> Which other teams can we work with? </h4>
+
    <section id="services">
−
<p>  
+
      <div class="container">
−
You can work with any other team in the competition, including software, hardware, high school and other tracks. You can also work with non-iGEM research groups, but they do not count towards the iGEM team collaboration silver medal criterion.
+
        <div class="row">
−
</p>
+
          <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>
  
−
<p>
+
    <section id="contact">
−
In order to meet the silver medal criteria on helping another team, you must complete this page and detail the nature of your collaboration with another iGEM team.
+
      <div class="container">
−
</p>
+
        <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 -->
 +
 +
<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>
 
</div>
 +
    </footer>
  
  
 +
    <!-- Bootstrap core JavaScript -->
 +
    <script src="vendor/jquery/jquery.min.js"></script>
 +
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
  
−
<div class="column third_size">
+
  </body>
−
<p>
+
−
Here are some suggestions for projects you could work on with other teams:
+
−
</p>
+
−
 
+
−
<ul>
+
−
<li> Improve the function of another team's BioBrick Part or Device</li>
+
−
<li> Characterize another team's part </li>
+
−
<li> Debug a construct </li>
+
−
<li> Model or simulate another team's system </li>
+
−
<li> Test another team's software</li>
+
−
<li> Help build and test another team's hardware project</li>
+
−
<li> Mentor a high-school team</li>
+
−
</ul>
+
−
</div>
+
−
 
+
  
 
</html>
 
</html>

Revision as of 19:14, 20 August 2018

Full Width Pics - Start Bootstrap Template

Collaborations

Section 1

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:

  • Clickable nav links that smooth scroll to page sections
  • Responsive behavior when clicking nav links perfect for a one page website
  • Bootstrap's scrollspy feature which highlights which section of the page you're on in the navbar
  • Minimal custom CSS so you are free to explore your own unique design options

Section 2

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.

Section 3

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.