Difference between revisions of "Team:Oxford/InterLab"

(Replaced content with "{{Oxford}} <html>")
Line 1: Line 1:
 
{{Oxford}}
 
{{Oxford}}
 
<html>
 
<html>
 +
{{Oxford}}
 +
<html lang="en">
 +
 +
  <head>
 +
 +
    <>
 +
 +
    <title>Full Width Pics - Start Bootstrap Template</title>
 +
 +
    <!-- Bootstrap core CSS -->
 +
    <link href="https://2018.igem.org/Team:Oxford/css/bootstrapmincss?action=raw&amp;ctype=text/css" rel="stylesheet">
 +
 +
    <!-- 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>
 +
 +
  <body>
 +
 +
    <!-- Header - set the background image for the header in the line below -->
 +
    <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;">
 +
<h1 class="header-text">Interlab</h1>
 +
</div>
 +
    </header>
 +
 +
    <section id="about">
 +
      <div class="container">
 +
        <div class="row">
 +
          <div class=".col-md-8 .offset-md-2">
 +
         
 +
            <p> Coming soon</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>
 +
 +
    <section id="services">
 +
      <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">
 +
      <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 -->
 +
 +
<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>
 +
 +
 +
    <!-- Bootstrap core JavaScript -->
 +
    <script src="vendor/jquery/jquery.min.js"></script>
 +
    <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>
 +
 +
  </body>
 +
 +
</html>

Revision as of 14:01, 10 October 2018

{{Oxford}} <> Full Width Pics - Start Bootstrap Template

Interlab

Coming soon

  • 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.