Difference between revisions of "Team:SKLMT-China/Design"

(Prototype team page)
 
Line 1: Line 1:
−
{{SKLMT-China}}
 
 
<html>
 
<html>
 +
    <style>
  
−
<div class="column full_size">
+
#top_menu_under,#home_logo, #sideMenu,#top,.logo_2018,#firstHeading ,#top_title, .patrollink { display:none; }
−
<h1>Design</h1>
+
.mediawiki,#globalWrapper,#content,#HQ_page,#bodyContent,#mw-content-text { width:100%; padding: 0;  margin: 0; }
−
<p>
+
#HQ_page h1, #HQ_page h2, #HQ_page h3, #HQ_page h4, #HQ_page h5, #HQ_page h6 { margin-top: 20px; margin-bottom: 10px;}
−
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>
+
#mw-content-text > p{margin:0; padding: 0;}
−
This page is different to the "Applied Design Award" page. Please see the <a href="https://2018.igem.org/Team:SKLMT-China/Applied_Design">Applied Design</a> page for more information on how to compete for that award.
+
li { list-style: none; }
−
</p>
+
#menu a { text-decoration: none; }
 +
#menu a:link, a:visited, a:active { color: white; }
 +
#menu a:hover { color: #c1d9ff; }
 +
img { margin: 10px auto; }
 +
table { margin: 0 auto; }
 +
td { text-align: center }
  
−
</div>
+
#contentSub, #footer-box, #catlinks, #search-controls, #p-logo, #sideMenu, #menubar, .logo_2018, .printfooter, .firstHeading,.visualClear {display: none;} /*-- hides default wiki settings --*/
  
 +
#top-section {
 +
    border: 0 none;
 +
    height: 14px;
 +
    z-index: 100;
 +
    top: 0;
 +
    position: fixed;
 +
    width: 975px;
 +
    left: 50%;
 +
    margin-left: -487px;
 +
}
  
 +
    #globalWrapper, #content {
 +
        width: 100%;
 +
        height: 100%;
 +
        border: 0px;
 +
        background-color: transparent;
 +
        margin: 0px;
 +
        padding: 0px;
 +
        font-size: 100%;
 +
    }
  
−
<div class="column two_thirds_size">
+
    html, body, .wrapper {
−
<h3>What should this page contain?</h3>
+
        width: 100%;
−
<ul>
+
        height: 100%;
−
<li>Explanation of the engineering principles your team used in your design</li>
+
        background-color: transparent;
−
<li>Discussion of the design iterations your team went through</li>
+
        font-family: Lato, Roboto, Source Sans Pro, Helvetica, sans-serif;
−
<li>Experimental plan to test your designs</li>
+
    }
−
</ul>
+
  
−
</div>
+
    #HQ_page p {
 +
        font-family: Lato, Roboto, Source Sans Pro, Helvetica, sans-serif;
 +
        text-align: unset;
 +
    }
  
−
<div class="column third_size">
+
    .inner p {
−
<div class="highlight decoration_A_full">
+
        font-size: 2em !important;
−
<h3>Inspiration</h3>
+
        font-family: Algerian !important;
−
<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>
+
−
</div>
+
  
 +
    .container .paragraph h2 {
 +
        font-size: 3em !important;
 +
        margin: 1em 0 1em 0;
 +
        font-family: Algerian;
 +
    }
  
 +
    .container .paragraph h2.title {
 +
        border-left: solid #000099 5px;
 +
        padding-left: 10px;
 +
    }
 +
 +
    .container p {
 +
        font-size: 1.35em !important;
 +
    }
 +
 +
    .container .paragraph p {
 +
        margin: 2em 0 1em 0;
 +
    }
 +
 +
    .container .paragraph.shadow {
 +
    }
 +
 +
    .container .paragraph.shadow {
 +
        box-shadow: 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12), 0 2px 4px -1px rgba(0,0,0,.2);
 +
    }
 +
 +
    </style>
 +
 +
    <link rel="stylesheet" type="text/css"  href="https://2018.igem.org/wiki/index.php?title=Template:SKLMT-China/normalize_css&amp;action=raw&amp;ctype=text/css">
 +
 +
    <link rel="stylesheet" type="text/css"  href="https://2018.igem.org/wiki/index.php?title=Template:SKLMT-China/template_css&amp;action=raw&amp;ctype=text/css">
 +
 +
    <link rel="stylesheet" type="text/css"  href="https://2018.igem.org/wiki/index.php?title=Template:SKLMT-China/text_css&amp;action=raw&amp;ctype=text/css">
 +
 +
    <link rel="stylesheet" type="text/css"  href="https://2018.igem.org/wiki/index.php?title=Template:SKLMT-China/bootstrap_css&amp;action=raw&amp;ctype=text/css">
 +
 +
    <link rel="stylesheet" type="text/css"  href="https://2018.igem.org/wiki/index.php?title=Template:SKLMT-China/navbar_css&amp;action=raw&amp;ctype=text/css">
 +
 +
    <!-- Start Navbar -->
 +
    <nav class="navbar navbar-default navbar-transparent navbar-fixed dark bootsnav" style="top: 11px">
 +
 +
        <div class="container">
 +
 +
            <div class="navbar-header">
 +
 +
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navbar-menu">
 +
                    <i class="fa fa-bars"></i>
 +
                </button>
 +
 +
                <!-- LOGO
 +
                    <a class="navbar-brand" href="#brand"><img src="images/nav-logo.jpg" class="logo" alt=""></a>
 +
                -->
 +
                <div class="navbar-brand" href="index"><a>SKLMT</a></div>
 +
 +
            </div>
 +
 +
            <div class="collapse navbar-collapse" id="navbar-menu">
 +
                <ul class="nav navbar-nav navbar-right" data-in="fadeInDown" data-out="fadeInUp">
 +
                    <li class="dropdown">
 +
                        <a href="Team" class="dropdown-toggle" data-toggle="dropdown">Team</a>
 +
                        <ul class="dropdown-menu animated fadeInUp" style="display: none; opacity: 1;">
 +
                            <li>
 +
                                <a href="Members">Members</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Attributions">Attributions</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Sponsor">Sponsors</a>
 +
                            </li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="project" class="dropdown-toggle" data-toggle="dropdown">Project</a>
 +
                        <ul class="dropdown-menu animated fadeInUp" style="display: none; opacity: 1;">
 +
                            <li>
 +
                                <a href="Project_Overview">Overview</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Design">Design</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Protocol">Protocol</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Results">Results</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Safety">Safety</a>
 +
                            </li>
 +
                        </ul>
 +
                    </li>
 +
                    <li>
 +
                        <a href="InterLab">InterLab</a>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="Parts" class="dropdown-toggle" data-toggle="dropdown">Parts</a>
 +
                        <ul class="dropdown-menu animated fadeInUp" style="display: none; opacity: 1;">
 +
                            <li>
 +
                                <a href="Basic_Part">Basic Part</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Composite_Part">Composite Part</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Best_Part">Best Part</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Improved_Part">Improved Part</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Part_Collection">Part Collection</a>
 +
                            </li>
 +
                        </ul>
 +
                    </li>
 +
                    <li>
 +
                        <a href="#">Software</a>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="Model" class="dropdown-toggle" data-toggle="dropdown">Model</a>
 +
                        <ul class="dropdown-menu animated fadeInUp" style="display: none; opacity: 1;">
 +
                            <li>
 +
                                <a href="Model_Overview">Overview</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Promoter_Strength">Promoter Strength</a>
 +
                            </li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="Human_Practices" class="dropdown-toggle" data-toggle="dropdown">Human Practices</a>
 +
                        <ul class="dropdown-menu animated fadeInUp" style="display: none; opacity: 1;">
 +
                            <li>
 +
                                <a href="HP_Overview">Overview</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="HP_Silver">HP Silver</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Integrated_Gold">Integrated & Gold</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Collaborations">Collaborations</a>
 +
                            </li>
 +
                        </ul>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a href="Notebook" class="dropdown-toggle" data-toggle="dropdown">Notebook</a>
 +
                        <ul class="dropdown-menu animated fadeInUp" style="display: none; opacity: 1;">
 +
                            <li>
 +
                                <a href="Notebook_Overview">Overview</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Notebook_Protocol">Protocol</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Material">Material</a>
 +
                            </li>
 +
                            <li>
 +
                                <a href="Data_Base">Data Base</a>
 +
                            </li>
 +
                        </ul>
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
        </div>
 +
    </nav>
 +
    <!-- End Navbar -->
 +
 +
    <section class="index-banner" style="background-image: url(https://static.igem.org/mediawiki/2018/b/b7/T--SKLMT-China--banner1.jpg)">
 +
        <div class="inner">
 +
            <header>
 +
                <h2>SKLMT</h2>
 +
            </header>
 +
            <p>This is <strong>SKLMT-China</strong> SPEKING
 +
            <footer>
 +
                <ul class="buttons stacked">
 +
                    <li><a href="#section-2" class="actions scrolly-middle">Learn More</a></li>
 +
                </ul>
 +
            </footer>
 +
        </div>
 +
    </section>
 +
 +
 +
    <div class="container" id="section-2">
 +
 +
        <div class="paragraph shadow">
 +
            <h2 class="title">Description</h2>
 +
            <p>test</p>
 +
 +
            <h2 class="title">Another</h2>
 +
            <p>test</p>
 +
 +
        </div>
 +
    </div>
 +
 +
    <section id="page-footer">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-12" style="padding-top: 2.5em;">
 +
                    <h2><strong>SKLMT</strong></h2>
 +
                </div>
 +
            </div>
 +
            <div class="row">
 +
                <div class="col-md-4">
 +
                    <h3>Useful <strong>&thinsp;Links</strong></h3>
 +
                    <p>
 +
                    <a href="https://igem.org/Main_Page">Main Page</a>
 +
                    </p>
 +
                    <p>
 +
                    <a href="https://igem.org/Special:SpecialPages">Special pages</a>
 +
                    </p>
 +
                </div>
 +
                <div class="col-md-4">
 +
                    <h3><strong>Contact&thinsp;</strong> us</h3>
 +
                    <br>
 +
                    <i class = "fa fa-envelope-o fa-lg">&thinsp;&thinsp;SKLMT.iGEM.China@gmail.com</i>
 +
                </div>
 +
                <div class="col-md-4">
 +
                    <h3><strong>Address</strong></h3>
 +
                    <br>
 +
                    <i class="fa fa-map-marker fa-lg">&thinsp;&thinsp;Qingdao, Shandong<br><br><br>266200 Shandong University</i>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
 +
 +
    <script type="text/javascript" src="https://2018.igem.org/Template:SKLMT-China/html5shiv_js?action=raw&ctype=text/javascript"></script>
 +
    <script type="text/javascript" src="https://2018.igem.org/Template:SKLMT-China/respond_js?action=raw&ctype=text/javascript"></script>
 +
    <script type="text/javascript" src="https://2018.igem.org/Template:SKLMT-China/jquery_js?action=raw&ctype=text/javascript"></script>
 +
    <script type="text/javascript" src="https://2018.igem.org/Template:SKLMT-China/bootstrap_js?action=raw&ctype=text/javascript"></script>
 +
    <script type="text/javascript" src="https://2018.igem.org/Template:SKLMT-China/navbar_js?action=raw&ctype=text/javascript"></script>
  
 
</html>
 
</html>
 +
</div>

Revision as of 15:38, 8 October 2018

SKLMT

This is SKLMT-China SPEKING

Description

test

Another

test

SKLMT

Useful  Links

Main Page

Special pages

Contact  us


  SKLMT.iGEM.China@gmail.com

Address


  Qingdao, Shandong


266200 Shandong University
</div>