Difference between revisions of "Team:Lund"

Line 1: Line 1:
 
{{Lund}}
 
{{Lund}}
 
<html>
 
<html>
<div id="home-page">
+
<div id="home-bg">
 
+
<div id="home-top-wrapper">
<header class="home-landing">
+
<div class="home-top-item">
  <div class="container">
+
<img src="https://static.igem.org/mediawiki/2018/f/f1/T--Lund--HomeOxygen.png" class="home-side-image home-right-image">
    <h1 class="home-landing-texts">Landing page title</h1>
+
<div id="home-oxygen-text" class="home-textbox home-left-text">
  </div>
+
<h1>It all starts here</h1>
</header>
+
<p>The rapid development of biotechnology has allowed the utilization of microorganisms in the sustainable manufacturing of essential products used in our day to day lives. The demand for more energy efficient technologies is increasing as society places more emphasis on the environment. Our project revolves around the co-expression of a bacterial hemoglobin as a means to increase oxygen utilization which in turn improves the yields of these products.</p>
 
+
</div>
<!-- Content Page -->
+
</div>
<div id="content-wrapper">
+
<div class="home-top-item">
 
+
<img src="https://static.igem.org/mediawiki/2018/f/f1/T--Lund--HomeOxygen.png" class="home-side-image">
  <div class="container content-page">
+
<div id="home-oxygen-text" class="home-textbox">
    <div class="row submenu">
+
<h1>It all starts here</h1>
      <div class="col-md-8">
+
<p>The rapid development of biotechnology has allowed the utilization of microorganisms in the sustainable manufacturing of essential products used in our day to day lives. The demand for more energy efficient technologies is increasing as society places more emphasis on the environment. Our project revolves around the co-expression of a bacterial hemoglobin as a means to increase oxygen utilization which in turn improves the yields of these products.</p>
        <h1>Our project</h1>
+
</div>
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
+
</div>
        <button class="btn">Read more <i class="fas fa-arrow-right"></i></button>
+
<div class="home-top-item">
      </div>
+
<img src="https://static.igem.org/mediawiki/2018/f/f1/T--Lund--HomeOxygen.png" class="home-side-image home-right-image">
 
+
<div id="home-oxygen-text" class="home-textbox home-left-text">
      <div class="col-md-4">
+
<h1>It all starts here</h1>
          <img class="submenu_image" src="https://via.placeholder.com/300x200">
+
<p>The rapid development of biotechnology has allowed the utilization of microorganisms in the sustainable manufacturing of essential products used in our day to day lives. The demand for more energy efficient technologies is increasing as society places more emphasis on the environment. Our project revolves around the co-expression of a bacterial hemoglobin as a means to increase oxygen utilization which in turn improves the yields of these products.</p>
      </div>
+
</div>
 
+
</div>
    </div>
+
</div>
  </div>
+
 
+
  <div class="container content-page">
+
    <div class="row submenu">
+
 
+
      <div class="col-md-4">
+
        <img  class="submenu_image" src="https://via.placeholder.com/300x200">
+
      </div>
+
 
+
      <div class="col-md-8">
+
        <h1>Our project</h1>
+
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. </p>
+
        <button class="btn">Read more <i class="fas fa-arrow-right"></i></button>
+
      </div>
+
 
+
    </div>
+
  </div>
+
 
+
 
+
 
+
  <div class="container content-page">
+
    <div class="row submenu">
+
      <div class="col-md-8">
+
        <h1>Our project</h1>
+
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.</p>
+
        <button class="btn">Read more <i class="fas fa-arrow-right"></i></button>
+
      </div>
+
 
+
      <div class="col-md-4">
+
          <img class="submenu_image" src="https://via.placeholder.com/300x200">
+
      </div>
+
 
+
    </div>
+
  </div>
+
 
+
 
+
<section class="bottom-cards">
+
  <div class="container content-page">
+
    <div class="row submenu">
+
      <div class="col-md-4">
+
        <h2>Human Practices</h2>
+
        <img  class="submenu_image" src="https://via.placeholder.com/300x200">
+
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
        <button class="btn">Read more <i class="fas fa-arrow-right"></i></button>
+
      </div>
+
 
+
      <div class="col-md-4">
+
        <h2>Human Practices</h2>
+
        <img  class="submenu_image" src="https://via.placeholder.com/300x200">
+
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
        <button class="btn">Read more <i class="fas fa-arrow-right"></i></button>
+
      </div>
+
 
+
      <div class="col-md-4">
+
        <h2>Human Practices</h2>
+
        <img  class="submenu_image" src="https://via.placeholder.com/300x200">
+
        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
+
        <button class="btn">Read more <i class="fas fa-arrow-right"></i></button>
+
      </div>
+
 
+
    </div>
+
  </div>
+
</section>
+
 
+
</div>
+
<!-- ******************** SCRIPT START ******************** -->
+
<script>
+
// Smooth scroll
+
function scrollNav() {
+
  $('a').click(function(){
+
    $('html, body').stop().animate({
+
        scrollTop: $( $(this).attr('href') ).offset().top - 75
+
    }, 600);
+
  });
+
}
+
scrollNav();
+
</script>
+
 
+
 
</div>
 
</div>
 
</html>
 
</html>
 
{{Lund/footer}}
 
{{Lund/footer}}

Revision as of 20:31, 15 October 2018

It all starts here

The rapid development of biotechnology has allowed the utilization of microorganisms in the sustainable manufacturing of essential products used in our day to day lives. The demand for more energy efficient technologies is increasing as society places more emphasis on the environment. Our project revolves around the co-expression of a bacterial hemoglobin as a means to increase oxygen utilization which in turn improves the yields of these products.

It all starts here

The rapid development of biotechnology has allowed the utilization of microorganisms in the sustainable manufacturing of essential products used in our day to day lives. The demand for more energy efficient technologies is increasing as society places more emphasis on the environment. Our project revolves around the co-expression of a bacterial hemoglobin as a means to increase oxygen utilization which in turn improves the yields of these products.

It all starts here

The rapid development of biotechnology has allowed the utilization of microorganisms in the sustainable manufacturing of essential products used in our day to day lives. The demand for more energy efficient technologies is increasing as society places more emphasis on the environment. Our project revolves around the co-expression of a bacterial hemoglobin as a means to increase oxygen utilization which in turn improves the yields of these products.

Gant Logo LMK Logo Lund Logo Kunskappsartner Logo