Difference between revisions of "Team:UCopenhagen/Design"

(Prototype team page)
 
Line 1: Line 1:
−
{{UCopenhagen}}
+
{{UCopenhagen-header/CSS}}
 +
 
 
<html>
 
<html>
 +
<style>
 +
  .myintro {
 +
      display: table;
 +
      width: 100%;
 +
      height: 100%;
 +
      padding: 100px 0;
 +
      text-align: center;
 +
      color: #E8DBD7;
 +
      background: url("https://static.igem.org/mediawiki/2017/7/71/UCopenhagen_BLUE_bg.jpeg") no-repeat bottom center scroll;
 +
      background-color: #264653;
 +
      -webkit-background-size: cover;
 +
      -moz-background-size: cover;
 +
      background-size: cover;
 +
      -o-background-size: cover;
 +
    }
 +
    .myintro .myintro-body {
 +
      display: table-cell;
 +
      vertical-align: middle;
 +
    }
 +
    .myintro .myintro-body .brand-heading {
 +
      font-size: 40px;
 +
    }
 +
    .myintro .myintro-body .myintro-text {
 +
      font-size: 18px;
 +
      font-family: Tahoma, Geneva, sans-serif;
 +
    }
 +
</style>
 +
<div id="page-top" data-spy="scroll" data-target=".navbar-fixed-top">
 +
    <!-- One-Page Scroll NavBar -->
 +
    <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/f/fa/T--BOKU-Vienna--fb.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 -->
 +
            <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="#">Top</a>
 +
                    </li>
  
 +
                </ul>
 +
            </div>
 +
            <!-- /.navbar-collapse -->
 +
        </div>
 +
        <!-- /.container -->
 +
    </nav>
  
−
 
+
    <!-- myintro Header -->
−
<div class="column full_size">
+
    <header class="myintro">
−
<h1>Design</h1>
+
        <div class="myintro-body">
−
<p>
+
            <div class="container">
−
Design is the first step in the design-build-test cycle in engineering and synthetic biology. Use this page to describe the process that you used in the design of your parts. You should clearly explain the engineering principles used to design your project.
+
                <div class="row">
−
</p>
+
                    <div class="col-md-10 col-md-offset-1">
−
 
+
                        <h1 class="brand-heading">Interlab</h1>
−
<p>
+
                        <p class="myintro-text">
−
This page is different to the "Applied Design Award" page. Please see the <a href="https://2017.igem.org/Team:UCopenhagen/Applied_Design">Applied Design</a> page for more information on how to compete for that award.
+
                            <br></p>
−
</p>
+
                        <a href="#Welcome" class="page-scroll">
−
 
+
                          <div id="downarrow">
−
</div>
+
                            <img src="https://static.igem.org/mediawiki/2017/3/32/T--BOKU-Vienna--arrow.png" alt="V">
−
 
+
                          </div>
−
<div class="column half_size">
+
                        </a>
−
<h5>What should this page contain?</h5>
+
                    </div>
−
<ul>
+
                </div>
−
<li>Explanation of the engineering principles your team used in your design</li>
+
            </div>
−
<li>Discussion of the design iterations your team went through</li>
+
        </div>
−
<li>Experimental plan to test your designs</li>
+
    </header>
−
</ul>
+
−
 
+
−
</div>
+
−
 
+
−
<div class="column half_size">
+
−
<h5>Inspiration</h5>
+
−
<ul>
+
−
<li><a href="https://2016.igem.org/Team:MIT/Experiments/Promoters">2016 MIT</a></li>
+
−
<li><a href="https://2016.igem.org/Team:BostonU/Proof">2016 BostonU</a></li>
+
−
<li><a href="https://2016.igem.org/Team:NCTU_Formosa/Design">2016 NCTU Formosa</a></li>
+
−
</ul>
+
−
</div>
+
−
 
+
−
 
+
−
 
+
−
</html>
+

Revision as of 09:47, 19 August 2017

Interlab


V