Difference between revisions of "Team:NUDT CHINA/Human Practices"

(Prototype team page)
 
Line 1: Line 1:
{{NUDT_CHINA}}
 
 
<html>
 
<html>
  
<div class="column full_size">
+
  <head>
 +
<style>
 +
    #content{
 +
background-attachment: scroll;
 +
background-clip: border-box;
 +
background-color: rgb(255, 255, 255);
 +
background-image: none;
 +
background-origin: padding-box;
 +
background-position: 0% 0%;
 +
background-repeat: repeat;
 +
background-size: auto auto;
 +
border-bottom-color: rgb(0, 0, 0);
 +
border-bottom-style: none;
 +
border-bottom-width: 0px;
 +
border-image-outset: 0 0 0 0;
 +
border-image-repeat: stretch stretch;
 +
border-image-slice: 100% 100% 100% 100%;
 +
border-image-source: none;
 +
border-image-width: 1 1 1 1;
 +
border-left-color: rgb(0, 0, 0);
 +
border-left-style: none;
 +
border-left-width: 0px;
 +
border-right-color: rgb(0, 0, 0);
 +
border-right-style: none;
 +
border-right-width: 0px;
 +
border-top-color: rgb(0, 0, 0);
 +
border-top-style: none;
 +
border-top-width: 0px;
 +
color: rgb(0, 0, 0);
 +
font-family: sans-serif;
 +
font-feature-settings: normal;
 +
font-kerning: auto;
 +
font-language-override: normal;
 +
font-size: 12.7px;
 +
font-size-adjust: none;
 +
font-stretch: normal;
 +
font-style: normal;
 +
font-synthesis: weight style;
 +
font-variant: normal;
 +
font-variant-alternates: normal;
 +
font-variant-caps: normal;
 +
font-variant-east-asian: normal;
 +
font-variant-ligatures: normal;
 +
font-variant-numeric: normal;
 +
font-variant-position: normal;
 +
font-weight: 400;
 +
line-height: 19.05px;
 +
margin:0px;
 +
margin-top: -5px;
 +
padding-bottom: 0px;
 +
padding-left: 0px;
 +
padding-right: 0px;
 +
padding-top: 0px;
 +
position: relative;
 +
width: 100%;
 +
z-index: 2;
 +
-moz-border-bottom-colors: none;
 +
-moz-border-left-colors: none;
 +
-moz-border-right-colors: none;
 +
-moz-border-top-colors: none;
  
<p>iGEM teams are leading in the area of Human Practices because they conduct their projects within a social/environmental context, to better understand issues that might influence the design and use of their technologies.</p>
+
}
<p>Teams work with students and advisors from the humanities and social sciences to explore topics concerning ethical, legal, social, economic, safety or security issues related to their work. Consideration of these Human Practices is crucial for building safe and sustainable projects that serve the public interest. </p>
+
    #top_title{display:none;}
<p>For more information, please see the <a href="https://2016.igem.org/Human_Practices">Human Practices Hub</a>.</p>
+
    #sideMenu{width:200px;display:none;}
</div>
+
</style>
 +
  <meta charset="utf-8">
 +
    <meta name="HandheldFriendly" content="True" />
 +
    <meta name="MobileOptimized" content="320" />
 +
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 +
    <meta content="on" http-equiv="cleartype" />
 +
    <meta property="og:title" content="Home" />
 +
    <meta name="generator" content="TYPO3 CMS">
 +
    <link rel="stylesheet" type="text/css" href="/Team:NUDT_CHINA/CSS1?action=raw&ctype=text/css" media="all">
 +
    <title>NUDT_CHINA 2016</title>
 +
    <meta name="title" content="iGem - NUDT_CHINA 2016" />
 +
    <meta name="date" content="2016-10-04" />
 +
    <link rel="canonical" href="http#/" />
 +
    <!-- VhsAssetsDependenciesLoaded fontCss,mainCss,inlinejs-head,jquery,mainJs,cycle4811,cycle5332,cycle4823 -->
 +
    <link rel="stylesheet" href="/Team:NUDT_CHINA/CSS2?action=raw&ctype=text/css" />
 +
    <link rel="stylesheet" href="/Team:NUDT_CHINA/CSS?action=raw&ctype=text/css" /></head>
 +
  <!-- body -->
 +
 
 +
  <body id="f1a" class="home main bleed">
 +
    <div class="ribbon"></div>
 +
    <div class="off-canvas-wrap" data-offcanvas>
 +
      <div class="inner-wrap">
 +
        <!-- Off Canvas Menu -->
 +
        <aside class="right-off-canvas-menu" aria-hidden="true">
 +
          <a role="search" class="mobile-search" title="Search" href="/search/" data-search-modal>Search</a>
 +
          <a class="button button-table large" title="Tickets" href="https#/tickets/">
 +
            <span class="first-icon-cell">
 +
              <i class="icon icon-ticket"></i>
 +
            </span>
 +
            <span class="text-cell">Tickets</span>
 +
            <span class="last-icon-cell">
 +
              <i class="icon icon-anglebracket-right"></i>
 +
            </span>
 +
          </a>
 +
          <div data-cart-open-container style="margin-left: 0; width: 0;">
 +
            <a id="my-visit-opener-mobile" class="button button-table large" data-cart-open style="display: none;">
 +
              <span class="first-icon-cell">
 +
                <i class="icon icon-add-to-visit"></i>
 +
              </span>
 +
              <span class="text-cell">My&nbsp;Visit</span>
 +
              <span class="last-icon-cell">
 +
                <i class="icon icon-anglebracket-right"></i>
 +
              </span>
 +
            </a>
 +
          </div>
 +
          <ul class="mobile-nav-global">
 +
            <li>
 +
              <a class="nav-global__link" title="" href="/explore/">Explore</a></li>
 +
            <li>
 +
              <a class="nav-global__link" title="" href="/visit/">Visit-Cls</a></li>
 +
            <li>
 +
              <a class="nav-global__link" title="" href="/support/">Support</a></li>
 +
          </ul>
 +
          <ul class="nav-utility">
 +
            <li>
 +
              <a class="nav-utility__link" title="Members" href="/support/membership/">Members</a></li>
 +
            <li>
 +
              <a class="nav-utility__link" title="Educators" href="/education/">Educators</a></li>
 +
          </ul>
 +
        </aside>
 +
        <!-- close the off-canvas menu -->
 +
        <a class="exit-off-canvas"></a>
 +
        <div id="header-outer-wrap" style="">
 +
          <header id="header" class="row">
 +
            <div class="medium-24 columns">
 +
              <a href="/Team:NUDT_CHINA">
 +
                <h1 class="site-id">Header...</h1></a>
 +
              <a class="right-off-canvas-toggle mobile-menu" href="#"></a>
 +
              <ul class="nav-utility inline-list">
 +
                <li class="nav-utility__item" style="height:16px;">&nbsp;</li></ul>
 +
              <nav class="nav-global" role="navigation">
 +
                <ul class="nav-global__list inline-list">
 +
                  <li class="nav-global__item trigger ">
 +
                    <a class="nav-global__link" title="" href="#">TEAM</a></li>
 +
                  <li class="nav-global__item trigger ">
 +
                    <a class="nav-global__link" title="" href="#">PROJECT</a></li>
 +
                  <li class="nav-global__item trigger ">
 +
                    <a class="nav-global__link" title="" href="#">PARTS</a></li>
 +
                  <li class="nav-global__item trigger ">
 +
                    <a class="nav-global__link" title="" href="/Team:NUDT_CHINA/Safety">SAFETY</a></li>
 +
                  <li class="nav-global__item trigger ">
 +
                    <a class="nav-global__link" title="" href="/Team:NUDT_CHINA/Attributions">ATTRIBUTIONS</a></li>
 +
                  <li class="nav-global__item trigger ">
 +
                    <a class="nav-global__link" title="" href="#">HUMAN<br/>PRACTICES</a></li>
 +
                  <li class="nav-global__item trigger ">
 +
                    <a class="nav-global__link" title="" href="#">AWARDS</a></li>
 +
                </ul>
 +
<style>#menu06{width:200px;right:0px;} #menu07{width:200px;right:0px;}
 +
#menu01 .arrow-up{margin-right:6.429rem;}
 +
#menu02 .arrow-up{margin-right:90px;} #menu03 .arrow-up{margin-right:90px;} #menu06 .arrow-up{margin-right:120px;} #menu07 .arrow-up{margin-right:27px;} #menu01{width:200px;right:31rem;} #menu02{width:200px;right:27rem;} #menu03{width:200px;right:21.3rem;}
  
 +
@media screen and (max-width: 64em) {
 +
#menu01{right:31.3rem;}
 +
#menu02{right:27rem;}
 +
#menu03{right:21.8rem;} #menu06 .arrow-up{margin-right:130px;} #menu07 .arrow-up{margin-right:37px;} }</style>
 +
                <div class="content support" id="menu01">
 +
                  <div class="arrow-up"></div>
 +
                  <div class="column-1">
 +
                    <nav class="dropdown-arrow-list">
 +
                      <ul>
 +
                        <li>
 +
                          <a href="/Team:NUDT_CHINA/Team">Team</a></li>
 +
                        <li>
 +
                          <a href="/Team:NUDT_CHINA/Collaborations">Collaborations</a></li>
 +
                      </ul>
 +
                    </nav>
 +
                  </div>
 +
                </div>
 +
                <div class="content support" id="menu02">
 +
                  <div class="arrow-up"></div>
 +
                  <div class="column-1">
 +
                    <nav class="dropdown-arrow-list">
 +
                      <ul>
 +
                        <li>
 +
                          <a href="/Team:NUDT_CHINA/Description">Description</a></li>
 +
                        <li>
 +
                          <a href="/Team:NUDT_CHINA/Design">Design</a></li>
 +
                        <li>
 +
                          <a href="/Team:NUDT_CHINA/Experiments">Experiments</a></li>
 +
                        <li>
 +
                          <a href="/Team:NUDT_CHINA/Proof">Proof of Concept</a></li>
 +
                        <li>
 +
                          <a href="/Team:NUDT_CHINA/Demonstrate">Demonstrate</a></li>
 +
                        <li>
 +
                          <a href="/Team:NUDT_CHINA/Results">Results</a></li>
 +
                        <li>
 +
                          <a href="/Team:NUDT_CHINA/Notebook">Notebook</a></li>
 +
                      </ul>
 +
                    </nav>
 +
                  </div>
 +
                  <div class="column-2">
 +
                    <section id="c1560" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above  photo-teaser ">
 +
                      <div class="tai__image-group-wrap large ">
 +
                        <div class="tai__image-group single-image">
 +
                          <!--a href="https#/support/donate/annual-fund/donate-now/" class="lazyload-child">
 +
                            <img src="" /></a-->
 +
                        </div>
 +
                      </div>
 +
                      <div class="ce-content rte-content rte-text-medium "></div>
 +
                    </section>
 +
                  </div>
 +
                </div>
 +
                <div class="content support" id="menu03">
 +
                  <div class="arrow-up"></div>
 +
                  <div class="column-1">
 +
                    <nav class="dropdown-arrow-list">
 +
                      <ul>
 +
                        <li>
 +
                          <a href="/Team:NUDT_CHINA/Parts">Parts</a></li>
 +
                        <li>
 +
                          <a href="/Team:NUDT_CHINA/Basic_Part">Basic Parts</a></li>
 +
                        <li>
 +
                          <a href="/Team:NUDT_CHINA/Composite_Part">Composite Parts</a></li>
 +
                        <li>
 +
                          <a href="/Team:NUDT_CHINA/Part_Collection">Part Collection</a></li>
 +
                      </ul>
 +
                    </nav>
 +
                  </div>
 +
                  <div class="column-2">
 +
                    <section id="c1560" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above  photo-teaser ">
 +
                      <div class="tai__image-group-wrap large ">
 +
                        <div class="tai__image-group single-image">
 +
                          <!--a href="https#/support/donate/annual-fund/donate-now/" class="lazyload-child">
 +
                            <img src="" /></a-->
 +
                        </div>
 +
                      </div>
 +
                      <div class="ce-content rte-content rte-text-medium "></div>
 +
                    </section>
 +
                  </div>
 +
                </div>
 +
                <div class="content support" style="width:0px;height:0px;">
 +
                  <!--div class="arrow-up"></div-->
 +
                  <div class="column-1">
 +
                    <nav class="dropdown-arrow-list"></nav>
 +
                  </div>
 +
                  <div class="column-2">
 +
                    <section id="c1560" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above  photo-teaser ">
 +
                      <div class="tai__image-group-wrap large ">
 +
                        <div class="tai__image-group single-image">
 +
                          <!--a href="https#/support/donate/annual-fund/donate-now/" class="lazyload-child">
 +
                            <img src="" /></a-->
 +
                        </div>
 +
                      </div>
 +
                      <div class="ce-content rte-content rte-text-medium "></div>
 +
                    </section>
 +
                  </div>
 +
                </div>
 +
                <div class="content support" style="width:0px;height:0px;">
 +
                  <!--div class="arrow-up"></div-->
 +
                  <div class="column-1">
 +
                    <nav class="dropdown-arrow-list"></nav>
 +
                  </div>
 +
                  <div class="column-2">
 +
                    <section id="c1560" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above  photo-teaser ">
 +
                      <div class="tai__image-group-wrap large ">
 +
                        <div class="tai__image-group single-image">
 +
                          <!--a href="https#/support/donate/annual-fund/donate-now/" class="lazyload-child">
 +
                            <img src="" /></a-->
 +
                        </div>
 +
                      </div>
 +
                      <div class="ce-content rte-content rte-text-medium "></div>
 +
                    </section>
 +
                  </div>
 +
                </div>
 +
                <div class="content support" id="menu06">
 +
                  <div class="arrow-up"></div>
 +
                  <div class="column-1">
 +
                    <nav class="dropdown-arrow-list">
 +
                      <ul>
 +
                        <li>
 +
                          <a href="/Team:NUDT_CHINA/Human_Practices">Human Practices</a></li>
 +
                        <li>
 +
                          <a href="/Team:NUDT_CHINA/Silver">Silver</a></li>
 +
                        <li>
 +
                          <a href="/Team:NUDT_CHINA/Gold">Gold</a></li>
 +
                        <li>
 +
                          <a href="/Team:NUDT_CHINA/Integrated_Practices">Integrated Practices</a></li>
 +
                        <li>
 +
                          <a href="/Team:NUDT_CHINA/Engagement">Engagement</a></li>
 +
                      </ul>
 +
                    </nav>
 +
                  </div>
 +
                  <div class="column-2">
 +
                    <section id="c1560" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above  photo-teaser ">
 +
                      <div class="tai__image-group-wrap large ">
 +
                        <div class="tai__image-group single-image">
 +
                          <!--a href="https#/support/donate/annual-fund/donate-now/" class="lazyload-child">
 +
                            <img src="" /></a-->
 +
                        </div>
 +
                      </div>
 +
                      <div class="ce-content rte-content rte-text-medium "></div>
 +
                    </section>
 +
                  </div>
 +
                </div>
 +
                <div class="content support" id="menu07">
 +
                  <div class="arrow-up"></div>
 +
                  <div class="column-1">
 +
                    <nav class="dropdown-arrow-list">
 +
                      <ul>
 +
                        <li>
 +
                          <a href="/Team:NUDT_CHINA/Model">Model</a></li>
 +
                      </ul>
 +
                    </nav>
 +
                  </div>
 +
                  <div class="column-2">
 +
                    <section id="c1560" class="text-and-images ce-margin-top-0 ce-margin-bottom-0 tai__ tai__image-center tai__image-above  photo-teaser ">
 +
                      <div class="tai__image-group-wrap large ">
 +
                        <div class="tai__image-group single-image">
 +
                          <!--a href="https#/support/donate/annual-fund/donate-now/" class="lazyload-child">
 +
                            <img src="" /></a-->
 +
                        </div>
 +
                      </div>
 +
                      <div class="ce-content rte-content rte-text-medium "></div>
 +
                    </section>
 +
                  </div>
 +
                </div>
 +
</nav>
 +
              <style>.nav-global ul li a{ font-size:0.85rem; } @media screen and (max-width: 865px) { .nav-global ul li a{ font-size:0.85rem; } }</style>
  
<div class="column half_size">
+
<div class="breadcrumb-share-wrap">
<div class="highlight">
+
                <div class="breadcrumb"></div>
<h5>Note</h5>
+
                <!-- <div class="share">
<p>You must fill out this page in order to be considered for all <a href="https://2016.igem.org/Judging/Awards">awards</a> for Human Practices:</p>
+
                <a class="addthis_button_compact" tabindex="-1"><i class="icon icon-share"></i><span>Share</span></a>
<ul>
+
                <span></span></div>
<li>Human Practices silver medal criterion</li>
+
                -->
<li>Human Practices gold medal criterion</li>
+
              </div>
<li>Best Integrated Human Practices award</li>
+
            </div>
<li>Best Education and Public Engagement award</li>
+
            <!-- end .columns --></header>
</ul>
+
          <!-- end .row --></div>
</div>
+
        <!-- end #header-outer-wrap-->
</div>
+
        <div id="feature" class="row collapse text-light feature-footer-active">
 +
          <div class="inner-wrap medium-24 columns">
 +
            <!--TYPO3SEARCH_begin-->
 +
            <div class="carousel-container hide-pager" id="c4811">
 +
              <div class="carousel " id="slideshow-4811" data-cycle-log="false" data-cycle-auto-height="calc" data-cycle-prev="#prev-4811" data-cycle-next="#next-4811" data-cycle-pager="#cycle-pager-4811" data-cycle-easing="easeInOutQuad" data-cycle-fx="scrollVertUp" data-cycle-center-horz="true" data-cycle-speed="1000" data-cycle-timeout="8000" data-cycle-paused="true" data-cycle-slides="> div.slide">
 +
                <div class="slide first">
 +
                  <link rel="stylesheet" href="/Team:NUDT_CHINA/CSS3?action=raw&ctype=text/css" />
 +
                  <!-- Quick initialize with theme color from first slide -->
 +
                  <div class="row collapse " id="c6601" data-theme-class="bh-color__theme-c6601">
 +
                    <div class="columns">
 +
                      <section class="big-header bh__height-size-3 text-light bh__video">
 +
                        <div class="bh__background bh__background-color " style="background-color: rgb(3,13,38);background-image:url(https://static.igem.org/mediawiki/2016/thumb/3/3f/NUDT_CHINA2016_FILES-img-banner-3.0.png/800px-NUDT_CHINA2016_FILES-img-banner-3.0.png);background-size:100%;background-repeat:no-repeat;"></div>
 +
                        <div class="bh__content-wrap">
 +
                          <div class="bh__content ">
 +
                            <div class="bh__content-inner-wrap">
 +
                              <!--h3 class="bh__subtitle"><a href="http#/explore/whats-here/exhibits/brick-by-brick/"><span class="line-wrap"><span class="line"><span class="bh__info">Exhibit / </span>Brick by Brick</span></span></a></h3-->
 +
                              <h1 class="bh__title ">
 +
                                <!--<a href="#">-->
 +
                                  <span class="line-wrap">
 +
                                    <span class="line">Cancer,</span></span>
 +
                                  <br>
 +
                                  <span style="line-height:75px;" class="line-wrap">
 +
                                    <span style="line-height:75px;" class="line">No More Hiding</span></span>
 +
                                <!--</a>-->
 +
                              </h1>
 +
                              <h2 style="font-size:36px;" class="bh__title ">
 +
                                <!--<a href="#">-->
 +
                                  <span style="line-height:41px;" class="line-wrap">
 +
                                    <span style="line-height:41px;" class="line">Development of A Novel</span></span>
 +
                                  <span style="line-height:41px;" class="line-wrap">
 +
                                    <span style="line-height:41px;" class="line">Blood-MicroRNA Handy Detection System with CRISPR</span></span>
 +
                                <!--</a>-->
 +
                              </h2>
 +
                            </div>
 +
                          </div>
 +
                        </div>
 +
                      </section>
 +
                      <!-- end .feature-ce --></div>
 +
                    <!-- end .columns --></div>
 +
                  <!-- end .row --></div>
 +
              </div>
 +
              <div class="cycle-pager" id="cycle-pager-4811"></div>
 +
            </div>
 +
            <!--TYPO3SEARCH_end--></div>
 +
          <!-- end .columns --></div>
 +
        <!-- end #feature -->
 +
        <!-- end .columns --></div>
 +
      <div style="margin-top:80px;" id="content-wrap-ink"><!-- adjust in add_JS -->
 +
<div class="row footer-link" style="">
  
<div class="column half_size">
 
<h5>Some Human Practices topic areas </h5>
 
<ul>
 
<li>Philosophy</li>
 
<li>Public Engagement / Dialogue</li>
 
<li>Education</li>
 
<li>Product Design</li>
 
<li>Scale-Up and Deployment Issues</li>
 
<li>Environmental Impact</li>
 
<li>Ethics</li>
 
<li>Safety</li>
 
<li>Security</li>
 
<li>Public Policy</li>
 
<li>Law and Regulation</li>
 
<li>Risk Assessment</li>
 
</ul>
 
</div>
 
  
  
<div class="column half_size">
 
<h5>What should we write about on this page?</h5>
 
<p>On this page, you should write about the Human Practices topics you considered in your project, and document any special activities you did (such as visiting experts, talking to lawmakers, or doing public engagement).</p>
 
</div>
 
  
  
<div class="column half_size">
 
<h5>Inspiration</h5>
 
<p>Read what other teams have done:</p>
 
<ul>
 
<li><a href="https://2014.igem.org/Team:Dundee/policypractice/experts">2014 Dundee </a></li>
 
<li><a href="https://2014.igem.org/Team:UC_Davis/Policy_Practices_Overview">2014 UC Davis </a></li>
 
<li><a href="https://2013.igem.org/Team:Manchester/HumanPractices">2013 Manchester </a></li>
 
<li><a href="https://2013.igem.org/Team:Cornell/outreach">2013 Cornell </a></li>
 
</ul>
 
</div>
 
  
  
 +
 +
 +
<br/><br/><br/>NUDT_CHINA: This page is under construction.<br/><br/><br/>
 +
 +
 +
 +
 +
 +
 +
 +
 +
 +
</div>
 +
      </div>
 +
      <!-- end #content-wrap -->
 +
      <div style="border:solid 1px rgb(10,31,84);background-color:rgb(10,31,84);">
 +
        <div class="row footer-link" style="border:solid 0px red;margin-top:100px;">
 +
          <style>.menu-link-container ul li{ list-style:none; } .menu-link-container ul li a{ color:white; font-size:14px;line-height:20px; } #c_menu9909 .medium-6{ text-align:center; width:auto; border:solid 0px red; } #c_menu9909 .medium-6 h5{color:white;}#c_menu9909 .medium-6{height:315px;border:solid 0px red;}</style>
 +
          <div id="c_menu9909">
 +
            <!--div class="medium-6 columns" style="width:auto;">
 +
              <h5 class="column-header">HOME</h5>
 +
              <div class="menu-link-container"></div>
 +
            </div-->
 +
            <div class="medium-6 columns" style="width:auto;">
 +
              <h5 class="column-header">TEAM</h5>
 +
              <div class="menu-link-container">
 +
                <ul>
 +
                  <li>
 +
                    <a href="/Team:NUDT_CHINA/Team">Team</a></li>
 +
                  <li>
 +
                    <a href="/Team:NUDT_CHINA/Collaborations">Collaborations</a></li>
 +
                </ul>
 +
              </div>
 +
            </div>
 +
            <div class="medium-6 columns" style="width:auto;">
 +
              <h5 class="column-header">PROJECT</h5>
 +
              <div class="menu-link-container">
 +
                <ul>
 +
                  <li>
 +
                    <a href="/Team:NUDT_CHINA/Description">Description</a></li>
 +
                  <li>
 +
                    <a href="/Team:NUDT_CHINA/Design">Design</a></li>
 +
                  <li>
 +
                    <a href="/Team:NUDT_CHINA/Experiments">Experiments</a></li>
 +
                  <li>
 +
                    <a href="/Team:NUDT_CHINA/Proof">Proof of Concept</a></li>
 +
                  <li>
 +
                    <a href="/Team:NUDT_CHINA/Demonstrate">Demonstrate</a></li>
 +
                  <li>
 +
                    <a href="/Team:NUDT_CHINA/Results">Results</a></li>
 +
                  <li>
 +
                    <a href="/Team:NUDT_CHINA/Notebook">Notebook</a></li>
 +
                </ul>
 +
              </div>
 +
            </div>
 +
            <div class="medium-6 columns" style="width:auto;">
 +
              <h5 class="column-header">PARTS</h5>
 +
              <div class="menu-link-container">
 +
                <ul>
 +
                  <li>
 +
                    <a href="/Team:NUDT_CHINA/Parts">Parts</a></li>
 +
                  <li>
 +
                    <a href="/Team:NUDT_CHINA/Basic_Part">Basic Parts</a></li>
 +
                  <li>
 +
                    <a href="/Team:NUDT_CHINA/Composite_Part">Composite Parts</a></li>
 +
                  <li>
 +
                    <a href="/Team:NUDT_CHINA/Part_Collection">Part Collection</a></li>
 +
                </ul>
 +
              </div>
 +
            </div>
 +
            <div class="medium-6 columns" style="width:auto;">
 +
              <br/>
 +
  <A href="/Team:NUDT_CHINA/Safety" style="text-decoration:none;"><h5 class="column-header">SAFETY</h5></A>
 +
  <br/>
 +
  <br/>
 +
  <br/>
 +
  <A href="/Team:NUDT_CHINA/Attributions" style="text-decoration:none;"><h5 class="column-header">ATTRIBUTIONS</h5></A>
 +
              <div class="menu-link-container"></div>
 +
            </div>
 +
            <!--div class="medium-6 columns" style="width:auto;">
 +
              <A href="/Team:NUDT_CHINA/Attributions" style="text-decoration:none;"><h5 class="column-header">ATTRIBUTIONS</h5></A>
 +
              <div class="menu-link-container"></div>
 +
            </div-->
 +
            <div class="medium-6 columns" style="width:auto;">
 +
              <h5 class="column-header">HUMAN
 +
                <BR/>PRACTICES</h5>
 +
              <div class="menu-link-container">
 +
                <ul>
 +
                  <li>
 +
                    <a href="/Team:NUDT_CHINA/Human_Practices">Human Practices</a></li>
 +
                  <li>
 +
                    <a href="/Team:NUDT_CHINA/Silver">Silver</a></li>
 +
                  <li>
 +
                    <a href="/Team:NUDT_CHINA/Gold">Gold</a></li>
 +
                  <li>
 +
                    <a href="/Team:NUDT_CHINA/Integrated_Practices">Integrated Practices</a></li>
 +
                  <li>
 +
                    <a href="/Team:NUDT_CHINA/Engagement">Engagement</a></li>
 +
                </ul>
 +
              </div>
 +
            </div>
 +
            <div class="medium-6 columns" style="width:auto;">
 +
              <h5 class="column-header">AWARDS</h5>
 +
              <div class="menu-link-container">
 +
                <ul>
 +
                 
 +
                  <li>
 +
                    <a href="/Team:NUDT_CHINA/Model">Model</a></li>
 +
                </ul>
 +
              </div>
 +
            </div>
 +
            <div class="medium-6 columns" style="width:0px;height:0px;"></div>
 +
          </div>
 +
      </div>
 +
      </div>
 +
      <footer id="footer">
 +
        <div class="row footer-link">
 +
<div class="medium-6 columns">
 +
            <img src="https://static.igem.org/mediawiki/2016/thumb/2/22/NUDT_CHINA2016_FILES-img-igem-logo.png/800px-NUDT_CHINA2016_FILES-img-igem-logo.png" style="width:300px;">
 +
            <div class="content-open" style="width:300px;">
 +
              <p class="intro" style="font-size:18px;line-height:30px;">
 +
  <br/>No. 109 Deya Road, Kaifu District,
 +
<br/>Changsha, Hunan Province 410073
 +
<br/>P.R.China
 +
 +
                </p>
 +
                  <!--ul class="arrow-list footer-support-links">
 +
                  <li><a href="/support/membership/">Become a member</a></li>
 +
                  <li><a href="/support/donate/">Donate now</a></li></ul--></div>
 +
          </div>
 +
          <div style="position:relative;left:250px;top:10px;width:500px;"><h5 style="color:white;">SPONSORS</h5></div>
 +
  <div style="position:relative;left:0px;margin-left:600px;top:20px;">
 +
<img style="width:300px;" src="https://static.igem.org/mediawiki/2016/d/dc/T--NUDT_CHINA--Factory1.png" /><br/><br/>
 +
<img style="width:300px;" src="https://static.igem.org/mediawiki/2016/thumb/a/a2/T--NUDT_CHINA--Factory2.png/320px-T--NUDT_CHINA--Factory2.png" /><br/><br/>
 +
<img style="width:300px;" src="https://static.igem.org/mediawiki/2016/a/a3/T--NUDT_CHINA--Factory3.png" />
 +
  </div>
 +
          <!-- end .columns --></div>
 +
        <!-- end row -->
 +
        <div data-footer-end class="footer-end row">
 +
          <div class="nav-utility inline-list privacy" style="width:100%;text-align:center;color:white;font-size:11px;">
 +
            <span>COPYRIGHT &copy; &nbsp;2016 NUDT_CHINA</span></div>
 +
          <!-- end .columns -->
 +
          <!--div class="large-8 large-pull-10 medium-24 columns copyright">
 +
          <span>&copy;&nbsp;2016 Museum of Science and Industry, Chicago</span></div-->
 +
          <!-- end .columns -->
 +
          <!-- end .columns --></div>
 +
        <!-- end .row --></footer>
 +
    </div>
 +
    <!-- end .inner-wrap -->
 +
    <div id="my-visit-container"></div>
 +
    <script type="text/javascript" src="/Team:NUDT_CHINA/JQuery?action=raw&ctype=text/javascript"></script>
 +
<script>
 +
$(document).ready(function(){
 +
/*alert("NUDT");
 +
alert($(".has-submenu").html())
 +
$(".has-submenu").css("line-height","18px");
 +
$(".has-submenu a").css("color","red");
 +
$(".has-submenu a").css("font-size","12px");
 +
alert("ink")*/
 +
});
 +
</script>
 +
    <script type="text/javascript" src="/Team:NUDT_CHINA/all_JS?action=raw&ctype=text/javascript"></script>
 +
    <!-- <div style="border:solid 5px yellow;"><div class="row footer-link" style="border:solid 1px red;">ink</div></div>
 +
    -->
 +
 +
 +
  </body>
  
 
</html>
 
</html>

Revision as of 13:24, 13 October 2016

NUDT_CHINA 2016