Difference between revisions of "Team:UCopenhagen"

Line 1: Line 1:
 
{{template:Copenhagen-Header}}
 
{{template:Copenhagen-Header}}
  
−
<html lang="en">
+
<html>
 +
<style>
 +
  .video {
 +
      width: 100% !important;
 +
      }
 +
  .myintro {
 +
      display: table;
 +
      width: 100%;
 +
      height: 100%;
 +
      padding: 100px 0;
 +
      text-align: center;
 +
      color: black;
 +
      background: url("https://static.igem.org/mediawiki/2017/e/ea/T--BOKU-Vienna--plastic.jpg") no-repeat bottom center scroll;
 +
      background-color: black;
 +
      -webkit-background-size: cover;
 +
      -moz-background-size: cover;
 +
      background-size: cover;
 +
      -o-background-size: cover;
 +
    }
 +
    .myintro .myintro-body {
 +
      display: table-cell;
 +
      vertical-align: middle;
 +
    }
 +
    .myintro .myintro-body .brand-heading {
 +
      font-size: 40px;
 +
    }
 +
    .myintro .myintro-body .myintro-text {
 +
      font-size: 18px;
 +
      font-family: Tahoma, Geneva, sans-serif;
 +
    }
 +
</style>
 +
<div id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
 +
    <!-- One-Page Scroll NavBar -->
 +
    <nav class="navbar scrollnav-custom navbar-fixed-bottom" role="navigation" id="scrollnav">
 +
        <div class="container">
 +
            <div class="navbar-header">
 +
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
 +
                    Menu <i class="fa fa-bars"></i>
 +
                </button>
 +
                <a class="navbar-brand" target="_blank"  href="https://www.facebook.com/IGEM.BOKU.Vienna">
 +
                    <img src="https://static.igem.org/mediawiki/2017/6/67/T--BOKU-Vienna--fb2.png" alt="Facebook" >
 +
                </a>
 +
                <a class="navbar-brand" target="_blank"  href="https://www.twitter.com/BOKU_iGEM">
 +
                    <img src="https://static.igem.org/mediawiki/2017/1/15/T--BOKU-Vienna--twitter.png" alt="Twitter" >
 +
                </a>
 +
            </div>
  
−
  <head>
+
            <!-- Collect the nav links, forms, and other content for toggling -->
−
 
+
            <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
−
    <meta charset="utf-8">
+
                <ul class="nav navbar-nav">
−
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
                    <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
−
    <meta name="description" content="">
+
                    <li>
−
    <meta name="author" content="">
+
                        <a class="page-scroll" href="#">Top</a>
−
 
+
                    </li>
−
    <title>inCell</title>
+
                    <li>
−
 
+
                        <a class="page-scroll" href="#Welcome">Welcome</a>
−
    <!-- Custom fonts for this template -->
+
                    </li>
−
    <link href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css">
+
                </ul>
−
    <link href='https://fonts.googleapis.com/css?family=Cabin:700' rel='stylesheet' type='text/css'>
+
             </div>
−
 
+
            <!-- /.navbar-collapse -->
−
  </head>
+
−
 
+
−
  <body id="page-top">
+
−
 
+
−
    <!-- Navigation -->
+
−
    <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
+
−
      <div class="container">
+
−
        <a class="navbar-brand js-scroll-trigger" href="#page-top">inCell</a>
+
−
        <button class="navbar-toggler navbar-toggler-right" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
+
−
          Menu
+
−
          <i class="fa fa-bars"></i>
+
−
        </button>
+
−
        <div class="collapse navbar-collapse" id="navbarResponsive">
+
−
          <ul class="navbar-nav ml-auto">
+
−
            <li class="nav-item">
+
−
              <a class="nav-link js-scroll-trigger" href="https://2017.igem.org/Team:UCopenhagen/Project">PROJECT</a>
+
−
            </li>
+
−
            <li class="nav-item">
+
−
<li class="nav-item">
+
−
              <a class="nav-link js-scroll-trigger" href="https://2017.igem.org/Team:UCopenhagen/Safety">SAFETY</a>
+
−
            </li>
+
−
 
+
−
<li class="nav-item">
+
−
              <a class="nav-link js-scroll-trigger" href="https://2017.igem.org/Team:UCopenhagen/HP">HUMAN PRACTICES</a>
+
−
            </li>
+
−
 
+
−
<li class="nav-item">
+
−
              <a class="nav-link js-scroll-trigger" href="https://2017.igem.org/Team:UCopenhagen/team">PEOPLE</a>
+
−
             </li>
+
−
<li class="nav-item">
+
−
              <a class="nav-link js-scroll-trigger" href="https://2017.igem.org/Team:UCopenhagen/team">FUTURE APPLICATIONS</a>
+
−
            </li>
+
−
 
+
−
          </ul>
+
 
         </div>
 
         </div>
−
      </div>
+
        <!-- /.container -->
 
     </nav>
 
     </nav>
  
−
     <!-- Intro Header -->
+
     <!-- myintro Header -->
−
     <header class="masthead">
+
     <header class="myintro">
−
      <div class="intro-body">
+
        <div class="myintro-body">
−
        <div class="container">
+
            <div class="container">
−
          <div class="row">
+
                <div class="row">
−
            <div class="col-lg-10 mx-auto">
+
                    <div class="col-md-8 col-md-offset-2">
−
              <h1 class="brand-heading"></h1>
+
                        <h1 class="brand-heading">D.I.V.E.R.T.</h1>
−
              <p class="intro-text">ARTIFICIAL ENDOSYMBIOSIS
+
                        <p class="myintro-text">The Next Step of Evolution.
−
                <br>Almost Endless Possibilities</p>
+
                            <br>Created by BOKU Vienna.</p>
−
              <a href="#about" class="btn btn-circle js-scroll-trigger">
+
                        <a href="#Welcome" class="page-scroll">
−
                <i class="fa fa-angle-double-down animated"></i>
+
                          <div id="downarrow">
−
              </a>
+
                            <img src="https://static.igem.org/mediawiki/2017/3/32/T--BOKU-Vienna--arrow.png" alt="V">
 +
                          </div>
 +
                        </a>
 +
                    </div>
 +
                </div>
 
             </div>
 
             </div>
−
          </div>
 
 
         </div>
 
         </div>
−
      </div>
 
 
     </header>
 
     </header>
  
 
     <!-- About Section -->
 
     <!-- About Section -->
−
     <section id="about" class="content-section text-center">
+
     <section class="container content-section text-center">
−
      <div class="container">
+
        <div class="row" id="Welcome" >
−
        <div class="row">
+
            <div class="col-lg-8 col-lg-offset-2">
−
          <div class="col-lg-8 mx-auto">
+
                <p> <br><br></p>
−
            <h2>Team introduction</h2>
+
                <h2>Welcome.</h2>
−
            <p>InCell is the name of the 2017 iGEM team of the University of Copenhagen. InCell is a strong international and interdisciplinary team with expertises ranging from Molecular Biomedicine to Communication and IT, including Biochemistry, Microbiology, and Food Science & Technology. Inspired by the fermenting research field surrounding interspecies and interdomain interactions, our team has decided to pursue a new approach to the study of endosymbiosis and its mechanisms with regards to its history and future applications.</p>
+
                <p> <br> Our Wiki is still under construction. However, you can find a short project description <a href="https://2017.igem.org/Team:BOKU-Vienna/Description">here</a>, pictures of our team members <a href="https://2017.igem.org/Team:BOKU-Vienna/Team">here</a>. Our sponsors are listed <a href="https://2017.igem.org/Team:BOKU-Vienna/Sponsors">here</a>. Read what we have been up to in our monthly <a href="https://2017.igem.org/Team:BOKU-Vienna/HP/Newsletters#">Newsletter</a>.
−
 
+
You can learn about our public engagement <a href="https://2017.igem.org/Team:BOKU-Vienna/Engagement">here</a>.
−
          </div>
+
</p>
−
        </div>
+
<video poster="https://static.igem.org/mediawiki/2017/6/6d/Titelbild_schirch.jpeg" id="iGEMMovie" width="100%" height="auto" preload controls align="center">
−
      </div>
+
−
    </section>
+
−
 
+
−
    <!-- Project Des. Section -->
+
−
    <section id="download" class="download-section content-section text-center">
+
−
      <div class="container">
+
−
        <div class="col-lg-8 mx-auto">
+
−
          <h2>Project Description</h2>
+
−
          <p>The objective of InCell is to investigate basic aspects of endosymbiosis in order to establish the principles for the future use of artificial endosymbiosis in synthetic biology. Developing the framework for the modular assembly of orthogonal synthetic organelles can have profound applications in different fields, including medicine and agriculture.</p>
+
−
 
+
−
<br>
+
−
 
+
−
<p>We envision that artificial endosymbiosis could be applied in a broad range of fields, including agriculture, medicine and production of valuable compounds. A deeper understanding of the relationships intertwining endosymbionts and their hosts could, for example, unravel new knowledge applicable for the treatment of mitochondrial diseases or develop humanized antibodies, while a living compartment able to fix nitrogen from air could decrease the use of fertilizers in agricultural production.</p>
+
−
<br>
+
−
 
+
−
<a href="https://2017.igem.org/Team:UCopenhagen/Project">
+
−
<h2> Read more </h2>
+
−
</a>
+
  
 +
<source src="https://static.igem.org/mediawiki/2017/2/2a/DIVERT-video.mp4" type='video/mp4'/>
 +
            </div>
 
         </div>
 
         </div>
−
      </div>
 
 
     </section>
 
     </section>
  
−
     <!-- Map Section -->
+
      
−
    <div id="map"></div>
+
−
 
+
−
    <!-- Footer -->
+
−
    <footer>
+
−
      <div class="container text-center">
+
−
        <p>Copyright &copy; inCell 2017</p>
+
−
      </div>
+
−
    </footer>
+
−
 
+
−
 
+
−
    <!-- Google Maps API Key - Use your own API key to enable the map feature. More information on the Google Maps API can be found at https://developers.google.com/maps/ -->
+
−
    <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCRngKslUGJTlibkQ3FkfTxj3Xss1UlZDA&sensor=false"></script>
+
−
 
+
−
 
+
−
  </body>
+
−
 
+
 
</html>
 
</html>

Revision as of 05:59, 30 August 2017

D.I.V.E.R.T.

The Next Step of Evolution.
Created by BOKU Vienna.

V



Welcome.


Our Wiki is still under construction. However, you can find a short project description here, pictures of our team members here. Our sponsors are listed here. Read what we have been up to in our monthly Newsletter. You can learn about our public engagement here.