Difference between revisions of "Team:WLC-Milwaukee/Applied Design"

Line 1: Line 1:
−
{{WLC-Milwaukee}}
+
{{WLC-Milwuakee/header}}
 
<html>
 
<html>
 +
<head lang="en">
 +
    <meta charset="utf-8">
 +
    <meta http-equiv="x-ua-compatible" content="IE=edge; chrome=1">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
  
 +
    <!--IMPORT CSS-->
 +
    <link href="fonts.css" rel="stylesheet">
 +
    <link href="main.css" rel="stylesheet">
 +
    <!--IMPORT JQUERY-->
 +
    <script src="jquery.js.txt"></script>
  
 +
    <script>
 +
        //Include Header and Footer Files using jQuery
 +
        $(function(){
 +
            $("#header").load("header.html");
 +
            $("#footer").load("footer.html");
 +
        });
 +
    </script>
  
 +
    <!--PAGE TITLE-->
 +
    <title>WLC iGEM 2018 | System Design</title>
 +
</head>
  
  
 +
<body>
  
−
<div class="clear"></div>
+
    <!--BEGIN HEADER IMPORT-->
 +
    <div id="header"></div>
 +
    <!--END HEADER IMPORT-->
  
 +
    <div class="content">
 +
          <!--CONTENT CONTAINER-->
 +
          <div class="container">
 +
            <div class="col-lg">
 +
                <h1>System Design</h1>
 +
                <hr/>
 +
            </div>
 +
            <!--Introduction Content-->
 +
            <div class="col-lg">
 +
                    <h1>Introduction</h1>
 +
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
 +
                      sed do eiucol-smod tempor incididunt ut labore et dolore magna aliqua.
 +
                      Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
 +
                      nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
 +
                      reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
 +
                      pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
 +
                      culpa qui officia deserunt mollit a nim id est laborum.</p>
 +
            </div>
  
−
<div class="column full_size">
+
            <!--Image 1-->
−
<h1>Applied Design</h1>
+
            <img alt="Image 1" src="https://via.placeholder.com/1000x200">
−
</div>
+
−
<div class="clear"></div>
+
  
 +
            <div class="col-lg">
 +
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
 +
                      sed do eiucol-smod tempor incididunt ut labore et dolore magna aliqua.
 +
                      Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
 +
                      nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
 +
                      reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
 +
                      pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
 +
                      culpa qui officia deserunt mollit a nim id est laborum.</p>
 +
            </div>
  
−
<div class="column two_thirds_size">
+
            <!--Image 2-->
−
<h3>Best Applied Design Special Prize</h3>
+
            <img alt="Image 2" src="https://via.placeholder.com/1000x200">
−
 
+
−
<p>This is a prize for the team that has developed a synbio product to solve a real world problem in the most elegant way. The students will have considered how well the product addresses the problem versus other potential solutions, how the product integrates or disrupts other products and processes, and how its lifecycle can more broadly impact our lives and environments in positive and negative ways.
+
−
<br><br>
+
−
To compete for the <a href="https://2018.igem.org/Judging/Awards">Best Applied Design prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2018.igem.org/Judging/Judging_Form">judging form</a>.
+
−
<br><br>
+
−
You must also delete the message box on the top of this page to be eligible for this prize.
+
−
</p>
+
−
</div>
+
−
 
+
−
 
+
−
<div class="column third_size">
+
−
<div class="highlight decoration_A_full">
+
−
<h3>Inspiration</h3>
+
−
<p>Take a look at what some teams accomplished for this prize.</p>
+
−
<ul>
+
−
<li><a href="https://2016.igem.org/Team:NCTU_Formosa/Design">2016 NCTU Formosa</a></li>
+
−
<li><a href="https://2016.igem.org/Team:HSiTAIWAN/Product?locationId=Design">2016 HSiTAIWAN</a></li>
+
−
<li><a href="https://2016.igem.org/Team:Pasteur_Paris/Design">2016 Pasteur Paris</a></li>
+
−
</ul>
+
−
</div>
+
−
</div>
+
  
 +
            <div class="col-lg">
 +
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
 +
                      sed do eiucol-smod tempor incididunt ut labore et dolore magna aliqua.
 +
                      Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
 +
                      nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
 +
                      reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
 +
                      pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
 +
                      culpa qui officia deserunt mollit a nim id est laborum.</p>
 +
            </div>
  
  
  
  
 +
            <div class="col-sm">
 +
                <!--Image 3-->
 +
                <img alt="Image 3" src="https://via.placeholder.com/300x300">
 +
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
 +
                    sed do eiucol-smod tempor incididunt ut labore et dolore magna aliqua.
 +
                    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
 +
                    nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
 +
                    reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
 +
                    pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
 +
                    culpa qui officia deserunt mollit a nim id est laborum.</p>
 +
            </div>
 +
            <div class="col-sm">
 +
                <!--Image 4-->
 +
                <img alt="Image 4" src="https://via.placeholder.com/300x300">
 +
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
 +
                    sed do eiucol-smod tempor incididunt ut labore et dolore magna aliqua.
 +
                    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
 +
                    nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
 +
                    reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
 +
                    pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
 +
                    culpa qui officia deserunt mollit a nim id est laborum.</p>
 +
            </div>
 +
            <div class="col-sm">
 +
                <!--Image 4-->
 +
                <img alt="Image 4" src="https://via.placeholder.com/300x300">
 +
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
 +
                    sed do eiucol-smod tempor incididunt ut labore et dolore magna aliqua.
 +
                    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
 +
                    nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
 +
                    reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
 +
                    pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
 +
                    culpa qui officia deserunt mollit a nim id est laborum.</p>
 +
            </div>
  
 +
            <div class="col-lg">
 +
                    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit,
 +
                    sed do eiucol-smod tempor incididunt ut labore et dolore magna aliqua.
 +
                    Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris
 +
                    nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in
 +
                    reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla
 +
                    pariatur. Excepteur sint occaecat cupidatat non proident, sunt in
 +
                    culpa qui officia deserunt mollit a nim id est laborum.</p>
 +
            </div>
 +
          </div>
 +
          <!--END CONTENT CONTAINER-->
 +
    </div>
  
 +
    <!--BEGIN FOOTER IMPORT-->
 +
    <div id="footer"></div>
 +
    <!--END FOOTER IMPORT-->
  
 +
</body>
 
</html>
 
</html>
 +
{{WLC-Milwuakee/footer}}

Revision as of 04:12, 14 October 2018

Template:WLC-Milwuakee/header WLC iGEM 2018 | System Design

System Design

Introduction

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiucol-smod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit a nim id est laborum.

Image 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiucol-smod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit a nim id est laborum.

Image 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiucol-smod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit a nim id est laborum.

Image 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiucol-smod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit a nim id est laborum.

Image 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiucol-smod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit a nim id est laborum.

Image 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiucol-smod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit a nim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiucol-smod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit a nim id est laborum.

Template:WLC-Milwuakee/footer