Difference between revisions of "Team:UCopenhagen"

 
(66 intermediate revisions by 2 users not shown)
Line 1: Line 1:
−
{{template:UCopenhagen-header/CSS}}
+
{{template:Copenhagen-Header}}
−
{{template:UCopenhagen-header/CSS2}}
+
  
 +
 +
<!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="">
  
−
     <title>Grayscale - Start Bootstrap Theme</title>
+
     <title>inCell</title>
  
−
     <!-- Bootstrap core CSS -->
+
     <!-- Bootstrap Core CSS -->
−
     <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
+
     <link href="css/bootstrap.min.css" rel="stylesheet">
  
−
     <!-- Custom fonts for this template -->
+
     <!-- Custom CSS -->
−
     <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
+
     <link href="css/landing-page.css" rel="stylesheet">
−
     <link href="https://fonts.googleapis.com/css?family=Lora:400,700,400italic,700italic" rel="stylesheet" type="text/css">
+
   
−
    <link href='https://fonts.googleapis.com/css?family=Cabin:700' rel='stylesheet' type='text/css'>
+
     <!-- Custom JS -->
 +
    <script src="js/twitter.js"></script>
  
−
     <!-- Custom styles for this template -->
+
     <!-- Custom Fonts -->
−
     <link href="css/grayscale.min.css" rel="stylesheet">
+
     <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">
  
−
  </head>
+
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
 +
    <!-- 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]-->
  
−
  <body id="page-top">
+
</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>
  
−
    <!-- 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">Start Bootstrap</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="#about">About</a>
 
−
            </li>
 
−
            <li class="nav-item">
 
−
              <a class="nav-link js-scroll-trigger" href="#download">Download</a>
 
−
            </li>
 
−
            <li class="nav-item">
 
−
              <a class="nav-link js-scroll-trigger" href="#contact">Contact</a>
 
−
            </li>
 
−
          </ul>
 
 
         </div>
 
         </div>
−
      </div>
+
        <!-- /.container -->
−
     </nav>
+
 
 +
    </div>
 +
     <!-- /.intro-header -->
 +
 
 +
    <!-- Page Content -->
  
−
    <!-- Intro Header -->
+
<a  name="klubber"></a>
−
    <header class="masthead">
+
    <div class="content-section-a">
−
      <div class="intro-body">
+
 
         <div class="container">
 
         <div class="container">
−
          <div class="row">
+
            <div class="row">
−
            <div class="col-lg-8 mx-auto">
+
                <div class="col-lg-5 col-sm-6">
−
              <h1 class="brand-heading">Grayscale</h1>
+
                    <hr class="section-heading-spacer">
−
              <p class="intro-text">A free, responsive, one page Bootstrap theme.
+
                    <div class="clearfix"></div>
−
                <br>Created by Start Bootstrap.</p>
+
                    <h2 class="section-heading">Incell: a platform for synthetic endosymbiosis</h2>
−
              <a href="#about" class="btn btn-circle js-scroll-trigger">
+
                    <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.
−
                 <i class="fa fa-angle-double-down animated"></i>
+
<br> <br>
−
              </a>
+
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>
−
          </div>
 
−
        </div>
 
−
      </div>
 
−
    </header>
 
  
−
    <!-- About Section -->
 
−
    <section id="about" class="content-section text-center">
 
−
      <div class="container">
 
−
        <div class="row">
 
−
          <div class="col-lg-8 mx-auto">
 
−
            <h2>About Grayscale</h2>
 
−
            <p>Grayscale is a free Bootstrap theme created by Start Bootstrap. It can be yours right now, simply download the template on
 
−
              <a href="http://startbootstrap.com/template-overviews/grayscale/">the preview page</a>. The theme is open source, and you can use it for any purpose, personal or commercial.</p>
 
−
            <p>This theme features stock photos by
 
−
              <a href="http://gratisography.com/">Gratisography</a>
 
−
              along with a custom Google Maps skin courtesy of
 
−
              <a href="http://snazzymaps.com/">Snazzy Maps</a>.</p>
 
−
            <p>Grayscale includes full HTML, CSS, and custom JavaScript files along with SASS and LESS files for easy customization!</p>
 
−
          </div>
 
 
         </div>
 
         </div>
−
      </div>
+
        <!-- /.container -->
−
    </section>
+
  
−
     <!-- Download Section -->
+
     </div>
−
    <section id="download" class="download-section content-section text-center">
+
 
−
      <div class="container">
+
<a  name="arrangementer"></a>
−
        <div class="col-lg-8 mx-auto">
+
    <div class="banner">
−
          <h2>Download Grayscale</h2>
+
 
−
          <p>You can download Grayscale for free on the preview page at Start Bootstrap.</p>
+
        <div class="container">
−
          <a href="http://startbootstrap.com/template-overviews/grayscale/" class="btn btn-default btn-lg">Visit Download Page</a>
+
 
−
        </div>
+
            <div class="row">
−
      </div>
+
                <div class="col-lg-6">
−
    </section>
+
                    <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>
  
−
    <!-- Contact Section -->
 
−
    <section id="contact" class="content-section text-center">
 
−
      <div class="container">
 
−
        <div class="row">
 
−
          <div class="col-lg-8 mx-auto">
 
−
            <h2>Contact Start Bootstrap</h2>
 
−
            <p>Feel free to leave us a comment on the
 
−
              <a href="http://startbootstrap.com/template-overviews/grayscale/">Grayscale template overview page</a>
 
−
              on Start Bootstrap to give some feedback about this theme!</p>
 
−
            <ul class="list-inline banner-social-buttons">
 
−
              <li class="list-inline-item">
 
−
                <a href="https://twitter.com/SBootstrap" class="btn btn-default btn-lg">
 
−
                  <i class="fa fa-twitter fa-fw"></i>
 
−
                  <span class="network-name">Twitter</span>
 
−
                </a>
 
−
              </li>
 
−
              <li class="list-inline-item">
 
−
                <a href="https://github.com/BlackrockDigital/startbootstrap" class="btn btn-default btn-lg">
 
−
                  <i class="fa fa-github fa-fw"></i>
 
−
                  <span class="network-name">Github</span>
 
−
                </a>
 
−
              </li>
 
−
              <li class="list-inline-item">
 
−
                <a href="https://plus.google.com/+Startbootstrap/posts" class="btn btn-default btn-lg">
 
−
                  <i class="fa fa-google-plus fa-fw"></i>
 
−
                  <span class="network-name">Google+</span>
 
−
                </a>
 
−
              </li>
 
−
            </ul>
 
−
          </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; Your Website 2017</p>
+
    <nav class="navbar scrollnav-custom navbar-fixed-bottom" role="navigation" id="scrollnav">
−
      </div>
+
        <div class="container">
−
    </footer>
+
            <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>
  
−
    <!-- Bootstrap core JavaScript -->
+
            <!-- Collect the nav links, forms, and other content for toggling -->
−
    <script src="vendor/jquery/jquery.min.js"></script>
+
            <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
−
    <script src="vendor/popper/popper.min.js"></script>
+
                <ul class="nav navbar-nav">
−
    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
+
                    <!-- 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>
  
−
    <!-- Plugin JavaScript -->
 
−
    <script src="vendor/jquery-easing/jquery.easing.min.js"></script>
 
  
−
     <!-- 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>
  
−
     <!-- Custom scripts for this template -->
+
     <!-- Bootstrap Core JavaScript -->
−
     <script src="js/grayscale.min.js"></script>
+
     <script src="js/bootstrap.min.js"></script>
  
−
  </body>
+
</body>
  
 
</html>
 
</html>

Latest revision as of 03:55, 2 November 2017


<!DOCTYPE HTML> inCell