Difference between revisions of "Team:SKLMT-China/Human Practices"

 
(5 intermediate revisions by 2 users not shown)
Line 1: Line 1:
 
<html>
 
<html>
     <style>
+
   
 +
     <div id="index-carousel" class="carousel slide">
  
#top_menu_under,#home_logo, #sideMenu,#top,.logo_2018,#firstHeading ,#top_title, .patrollink { display:none; }
+
         <ol class="carousel-indicators">
.mediawiki,#globalWrapper,#content,#HQ_page,#bodyContent,#mw-content-text { width:100%; padding: 0;  margin: 0; }
+
            <li data-target="#slide1" data-slide-to="0" class="active"></li>
#HQ_page h1, #HQ_page h2, #HQ_page h3, #HQ_page h4, #HQ_page h5, #HQ_page h6 { margin-top: 20px; margin-bottom: 10px;}
+
             <li data-target="#slide2" data-slide-to="1"></li>
 
+
            <li data-target="#slide3" data-slide-to="2"></li>
#mw-content-text > p{margin:0; padding: 0;}
+
        </ol>  
li { list-style: none; }
+
#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 }
+
 
+
#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%;
+
    }
+
 
+
    html, body, .wrapper {
+
        width: 100%;
+
        height: 100%;
+
        background-color: transparent;
+
        font-family: Lato, Roboto, Source Sans Pro, Helvetica, sans-serif;
+
    }
+
 
+
    #HQ_page p {
+
        font-family: Lato, Roboto, Source Sans Pro, Helvetica, sans-serif;
+
        text-align: unset;
+
    }
+
 
+
    .inner p {
+
        font-size: 2em !important;
+
        font-family: Algerian !important;
+
    }
+
 
+
    .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 class="carousel-inner">
 +
            <div class="item active">
 +
                <section class="index-banner" style="background-image: url(https://static.igem.org/mediawiki/2018/c/c7/T--SKLMT-China--hp-banner-1.jpg)">
 +
                    <div class="inner">
 +
                        <header>
 +
                            <h2>Human Practices</h2>
 +
                        </header>
 +
                        <p>of SKLMT-China</p>
 +
                    </div>
 +
                </section>
 
             </div>
 
             </div>
 
+
             <div class="item">
             <div class="collapse navbar-collapse" id="navbar-menu">
+
                 <section class="index-banner" style="background-image: url(https://static.igem.org/mediawiki/2018/b/b2/T--SKLMT-China--index-full-banner-3.jpg)">
                 <ul class="nav navbar-nav navbar-right" data-in="fadeInDown" data-out="fadeInUp">
+
                     <div class="inner">
                    <li class="dropdown">
+
                         <header>
                        <a href="Team" class="dropdown-toggle" data-toggle="dropdown">Team</a>
+
                             <h2>Overview</h2>
                        <ul class="dropdown-menu animated fadeInUp" style="display: none; opacity: 1;">
+
                        </header>
                            <li>
+
                        <p>How does HP map form?</p>
                                <a href="Members">Members</a>
+
                        <footer>
                            </li>
+
                             <ul class="buttons stacked">
                            <li>
+
                                <li><a href="HP_Overview" class="actions">Learn More</a></li>
                                <a href="Attributions">Attributions</a>
+
                            </ul>
                            </li>
+
                        </footer>
                            <li>
+
                     </div>
                                <a href="Sponsor">Sponsors</a>
+
                </section>
                            </li>
+
            </div>
                        </ul>
+
            <div class="item">
                     </li>
+
                <section class="index-banner" style="background-image: url(https://static.igem.org/mediawiki/2018/2/2d/T--SKLMT-China--hp-banner-2.jpg)">
                    <li class="dropdown">
+
                    <div class="inner">
                         <a href="project" class="dropdown-toggle" data-toggle="dropdown">Project</a>
+
                        <header>
                        <ul class="dropdown-menu animated fadeInUp" style="display: none; opacity: 1;">
+
                             <h2>Integrated <br/>Human Practices</h2>
                             <li>
+
                         </header>
                                <a href="Project_Overview">Overview</a>
+
                         <p>What is four revolution?</p>
                            </li>
+
                         <footer>
                            <li>
+
                            <ul class="buttons stacked">
                                <a href="Design">Design</a>
+
                                <li><a href="Integrated_Gold" class="actions">Learn More</a></li>
                            </li>
+
                             </ul>
                             <li>
+
                        </footer>
                                <a href="Protocol">Protocol</a>
+
                    </div>
                            </li>
+
                </section>
                            <li>
+
            </div>
                                <a href="Results">Results</a>
+
            <div class="item">
                            </li>
+
                <section class="index-banner" style="background-image: url(https://static.igem.org/mediawiki/2018/5/5a/T--SKLMT-China--hp-art-banner-3.jpg)">
                            <li>
+
                    <div class="inner">
                                <a href="Safety">Safety</a>
+
                        <header>
                            </li>
+
                             <h2>Collaborations</h2>
                        </ul>
+
                        </header>
                    </li>
+
                         <p>How do we communicate with others?</p>
                     <li>
+
                         <footer>
                        <a href="InterLab">InterLab</a>
+
                            <ul class="buttons stacked">
                    </li>
+
                                 <li><a href="Collaborations" class="actions">Learn More</a></li>
                    <li class="dropdown">
+
                             </ul>
                        <a href="Parts" class="dropdown-toggle" data-toggle="dropdown">Parts</a>
+
                         </footer>
                        <ul class="dropdown-menu animated fadeInUp" style="display: none; opacity: 1;">
+
                     </div>
                            <li>
+
                 </section>
                                <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="#">Lab</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>
 
         </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)">
+
        <a class="left carousel-control" href="#index-carousel" role="button" data-slide="prev">
        <div class="inner">
+
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <header>
+
             <span class="sr-only">Previous</span>
                <h2>SKLMT</h2>
+
        </a>
             </header>
+
        <a class="right carousel-control" href="#index-carousel" role="button" data-slide="next">
            <p>This is <strong>SKLMT-China</strong> SPEKING
+
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <footer>
+
            <span class="sr-only">Next</span>
                <ul class="buttons stacked">
+
         </a>
                    <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">REAGENTS</h2>
 
            <p>  </p>
 
 
            <p>  </p>
 
 
            <h2 class="title">Another</h2>
 
            <p>Pseudomonas fluorescens Pf-5(pf5) is the only safety bacteria using in Chinese agriculture approved by Ministry of agricultural and rural affair of China . Besides ,this strain has been confirmed to be non-pathogenic to mammals. Compared with E.coli, the developed organisms , the toolkit for Pseudomonas fluorescens seems not exploit well. We are going to build a promoter library of inner promoters with various strength in pf5. We characterize the strength by a fluorescent reporter gene, firefly. An additional vector is that We hope to engineer our bacteria with the nicotine degradation gene cluster from Agrobacterium S33 into Pseudomonas fluorescens Pf-5 by rec/ET recombination , so that Pseudomonas fluorescens Pf-5 could degrade nicotine. These bacteria will be used to handle nicotine in cigarette butts or in the environment. At the same time, we would apply the promoter library to control nicotine degradation efficiency.</p>
 
 
        </div>
 
 
     </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>
 +
{{SKLMT-China/none-footer}}

Latest revision as of 20:42, 17 October 2018