Difference between revisions of "Team:UCopenhagen"

 
(41 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{template:UCopenhagen-default}}
+
{{template:Copenhagen-Header}}
−
{{template:UCopenhagen-css}}
+
−
{{template:UCopenhagen-js}}
+
−
{{template:UCopenhagen-jquery}}
+
−
{{template:UCopenhagen-jquery-easing}}
+
−
{{template:UCopenhagen-popper}}
+
−
{{template:UCopenhagen-bootstrap-css}}
+
−
{{template:UCopenhagen-bootstrap-js}}
+
−
{{template:UCopenhagen-fontawesome-css}}
+
  
 +
 +
<!DOCTYPE HTML>
 
<html lang="en">
 
<html lang="en">
  
−
  <head>
+
<head>
  
 
     <meta charset="utf-8">
 
     <meta charset="utf-8">
−
     <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
 +
     <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <meta name="description" content="">
 
     <meta name="description" content="">
 
     <meta name="author" content="">
 
     <meta name="author" content="">
Line 20: Line 15:
 
     <title>inCell</title>
 
     <title>inCell</title>
  
−
     <!-- Custom fonts for this template -->
+
     <!-- Bootstrap Core CSS -->
−
     <link href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css">
+
     <link href="css/bootstrap.min.css" rel="stylesheet">
−
    <link href='https://fonts.googleapis.com/css?family=Cabin:700' rel='stylesheet' type='text/css'>
+
  
−
  </head>
+
    <!-- Custom CSS -->
 +
    <link href="css/landing-page.css" rel="stylesheet">
 +
   
 +
    <!-- Custom JS -->
 +
    <script src="js/twitter.js"></script>
  
−
  <body id="page-top">
+
    <!-- Custom Fonts -->
 +
    <link href="font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
 +
    <link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css">
  
−
     <!-- Navigation -->
+
     <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
−
     <nav class="navbar navbar-expand-lg navbar-light fixed-top" id="mainNav">
+
     <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
−
      <div class="container">
+
    <!--[if lt IE 9]>
−
        <a class="navbar-brand js-scroll-trigger" href="#page-top">inCell</a>
+
         <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
−
        <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">
+
        <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
−
          Menu
+
    <![endif]-->
−
          <i class="fa fa-bars"></i>
+
 
−
         </button>
+
</head>
−
        <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">HOME</a>
+
−
            </li>
+
−
            <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">
+
−
              <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/HP">HUMAN PRACTICES</a>
+
−
            </li>
+
−
<li class="nav-item">
+
−
              <a class="nav-link js-scroll-trigger" href="https://2017.igem.org/Team:UCopenhagen/Safety">SAFETY</a>
+
−
            </li>
+
−
          </ul>
+
−
        </div>
+
−
      </div>
+
−
    </nav>
+
  
−
     <!-- Intro Header -->
+
<body>
−
     <header class="masthead">
+
     <!-- Header -->
−
      <div class="intro-body">
+
    <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="container">
−
          <div class="row">
+
            <div class="row">
−
            <div class="col-lg-10 mx-auto">
+
                <div class="col-lg-12">
−
              <h1 class="brand-heading">ARTIFICIAL ENDOSYMBIOSIS</h1>
+
                    <div class="intro-message">
−
              <p class="intro-text">Almost Endless Possibilities
+
                        <h1></h1>
−
                <br>Created by inCell</p>
+
                        <h3> </h3>
−
              <a href="#about" class="btn btn-circle js-scroll-trigger">
+
                    </div>
−
                 <i class="fa fa-angle-double-down animated"></i>
+
                 </div>
−
              </a>
+
 
             </div>
 
             </div>
−
          </div>
+
 
 
         </div>
 
         </div>
−
      </div>
+
        <!-- /.container -->
−
     </header>
+
 
 +
    </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>
  
−
    <!-- About Section -->
 
−
    <section id="about" class="content-section text-center">
 
−
      <div class="container">
 
−
        <div class="row">
 
−
          <div class="col-lg-8 mx-auto">
 
−
            <h2>Team introduction</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>
 
−
 
 
−
          </div>
 
 
         </div>
 
         </div>
−
      </div>
+
        <!-- /.container -->
−
    </section>
+
  
−
     <!-- Project Des. Section -->
+
     </div>
−
    <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>
+
<a  name="arrangementer"></a>
 +
    <div class="banner">
  
−
<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>
+
        <div class="container">
−
<br>
+
  
−
<a href="https://2017.igem.org/Team:UCopenhagen/Project">
+
            <div class="row">
−
<h2> Read more </h2>
+
                <div class="col-lg-6">
−
</a>
+
                    <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>
 
         </div>
−
      </div>
+
        <!-- /.container -->
−
    </section>
+
  
−
     <!-- Map Section -->
+
    </div>
−
    <div id="map"></div>
+
                   
 +
     <!-- /.banner -->
  
 
     <!-- Footer -->
 
     <!-- Footer -->
−
     <footer>
+
        <div id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
−
      <div class="container text-center">
+
     <!-- One-Page Scroll NavBar -->
−
        <p>Copyright &copy; inCell 2017</p>
+
    <nav class="navbar scrollnav-custom navbar-fixed-bottom" role="navigation" id="scrollnav">
 +
        <div class="container">
 +
            <div class="navbar-header">
 +
<ul class="nav navbar-nav">
 +
                    <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
 +
                    <li>
 +
                <a class="page-scroll" href="#">Top</a>
 +
</li>
 +
                </ul>
 +
            </div>
 +
 
 +
            <!-- Collect the nav links, forms, and other content for toggling -->
 +
            <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
 +
                <ul class="nav navbar-nav">
 +
                    <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
 +
                    <li>
 +
                        <a class="page-scroll" href="https://2017.igem.org/Team:UCopenhagen">Previous</a>
 +
                    </li>
 +
                    <li>
 +
                        <a class="page-scroll" href="https://2017.igem.org/Team:UCopenhagen/Project">Next</a>
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
            <!-- /.navbar-collapse -->
 +
        </div>
 +
        <!-- /.container -->
 +
    </nav>
 +
</div>
 +
 
 +
<footer>
 +
    <div class="container text-center content-section sponsor-section">
 +
      <div class="row">
 +
     
 
       </div>
 
       </div>
−
     </footer>
+
     </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/ -->
+
     <!-- jQuery -->
−
     <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCRngKslUGJTlibkQ3FkfTxj3Xss1UlZDA&sensor=false"></script>
+
     <script src="js/jquery.js"></script>
  
 +
    <!-- Bootstrap Core JavaScript -->
 +
    <script src="js/bootstrap.min.js"></script>
  
−
  </body>
+
</body>
  
 
</html>
 
</html>

Latest revision as of 03:55, 2 November 2017


<!DOCTYPE HTML> inCell