Difference between revisions of "Team:UCopenhagen"

Line 2: Line 2:
 
{{template:UCopenhagen-header/CSS2}}
 
{{template:UCopenhagen-header/CSS2}}
  
−
<html>
+
<!DOCTYPE html>
−
  <!-- myintro Header -->
+
<html lang="en">
−
     <header class="myintro">
+
 
−
        <div class="myintro-body">
+
  <head>
−
            <div class="container">
+
 
−
                <div class="row">
+
    <meta charset="utf-8">
−
                    <div class="col-md-10 col-md-offset-1">
+
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
−
                        <h1 class="brand-heading">ARTIFICIAL ENDOSYMBIOSIS</h1>
+
    <meta name="description" content="">
−
                        <p class="myintro-text">Almost Endless Possibilities
+
    <meta name="author" content="">
−
                            <br>Created by InCell.</p>
+
 
−
                        <a href="#Welcome" class="page-scroll">
+
    <title>Grayscale - Start Bootstrap Theme</title>
−
                          <div id="downarrow">
+
 
−
                            <img src="https://static.igem.org/mediawiki/2017/3/32/T--BOKU-Vienna--arrow.png" alt="V">
+
    <!-- Bootstrap core CSS -->
−
                          </div>
+
     <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">
−
                        </a>
+
 
−
                    </div>
+
    <!-- Custom fonts for this template -->
−
                 </div>
+
    <link href="vendor/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css">
 +
    <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 styles for this template -->
 +
    <link href="css/grayscale.min.css" rel="stylesheet">
 +
 
 +
  </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">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>
 +
    </nav>
 +
 
 +
    <!-- Intro Header -->
 +
    <header class="masthead">
 +
      <div class="intro-body">
 +
        <div class="container">
 +
          <div class="row">
 +
            <div class="col-lg-8 mx-auto">
 +
              <h1 class="brand-heading">Grayscale</h1>
 +
              <p class="intro-text">A free, responsive, one page Bootstrap theme.
 +
                <br>Created by Start Bootstrap.</p>
 +
              <a href="#about" class="btn btn-circle js-scroll-trigger">
 +
                 <i class="fa fa-angle-double-down animated"></i>
 +
              </a>
 
             </div>
 
             </div>
 +
          </div>
 
         </div>
 
         </div>
 +
      </div>
 
     </header>
 
     </header>
  
−
     <!-- Information Section -->
+
     <!-- About Section -->
−
     <section id="Welcome" class="container content-section text-center">
+
     <section id="about" class="content-section text-center">
 +
      <div class="container">
 
         <div class="row">
 
         <div class="row">
−
            <div class="col-lg-8 col-lg-offset-2">
+
          <div class="col-lg-8 mx-auto">
−
                <h2>ATTENTION</h2>
+
            <h2>About Grayscale</h2>
−
                <p> <br> Our Wiki is still under construction. </p>
+
            <p>Grayscale is a free Bootstrap theme created by Start Bootstrap. It can be yours right now, simply download the template on
−
             </div>
+
              <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>
 
     </section>
 
     </section>
  
−
<!-- Team Section -->
+
    <!-- Download Section -->
−
     <section id="Team" class="container content-section text-center">
+
     <section id="download" class="download-section content-section text-center">
−
        <div class="row">
+
      <div class="container">
−
            <div class="col-lg-8 col-lg-offset-2">
+
        <div class="col-lg-8 mx-auto">
−
                <h2>Team introduction</h2>
+
          <h2>Download Grayscale</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>
+
          <p>You can download Grayscale for free on the preview page at Start Bootstrap.</p>
−
            </div>
+
          <a href="http://startbootstrap.com/template-overviews/grayscale/" class="btn btn-default btn-lg">Visit Download Page</a>
 
         </div>
 
         </div>
 +
      </div>
 
     </section>
 
     </section>
  
−
<!-- Project Section -->
+
    <!-- Contact Section -->
−
     <section id="Project" class="container content-section text-center">
+
     <section id="contact" class="content-section text-center">
 +
      <div class="container">
 
         <div class="row">
 
         <div class="row">
−
            <div class="col-lg-8 col-lg-offset-2">
+
          <div class="col-lg-8 mx-auto">
−
                <h2>Project Description</h2>
+
            <h2>Contact Start Bootstrap</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>
+
            <p>Feel free to leave us a comment on the
−
<br>
+
              <a href="http://startbootstrap.com/template-overviews/grayscale/">Grayscale template overview page</a>
−
 
+
              on Start Bootstrap to give some feedback about this theme!</p>
−
<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>
+
            <ul class="list-inline banner-social-buttons">
−
 
+
              <li class="list-inline-item">
−
<br>
+
                <a href="https://twitter.com/SBootstrap" class="btn btn-default btn-lg">
−
 
+
                  <i class="fa fa-twitter fa-fw"></i>
−
<a href="https://2017.igem.org/Team:UCopenhagen/Project">
+
                  <span class="network-name">Twitter</span>
−
<h2> Read more </h2>
+
                </a>
−
</a>
+
              </li>
−
 
+
              <li class="list-inline-item">
−
 
+
                <a href="https://github.com/BlackrockDigital/startbootstrap" class="btn btn-default btn-lg">
−
             </div>
+
                  <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>
 
     </section>
 
     </section>
  
−
<div id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
+
     <!-- Map Section -->
−
     <!-- One-Page Scroll NavBar -->
+
     <div id="map"></div>
−
     <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/iGEMCopenhagen">
+
−
                    <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/igem_copenhagen">
+
−
                    <img src="https://static.igem.org/mediawiki/2017/1/15/T--BOKU-Vienna--twitter.png" alt="Twitter" >
+
−
                </a>
+
−
            </div>
+
  
−
            <!-- Collect the nav links, forms, and other content for toggling -->
+
    <!-- Footer -->
−
            <div class="collapse navbar-collapse navbar-right navbar-main-collapse">
+
    <footer>
−
                <ul class="nav navbar-nav">
+
      <div class="container text-center">
−
                    <!-- Hidden li included to remove active class from about link when scrolled up past about section -->
+
        <p>Copyright &copy; Your Website 2017</p>
−
                    <li>
+
      </div>
−
                        <a class="page-scroll" href="#">Top</a>
+
    </footer>
−
                    </li>
+
−
                    <li>
+
−
                        <a class="page-scroll" href="#Welcome">Attention</a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a class="page-scroll" href="#Team">Team</a>
+
−
                    </li>
+
−
                    <li>
+
−
                        <a class="page-scroll" href="#Project">Project</a>
+
−
                    </li>
+
  
−
                </ul>
+
    <!-- Bootstrap core JavaScript -->
−
            </div>
+
    <script src="vendor/jquery/jquery.min.js"></script>
−
            <!-- /.navbar-collapse -->
+
    <script src="vendor/popper/popper.min.js"></script>
−
        </div>
+
    <script src="vendor/bootstrap/js/bootstrap.min.js"></script>
−
        <!-- /.container -->
+
 
−
     </nav>
+
    <!-- 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/ -->
 +
     <script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCRngKslUGJTlibkQ3FkfTxj3Xss1UlZDA&sensor=false"></script>
  
 +
    <!-- Custom scripts for this template -->
 +
    <script src="js/grayscale.min.js"></script>
  
 +
  </body>
  
 
</html>
 
</html>

Revision as of 18:27, 24 August 2017

<!DOCTYPE html> Grayscale - Start Bootstrap Theme

Grayscale

A free, responsive, one page Bootstrap theme.
Created by Start Bootstrap.

About Grayscale

Grayscale is a free Bootstrap theme created by Start Bootstrap. It can be yours right now, simply download the template on the preview page. The theme is open source, and you can use it for any purpose, personal or commercial.

This theme features stock photos by Gratisography along with a custom Google Maps skin courtesy of Snazzy Maps.

Grayscale includes full HTML, CSS, and custom JavaScript files along with SASS and LESS files for easy customization!

Download Grayscale

You can download Grayscale for free on the preview page at Start Bootstrap.

Visit Download Page

Contact Start Bootstrap

Feel free to leave us a comment on the Grayscale template overview page on Start Bootstrap to give some feedback about this theme!

Copyright © Your Website 2017