Difference between revisions of "Team:SJTU-BioX-Shanghai/Design"

(Prototype team page)
 
Line 1: Line 1:
−
{{SJTU-BioX-Shanghai}}
 
−
<html>
 
  
 +
<html lang="en">
  
 +
<head>
 +
    <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="Author" Content="Wazon,Wazons@163.com">
 +
    <title>Home</title>
 +
    <link href="https://2017.igem.org/Template:SJTU-BioX-Shanghai/CSS/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
 +
    <link href="https://2017.igem.org/Template:SJTU-BioX-Shanghai/CSS/ripple?action=raw&ctype=text/css" rel="stylesheet">
 +
    <link href="https://2017.igem.org/Template:SJTU-BioX-Shanghai/CSS/font-awesome?action=raw&ctype=text/css" rel="stylesheet">
 +
    <link href="https://2017.igem.org/Template:SJTU-BioX-Shanghai/CSS/style?action=raw&ctype=text/css" rel="stylesheet">
 +
    <!--[if lt IE 10]>
 +
        <center>您使用的是过时的浏览器，浏览本网页可能会有异常。</center>
 +
        <center>You are using an outdated browser and this page may not display properly.</center>
 +
    <![endif]-->
 +
    <style>
 +
        .full-bg.full-bg-0 {
 +
            background-image: url("https://static.igem.org/mediawiki/2017/0/04/T--SJTU-BioX-Shanghai--17001.jpeg");
 +
        }
 +
       
 +
        @media only screen and (min-width: 768px) {
 +
            .full-bg.full-bg-0 {
 +
                background-image: url("https://static.igem.org/mediawiki/2017/2/25/T--SJTU-BioX-Shanghai--17001-hi.jpeg");
 +
            }
 +
        }
 +
       
 +
        .nav2-brand {
 +
            width: 7em;
 +
        }
 +
    </style>
 +
</head>
  
 +
<body>
 +
    <div class="fluid-bg full-bg-body">
 +
        <div class="full-bg mainbox depth-1-half full-bg-0">
 +
            <nav class="navbar navbar1 navbar-expand-lg navbar-dark">
 +
                <div class="container">
 +
                    <a class="navbar-brand" href="#"><img src="https://static.igem.org/mediawiki/2017/b/be/T--SJTU-BioX-Shanghai--logo.png" height="55" /></a>
 +
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav1" aria-controls="navbarNav1" aria-expanded="false" aria-label="Toggle navigation">
 +
                        <div class="hamburger" id="ham1">
 +
                            <span class="line"></span>
 +
                            <span class="line"></span>
 +
                            <span class="line"></span>
 +
                        </div>
 +
                    </button>
 +
                    <div class="collapse navbar-collapse" id="navbarNav1">
 +
                        <ul class="navbar-nav mr-auto">
 +
                            <li class="nav-item active"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Description" class="nav-link">Project</a></li>
 +
                            <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Notebook" class="nav-link">Wet Lab</a></li>
 +
                            <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Loader" class="nav-link">Device</a></li>
 +
                            <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Signal_Pathway" class="nav-link">Model</a></li>
 +
                            <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Integrated" class="nav-link">Human Practice</a></li>
 +
                           
 +
                            <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Team" class="nav-link">Team</a></li>
 +
                        </ul>
 +
                        <ul class="navbar-nav ml-auto">
 +
                            <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Design-cn" class="nav-link jtzw">简体中文</a></li>
 +
                        </ul>
 +
                    </div>
 +
                </div>
 +
            </nav>
 +
            <div class="navbox">
 +
                <nav class="navbar navbar3 navbar-dark">
 +
                    <div class="container">
 +
                        <a class="navbar-brand" href="#">Project</a>
 +
                    </div>
 +
                </nav>
 +
                <nav class="navbar navbar2 navbar-expand-lg navbar-dark">
 +
                    <div class="container">
 +
                        <div class="nav2-brand hide-nav2-brand">
 +
                            <a class="navbar-brand" href="#">Project</a>
 +
                        </div>
 +
                        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav2" aria-controls="navbarNav2" aria-expanded="false" aria-label="Toggle navigation">
 +
                            <div class="hamburger" id="ham2">
 +
                                    <span class="line"></span>
 +
                                    <span class="line"></span>
 +
                                    <span class="line"></span>
 +
                            </div>
 +
                        </button>
 +
                        <div class="collapse navbar-collapse " id="navbarNav2">
 +
                            <ul class="navbar-nav mr-auto">
 +
                                <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Description" class="nav-link">Description</a></li>
 +
                                <li class="nav-item active"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Design" class="nav-link">Design</a></li>
 +
                                <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Results" class="nav-link">Results</a></li>
 +
                                <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Improve" class="nav-link">Improve</a></li>
 +
                            </ul>
 +
                        </div>
 +
                    </div>
 +
                </nav>
  
−
<div class="column full_size">
+
            </div>
−
<h1>Design</h1>
+
−
<p>
+
−
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.
+
−
</p>
+
  
−
<p>
+
        </div>
−
This page is different to the "Applied Design Award" page. Please see the <a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Applied_Design">Applied Design</a> page for more information on how to compete for that award.
+
        <div class="big-head h1-my-responsive"> <img src="https://static.igem.org/mediawiki/2017/5/52/T--SJTU-BioX-Shanghai--quan.png" class="img-fluid">Description</div>
−
</p>
+
        <div class="container maink">
 +
            <div class="container maintext">
 +
                <div class="row">
 +
                    <div class="scrcol col-lg-3">
 +
                        <div class="scroll-box grey lighten-5">
 +
                            <nav class="list-unstyled" id="navbar-left" role="navigation">
  
−
</div>
+
                                <li class="nav-item">
 +
                                    <a class="nav-link" href="#section1">Title One</a>
 +
                                </li>
 +
                                <li class="nav-item">
 +
                                    <a class="nav-link" href="#section2">Title Two</a>
 +
                                </li>
 +
                                <li class="nav-item">
 +
                                    <a class="nav-link" href="#section3">Title Three</a>
 +
                                </li>
 +
                                <li class="nav-item">
 +
                                    <a class="nav-link" href="#section4">Title Four</a>
 +
                                </li>
 +
                                <li class="nav-item">
 +
                                    <a class="nav-link" href="#section5">Title Five</a>
 +
                                </li>
 +
                            </nav>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-12 col-lg-9">
 +
                        <div class="my-title h5-my-responsive" id="section1">Title One</div>
 +
                        <p>Something something something something something something something something something</p>
 +
                        <p>Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something</p>
 +
                        <div class="my-title h5-my-responsive" id="section2">Title Two</div>
 +
                        <p>Something something something something something something something something something</p>
 +
                        <p>Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something</p>
 +
                        <div class="my-title h5-my-responsive" id="section3">Title Three</div>
 +
                        <p>Something something something something something something something something something</p>
 +
                        <p>Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something</p>
 +
                        <div class="my-title h5-my-responsive" id="section4">Title Four</div>
 +
                        <p>Something something something something something something something something something</p>
 +
                        <p>Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something</p>
 +
                        <div class="my-title h5-my-responsive" id="section5">Title Five</div>
 +
                        <p>Something something something something something something something something something</p>
 +
                        <p>Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something</p>
 +
                    </div>
  
−
<div class="column half_size">
+
                </div>
−
<h5>What should this page contain?</h5>
+
                <div class="row">
−
<ul>
+
−
<li>Explanation of the engineering principles your team used in your design</li>
+
−
<li>Discussion of the design iterations your team went through</li>
+
−
<li>Experimental plan to test your designs</li>
+
−
</ul>
+
  
−
</div>
+
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="container sponsor">
 +
            <div class="row">
 +
                <div class="col-12 col-sm-6 col-lg-3 sponsor-1">
 +
                    <a target="_blank" href="http://www.sjtu.edu.cn/">
 +
                        <img src="https://static.igem.org/mediawiki/2017/8/85/T--SJTU-BioX-Shanghai--SJTU.png">
 +
                    </a>
 +
                </div>
 +
                <div class="col-12 col-sm-6 col-lg-3 sponsor-1">
 +
                    <a target="_blank" href="http://www.bio-x.cn/">
 +
                        <img src="https://static.igem.org/mediawiki/2017/e/e6/T--SJTU-BioX-Shanghai--BioX.png">
 +
                    </a>
 +
                </div>
 +
                <div class="col-12 col-sm-6 col-lg-3 sponsor-1">
 +
                    <a target="_blank" href="http://life.sjtu.edu.cn/">
 +
                        <img src="https://static.igem.org/mediawiki/2017/f/fa/T--SJTU-BioX-Shanghai--Life.png">
 +
                    </a>
 +
                </div>
 +
                <div class="col-12 col-sm-6 col-lg-3 sponsor-2">
 +
                    <a target="_blank" href="http://www.decodinglife.cn/">
 +
                        <img src="https://static.igem.org/mediawiki/2017/3/3e/T--SJTU-BioX-Shanghai--ATGC.png">
 +
                    </a>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="footer">
  
−
<div class="column half_size">
+
            <div class="container">
−
<h5>Inspiration</h5>
+
                <div class="row">
−
<ul>
+
                    <div class="footer-L">
−
<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>
+
  
 +
                        <a class="footer-text" href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Description">
 +
                            <img src="https://static.igem.org/mediawiki/2017/f/f5/T--SJTU-BioX-Shanghai--right.png" class="img-fluid">
  
 +
                            <span class="direction">Project</span>
 +
                            <div class="title">
 +
                                Description
 +
                            </div>
 +
                        </a>
 +
 +
                    </div>
 +
                    <div class="footer-M">
 +
                        <a class="footer-text" href="#">
 +
                            <img src="https://static.igem.org/mediawiki/2017/f/f5/T--SJTU-BioX-Shanghai--right.png" class="img-fluid">
 +
                        </a>
 +
                    </div>
 +
                    <div class="footer-R">
 +
 +
                        <a class="footer-text" href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Results">
 +
                            <img src="https://static.igem.org/mediawiki/2017/f/f5/T--SJTU-BioX-Shanghai--right.png" class="img-fluid">
 +
                            <span class="direction">Project</span>
 +
                            <div>
 +
                                Results
 +
                            </div>
 +
                        </a>
 +
 +
                    </div>
 +
                </div>
 +
            </div>
 +
 +
 +
        </div>
 +
        <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/jquery?
 +
        action=raw&ctype=text/javascript"></script>
 +
        <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/popper?
 +
        action=raw&ctype=text/javascript"></script>
 +
        <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/ripple?
 +
        action=raw&ctype=text/javascript"></script>
 +
        <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/bootstrap?
 +
        action=raw&ctype=text/javascript"></script>
 +
        <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/script?
 +
        action=raw&ctype=text/javascript"></script>
 +
 +
    </div>
 +
</body>
  
 
</html>
 
</html>

Revision as of 11:54, 27 October 2017

Home

Description
Title One

Something something something something something something something something something

Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something

Title Two

Something something something something something something something something something

Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something

Title Three

Something something something something something something something something something

Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something

Title Four

Something something something something something something something something something

Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something

Title Five

Something something something something something something something something something

Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something

Project
Description
Project
Results