Difference between revisions of "Team:UCopenhagen"

 
(34 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
{{template:Copenhagen-Header}}
 
{{template:Copenhagen-Header}}
  
−
<html>
+
 
−
<style>
+
<!DOCTYPE HTML>
−
  .video {
+
<html lang="en">
−
      width: 100% !important;
+
 
−
      }
+
<head>
−
  .myintro {
+
 
−
      display: table;
+
    <meta charset="utf-8">
−
      width: 100%;
+
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
−
      height: 100%;
+
    <meta name="viewport" content="width=device-width, initial-scale=1">
−
      padding: 100px 0;
+
    <meta name="description" content="">
−
      text-align: center;
+
    <meta name="author" content="">
−
      color: black;
+
 
−
      background: url("https://static.igem.org/mediawiki/2017/6/65/UCopenhagen_Frontpage.jpeg") no-repeat bottom center scroll;
+
    <title>inCell</title>
−
      background-color: black;
+
 
−
      -webkit-background-size: cover;
+
    <!-- Bootstrap Core CSS -->
−
      -moz-background-size: cover;
+
    <link href="css/bootstrap.min.css" rel="stylesheet">
−
      background-size: cover;
+
 
−
      -o-background-size: cover;
+
    <!-- Custom CSS -->
−
     }
+
    <link href="css/landing-page.css" rel="stylesheet">
−
     .myintro .myintro-body {
+
   
−
      display: table-cell;
+
    <!-- Custom JS -->
−
      vertical-align: middle;
+
    <script src="js/twitter.js"></script>
−
    }
+
 
−
    .myintro .myintro-body .brand-heading {
+
    <!-- Custom Fonts -->
−
      font-size: 40px;
+
    <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">
−
    .myintro .myintro-body .myintro-text {
+
 
−
      font-size: 18px;
+
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
−
      font-family: Tahoma, Geneva, sans-serif;
+
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
−
     }
+
    <!--[if lt IE 9]>
−
</style>
+
        <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
−
<div id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
+
        <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/IGEM.BOKU.Vienna">
+
                 <a class="page-scroll" href="#">Top</a>
−
                    <img src="https://static.igem.org/mediawiki/2017/6/67/T--BOKU-Vienna--fb2.png" alt="Facebook" >
+
</li>
−
                </a>
+
                 </ul>
−
                <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>
 
             </div>
  
Line 53: 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">Welcome</a>
+
                         <a class="page-scroll" href="https://2017.igem.org/Team:UCopenhagen/Project">Next</a>
 
                     </li>
 
                     </li>
 
                 </ul>
 
                 </ul>
Line 64: 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-8 col-md-offset-2">
+
    </div>
−
                        <h1 class="brand-heading">D.I.V.E.R.T.</h1>
+
</footer>
−
                        <p class="myintro-text">The Next Step of Evolution.
+
−
                            <br>Created by BOKU Vienna.</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>
+
  
−
    <!-- About Section -->
 
−
    <section class="container content-section text-center">
 
−
        <div class="row" id="Welcome" >
 
−
            <div class="col-lg-8 col-lg-offset-2">
 
−
                <p> <br><br></p>
 
−
                <h2>Welcome.</h2>
 
−
                <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>.
 
−
</p>
 
−
<video poster="https://static.igem.org/mediawiki/2017/6/6d/Titelbild_schirch.jpeg" id="iGEMMovie" width="100%" height="auto" preload controls align="center">
 
  
−
<source src="https://static.igem.org/mediawiki/2017/2/2a/DIVERT-video.mp4" type='video/mp4'/>
+
    <!-- jQuery -->
−
            </div>
+
    <script src="js/jquery.js"></script>
−
        </div>
+
 
−
    </section>
+
    <!-- Bootstrap Core JavaScript -->
 +
    <script src="js/bootstrap.min.js"></script>
 +
 
 +
</body>
  
−
   
 
 
</html>
 
</html>

Latest revision as of 03:55, 2 November 2017


<!DOCTYPE HTML> inCell