Difference between revisions of "Team:UCopenhagen"

 
(86 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{template:UCopenhagen-header/CSS}}
+
{{template:Copenhagen-Header}}
  
−
<html>
+
 
−
<style>
+
<!DOCTYPE HTML>
−
  .myintro {
+
<html lang="en">
−
      display: table;
+
 
−
      width: 100%;
+
<head>
−
      height: 100%;
+
 
−
      padding: 100px 0;
+
    <meta charset="utf-8">
−
      text-align: center;
+
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
−
      color: #E8DBD7;
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
−
      -background: url("https://static.igem.org/mediawiki/2017/7/71/UCopenhagen_BLUE_bg.jpeg") no-repeat bottom center scroll;
+
    <meta name="description" content="">
−
      background-color: #264653;
+
    <meta name="author" content="">
−
      -webkit-background-size: cover;
+
 
−
      -moz-background-size: cover;
+
    <title>inCell</title>
−
      background-size: cover;
+
 
−
      -o-background-size: cover;
+
    <!-- Bootstrap Core CSS -->
−
     }
+
    <link href="css/bootstrap.min.css" rel="stylesheet">
−
     .myintro .myintro-body {
+
 
−
      display: table-cell;
+
    <!-- Custom CSS -->
−
      vertical-align: middle;
+
    <link href="css/landing-page.css" rel="stylesheet">
−
    }
+
   
−
    .myintro .myintro-body .brand-heading {
+
    <!-- Custom JS -->
−
      font-size: 40px;
+
    <script src="js/twitter.js"></script>
−
    }
+
 
−
    .myintro .myintro-body .myintro-text {
+
    <!-- Custom Fonts -->
−
      font-size: 18px;
+
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
−
      font-family: Tahoma, Geneva, sans-serif;
+
    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
−
     }
+
 
−
</style>
+
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
−
<div id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
+
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
 +
    <!--[if lt IE 9]>
 +
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
 +
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
 +
    <![endif]-->
 +
 
 +
</head>
 +
 
 +
<body>
 +
    <!-- Header -->
 +
    <a name="Forside"></a>
 +
    <header id="df-header" role="banner" style="background-image: url('<?php header_image(); ?>');">
 +
    <video autoplay loop poster="'https://static.igem.org/mediawiki/2017/d/dc/UCopenhagen_bg'" id="bg-video">
 +
    <source src="https://static.igem.org/mediawiki/2017/d/dc/UCopenhagen_bg.webm" type="video/webm">
 +
    <source src="https://static.igem.org/mediawiki/2017/d/dc/UCopenhagen_bg.mp4" type="video/mp4">
 +
    </video>
 +
    <div class="home">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-lg-12">
 +
                    <div class="intro-message">
 +
                        <h1></h1>
 +
                        <h3> </h3>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
 
 +
        </div>
 +
        <!-- /.container -->
 +
 
 +
    </div>
 +
    <!-- /.intro-header -->
 +
 
 +
     <!-- Page Content -->
 +
 
 +
<a  name="klubber"></a>
 +
     <div class="content-section-a">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-lg-5 col-sm-6">
 +
                    <hr class="section-heading-spacer">
 +
                    <div class="clearfix"></div>
 +
                    <h2 class="section-heading">Incell: a platform for synthetic endosymbiosis</h2>
 +
                    <p class="lead">Incell is a new synthetic biology platform with near future applications in research, industry and services. We are rewriting nature’s code for endosymbiosis and transforming an evolutionary phenomenon into a technology compatible with standard biological parts.
 +
<br> <br>
 +
Our vision is to produce synthetic host–endosymbiont systems. We set out with a trinity of experiments intrinsic to the synthetic reconstruction of endosymbiosis. First, creating and sustaining dependence between a host and its endosymbionts by fulfilling the amino acid requirement of an auxotrophic host. Next, to build a modular system of cell-penetrating peptides for protein transport of host nuclear encoded proteins into an endosymbiont, recapitulating a crucial feature of the natural process. Finally, regulating the number of endosymbionts within a host using a CRISPR-Cas system for control of replication.
 +
<br> <br>
 +
Further ahead we see a safe, customisable, sustainable technology providing biological solutions to present and future challenges in biotechnology, agriculture and medicine.
 +
 
 +
                    <br> <br>
 +
 
 +
<h2 class="section-heading">We'd like to thank our amazing sponsors for the invaluable support and the possibilities they have given us to participate in iGEM 2017!</h2>
 +
                    <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/4/43/NovoNordiskFonden.png" alt="" width="250" height="200">
 +
                    <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/2/27/PharmaDanmark.png" alt="" width="250" height="200">
 +
                    <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/3/3e/DanishBiotechnologySociety.png" alt="" width="250" height="200">
 +
                    <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/1/17/KoebenhavnsUniversitet.png" alt="" width="250" height="200">
 +
                    <img class="img-responsive" src="https://static.igem.org/mediawiki/2017/4/43/Lundbeckfonden.png" alt="" width="250" height="200">
 +
                    </p>
 +
                </div>
 +
                <div class="col-lg-5 col-lg-offset-2 col-sm-6">
 +
                    <img class="img-responsive" src="img/dlf-logo.png" alt="">
 +
                </div>
 +
            </div>
 +
 
 +
        </div>
 +
        <!-- /.container -->
 +
 
 +
    </div>
 +
 
 +
<a  name="arrangementer"></a>
 +
    <div class="banner">
 +
 
 +
        <div class="container">
 +
 
 +
            <div class="row">
 +
                <div class="col-lg-6">
 +
                    <h2>Find inCell here:</h2>
 +
                </div>
 +
                <div class="col-lg-6">
 +
                    <ul class="list-inline banner-social-buttons">
 +
                        <li>
 +
                            <a href="https://twitter.com/iGEM_Copenhagen" target="_blank" class="btn btn-default btn-lg"><i class="fa fa-twitter fa-fw"></i> <span class="network-name">Twitter</span></a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://www.facebook.com/iGEMCopenhagen" target="_blank" class="btn btn-default btn-lg"><i class="fa fa-facebook fa-fw"></i> <span class="network-name">Facebook</span></a>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://www.instagram.com/igemku2017" target="_blank" class="btn btn-default btn-lg"><i class="fa fa-instagram fa-fw"></i> <span class="network-name">Instagram</span></a>
 +
                        </li>
 +
                    </ul>
 +
                </div>
 +
            </div>
 +
 
 +
        </div>
 +
        <!-- /.container -->
 +
 
 +
     </div>
 +
                   
 +
    <!-- /.banner -->
 +
 
 +
    <!-- Footer -->
 +
        <div id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
 
     <!-- One-Page Scroll NavBar -->
 
     <!-- One-Page Scroll NavBar -->
 
     <nav class="navbar scrollnav-custom navbar-fixed-bottom" role="navigation" id="scrollnav">
 
     <nav class="navbar scrollnav-custom navbar-fixed-bottom" role="navigation" id="scrollnav">
 
         <div class="container">
 
         <div class="container">
 
             <div class="navbar-header">
 
             <div class="navbar-header">
−
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-main-collapse">
+
<ul class="nav navbar-nav">
−
                     Menu <i class="fa fa-bars"></i>
+
                     <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
−
                </button>
+
                    <li>
−
                 <a class="navbar-brand" target="_blank"  href="https://www.facebook.com/iGEMCopenhagen">
+
                 <a class="page-scroll" href="#">Top</a>
−
                    <img src="https://static.igem.org/mediawiki/2017/f/fa/T--BOKU-Vienna--fb.png" alt="Facebook" >
+
</li>
−
                </a>
+
                 </ul>
−
                <a class="navbar-brand" target="_blank"  href="https://www.twitter.com/igem_copenhagen">
+
−
                    <img src="https://static.igem.org/mediawiki/2017/1/15/T--BOKU-Vienna--twitter.png" alt="Twitter" >
+
−
                 </a>
+
 
             </div>
 
             </div>
  
Line 50: Line 148:
 
                     <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
 
                     <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
 
                     <li>
 
                     <li>
−
                         <a class="page-scroll" href="#">Top</a>
+
                         <a class="page-scroll" href="https://2017.igem.org/Team:UCopenhagen">Previous</a>
 
                     </li>
 
                     </li>
 
                     <li>
 
                     <li>
−
                         <a class="page-scroll" href="#Welcome">Attention</a>
+
                         <a class="page-scroll" href="https://2017.igem.org/Team:UCopenhagen/Project">Next</a>
 
                     </li>
 
                     </li>
−
                    <li>
 
−
                        <a class="page-scroll" href="#Team">Team</a>
 
−
                    </li>
 
−
                    <li>
 
−
                        <a class="page-scroll" href="#Project">Project</a>
 
−
                    </li>
 
−
 
 
                 </ul>
 
                 </ul>
 
             </div>
 
             </div>
Line 68: Line 159:
 
         <!-- /.container -->
 
         <!-- /.container -->
 
     </nav>
 
     </nav>
 +
</div>
  
−
    <!-- myintro Header -->
+
<footer>
−
     <header class="myintro">
+
     <div class="container text-center content-section sponsor-section">
−
        <div class="myintro-body">
+
      <div class="row">
−
            <div class="container">
+
     
−
                <div class="row">
+
      </div>
−
                    <div class="col-md-6 col-md-offset-2">
+
    </div>
−
                        <h1 class="brand-heading">ARTIFICIAL ENDOSYMBIOSIS</h1>
+
</footer>
−
                        <p class="myintro-text">Almost Endless Possibilities
+
−
                            <br>Created by InCell.</p>
+
−
                        <a href="#Welcome" class="page-scroll">
+
−
                          <div id="downarrow">
+
−
                            <img src="https://static.igem.org/mediawiki/2017/3/32/T--BOKU-Vienna--arrow.png" alt="V">
+
−
                          </div>
+
−
                        </a>
+
−
                    </div>
+
−
                </div>
+
−
            </div>
+
−
        </div>
+
−
    </header>
+
  
−
    <!-- Information Section -->
 
−
    <section id="Welcome" class="container content-section text-center">
 
−
        <div class="row">
 
−
            <div class="col-lg-8 col-lg-offset-2">
 
−
                <h2>ATTENTION</h2>
 
−
                <p> <br> Our Wiki is still under construction. </p>
 
−
            </div>
 
−
        </div>
 
−
    </section>
 
  
−
<!-- Team Section -->
+
    <!-- jQuery -->
−
     <section id="Team" class="container content-section text-center">
+
     <script src="js/jquery.js"></script>
−
        <div class="row">
+
−
            <div class="col-lg-8 col-lg-offset-2">
+
−
                <h2>Team introduction</h2>
+
−
                <p> <br> 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>
+
−
            </div>
+
−
        </div>
+
−
    </section>
+
−
 
+
−
<!-- Project Section -->
+
−
    <section id="Project" class="container content-section text-center">
+
−
        <div class="row">
+
−
            <div class="col-lg-8 col-lg-offset-2">
+
−
                <h2>Project Description</h2>
+
−
                <p> <br> 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>
+
    <!-- Bootstrap Core JavaScript -->
 +
    <script src="js/bootstrap.min.js"></script>
  
−
<a href="https://2017.igem.org/Team:UCopenhagen/Project">
+
</body>
−
<h2> Read more </h2>
+
−
</a>
+
  
−
 
−
            </div>
 
−
        </div>
 
−
    </section>
 
−
 
−
   
 
 
</html>
 
</html>

Latest revision as of 03:55, 2 November 2017


<!DOCTYPE HTML> inCell