Difference between revisions of "Team:Worldshaper-Nanjing/HP/Gold Integrated"

(Prototype team page)
 
Line 1: Line 1:
−
{{Worldshaper-Nanjing}}
 
 
<html>
 
<html>
−
<div class="column full_size judges-will-not-evaluate">
+
    <link rel='stylesheet' type='text/css' href='http://igem2017.worldshaper.cn/nanjing/css/wiki_edit.css' />
−
<h3>★  ALERT! </h3>
+
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/nanjing/css/bootstrap.min.css">
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2017.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2017.igem.org/Judging/Awards"> award listed above</a>. </p>
+
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/nanjing/css/ionicons.min.css">
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2017.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/nanjing/css/animate.css">
−
</div>
+
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/nanjing/css/slider.css">
−
<div class="clear"></div>
+
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/nanjing/css/owl.carousel.css">
 +
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/nanjing/css/owl.theme.css">
 +
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/nanjing/css/jquery.fancybox.css">
 +
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/nanjing/css/main.css">
 +
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/nanjing/css/responsive.css">
 +
    <script src="http://igem2017.worldshaper.cn/nanjing/js/vendor/modernizr-2.6.2.min.js"></script>
 +
    <script src="http://igem2017.worldshaper.cn/nanjing/js/jquery.min.js"></script>
 +
    <script src="http://igem2017.worldshaper.cn/nanjing/js/owl.carousel.min.js"></script>
 +
    <script src="http://igem2017.worldshaper.cn/nanjing/js/bootstrap.min.js"></script>
 +
    <script src="http://igem2017.worldshaper.cn/nanjing/js/wow.min.js"></script>
 +
    <script src="http://igem2017.worldshaper.cn/nanjing/js/slider.js"></script>
 +
    <script src="http://igem2017.worldshaper.cn/nanjing/js/jquery.fancybox.js"></script>
 +
    <script src="http://igem2017.worldshaper.cn/nanjing/js/main.js"></script>
  
−
<div class="column full_size">
+
    <header id="top-bar" class="navbar-fixed-top animated-header">
 +
        <div class="container">
 +
            <div class="navbar-header">
 +
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
 +
                    <span class="sr-only">Toggle navigation</span>
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                    <span class="icon-bar"></span>
 +
                </button>
 +
                <div class="navbar-brand">
 +
                    <a href="https://2017.igem.org/Team:Worldshaper-Nanjing"> <b>Nanjing</b>
 +
                    </a>
 +
                </div>
 +
            </div>
 +
            <nav class="collapse navbar-collapse navbar-right" role="navigation">
 +
                <div class="main-menu">
 +
                    <ul class="nav navbar-nav navbar-right">
 +
                        <li>
 +
                            <a href="https://2017.igem.org/Team:Worldshaper-Nanjing">Home</a>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                            <a class="dropdown-toggle" data-toggle="dropdown">
 +
                                Team
 +
                                <span class="caret"></span>
 +
                            </a>
 +
                            <div class="dropdown-menu">
 +
                                <ul>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/TEAM-SHAFT.html">TEAM SHAFT</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/MEMBERS.html">MEMBERS</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/ATTRIBUTIONS.html">ATTRIBUTIONS</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/GALLERY.html">GALLERY</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </div>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                            <a class="dropdown-toggle" data-toggle="dropdown">
 +
                                PROJECT
 +
                                <span class="caret"></span>
 +
                            </a>
 +
                            <div class="dropdown-menu">
 +
                                <ul>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/DISCRIPTION.html">DISCRIPTION</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/DESIGN.html">DESIGN</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </div>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                            <a class="dropdown-toggle" data-toggle="dropdown">
 +
                                PARTS
 +
                                <span class="caret"></span>
 +
                            </a>
 +
                            <div class="dropdown-menu">
 +
                                <ul>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/BASIC-PARTS.html">BASIC PARTS</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </div>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                            <a class="dropdown-toggle" data-toggle="dropdown">
 +
                                RESULTS
 +
                                <span class="caret"></span>
 +
                            </a>
 +
                            <div class="dropdown-menu">
 +
                                <ul>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/EXPERIMENTS.html">EXPERIMENTS</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/PROOF.html">PROOF</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/DEMONSTRATION.html">DEMONSTRATION</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/MODEL.html">MODEL</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </div>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                            <a class="dropdown-toggle" data-toggle="dropdown">
 +
                                NOTEBOOK
 +
                                <span class="caret"></span>
 +
                            </a>
 +
                            <div class="dropdown-menu">
 +
                                <ul>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/NOTEBOOK.html">NOTEBOOK</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/PROTOCOLS.html">PROTOCOLS</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </div>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/SAFETY.html">SAFETY</a>
 +
                        </li>
 +
                        <li class="dropdown">
 +
                            <a class="dropdown-toggle" data-toggle="dropdown">
 +
                                HUMAN PRACTICE
 +
                                <span class="caret"></span>
 +
                            </a>
 +
                            <div class="dropdown-menu">
 +
                                <ul>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/EDUCATION.html">EDUCATION</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/PUBLIC-ENGAGEMENT.html">PUBLIC ENGAGEMENT</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/INTEGRATED-PRACTICES.html">INTEGRATED PRACTICES</a>
 +
                                    </li>
 +
                                    <li>
 +
                                        <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/COLLABORATIONS.html">COLLABORATIONS</a>
 +
                                    </li>
 +
                                </ul>
 +
                            </div>
 +
                        </li>
 +
                        <li>
 +
                            <a href="https://2017.igem.org/Team:Worldshaper-Nanjing/Interlab.html">Interlab</a>
 +
                        </li>
 +
                    </ul>
 +
                </div>
 +
            </nav>
 +
        </div>
 +
    </header>
  
−
<h1>Gold Medal and Integrated Human Practices</h1>
+
    <section class="nj-box001 animated fadeInLeft" data-wow-duration="700ms" data-wow-delay="100ms">
 +
        <img src="https://static.igem.org/mediawiki/2017/5/55/T-Worldshaper-Nanjing-00003.jpeg" alt="" class="bg-stretch" />
 +
    </section>
  
−
<p>This page will contain information for your Gold medal Human Practices work, which you can also use to nominate your team for the Best Integrated Human Practices page. To make things easier, we have combined the Gold medal page with the Best Integrated Human Practices page since we expect the work to overlap considerably. </p>
+
    <article class="nj-box002 animated fadeInLeft" data-wow-duration="700ms" data-wow-delay="500ms">
−
<p>iGEM teams are unique and leading the field because they "go beyond the lab" to imagine their projects in a social/environmental context, to better understand issues that might influence the design and use of their technologies.</p>
+
        <div class="global-page-header" >
−
<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>
+
            <div class="container">
−
<p>For more information, please see the <a href="https://2017.igem.org/Competition/Human_Practices">Human Practices page</a>.</p>
+
                <div class="row">
−
</div>
+
                    <div class="col-md-12">
−
<div class="clear"></div>
+
                        <div class="block">
 +
                            <h2>XXXXX</h2>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="pageInHere">
 +
            <div class="container">
 +
                <div class="row">
 +
                    <div class="col-md-12">
 +
                        <div class="nj-box3">
 +
                            <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2017/0/03/T-worldshaper-XSHS-00004.jpeg" />
 +
                        </div>
 +
                        <div class="nj-box4">
 +
                            <p>
 +
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas sit expedita, iusto repellendus cumque, officia architecto consequatur illo fuga eum sed ut autem eos voluptas. Nemo, a, rem! Atque quisquam aperiam eaque tenetur autem, soluta itaque omnis. Minus nesciunt, sint, animi illum quo ab voluptate esse delectus unde maiores iure, quasi a suscipit ipsam aliquid voluptatem. Perspiciatis eveniet, pariatur illum aut cum dolor neque consequatur error aliquid facilis in quasi temporibus assumenda tempore, doloremque autem saepe enim nihil. Voluptates asperiores ullam voluptate quas similique ratione quia hic, eum distinctio laboriosam, consectetur tempora voluptatibus optio natus cumque est necessitatibus dolore alias.
 +
                            </p>
 +
                            <p>
 +
                                Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis expedita repellendus laboriosam aliquid. Neque doloribus ea, id reprehenderit alias saepe debitis eligendi molestias odit, nesciunt rem. Dolorem saepe, provident dolore nesciunt laudantium nostrum enim natus veritatis harum maxime et iure ratione, nulla. Minus excepturi commodi tempore voluptate. Blanditiis similique dolor asperiores ex excepturi perspiciatis, dolores id esse. Voluptate beatae nesciunt cum esse ratione officiis necessitatibus blanditiis ea, laboriosam fugit vero maxime? Voluptatum illo dolorum autem pariatur quisquam. Voluptates soluta culpa necessitatibus veritatis tempora incidunt doloribus placeat repellat et facilis eum sapiente fugit numquam aut, laboriosam aspernatur, esse, magnam excepturi repudiandae amet voluptas nulla quidem. Veritatis nisi consequuntur saepe qui quisquam dignissimos assumenda, iusto odio. Dignissimos reprehenderit esse iusto cupiditate nisi enim, animi similique itaque, perspiciatis error qui. Aperiam, architecto provident.
 +
                            </p>
 +
                        </div>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </article>
  
 +
    <section id="features" class="section-padding">
 +
        <div data-velocity="-.1" class="features-bg"></div>
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-4 col-sm-6 wow animated fadeInLeft"  data-wow-duration="700ms" data-wow-delay="100ms">
 +
                    <div class="features-item">
 +
                        <h2>Responsive Design</h2>
 +
                        <p>
 +
                            Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.
 +
                        </p>
 +
                    </div>
 +
                </div>
 +
                <div class="col-md-4 col-sm-6 wow animated fadeInLeft"  data-wow-duration="700ms" data-wow-delay="200ms">
 +
                    <div class="features-item">
 +
                        <h2>Retina Display Ready</h2>
 +
                        <p>
 +
                            Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.
 +
                        </p>
 +
                    </div>
 +
                </div>
 +
                <div class="col-md-4 col-sm-6 wow animated fadeInLeft"  data-wow-duration="700ms" data-wow-delay="300ms">
 +
                    <div class="features-item">
 +
                        <h2>Parallax Style</h2>
 +
                        <p>
 +
                            Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.
 +
                        </p>
 +
                    </div>
 +
                </div>
 +
                <div class="col-md-4 col-sm-6 wow animated fadeInLeft"  data-wow-duration="700ms" data-wow-delay="400ms">
 +
                    <div class="features-item">
 +
                        <h2>Freedom of color</h2>
 +
                        <p>
 +
                            Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.
 +
                        </p>
 +
                    </div>
 +
                </div>
 +
                <div class="col-md-4 col-sm-6 wow animated fadeInLeft"  data-wow-duration="700ms" data-wow-delay="500ms">
 +
                    <div class="features-item">
 +
                        <h2>Build your own layout</h2>
 +
                        <p>
 +
                            Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.
 +
                        </p>
 +
                    </div>
 +
                </div>
 +
                <div class="col-md-4 col-sm-6 wow animated fadeInLeft"  data-wow-duration="700ms" data-wow-delay="600ms">
 +
                    <div class="features-item">
 +
                        <h2>Lightweight & Super fast</h2>
 +
                        <p>
 +
                            Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.
 +
                        </p>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
  
−
<div class="column half_size">
+
    <footer id="footer">
−
<h3>Gold Medal Criterion #1</h3>
+
        <div class="container">
−
<p>Expand on your silver medal activity by demonstrating how you have integrated the investigated issues into the design and/or execution of your project.</p>
+
            <p class="copyright">
−
 
+
                Copyright &copy; 2017 Team: worldshaper-nanjing All Rights Reserved.
−
</div>
+
            </p>
−
 
+
        </div>
−
<div class="column half_size">
+
    </footer>
−
<h3>Best Integrated Human Practices Special Prize</h3>
+
−
 
+
−
<p>
+
−
To compete for the <a href="https://2017.igem.org/Judging/Awards">Best Integrated Human Practices prize</a>, please describe your work on this page and also fill out the description on the <a href="https://2017.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="clear"></div>
+
−
<div class="column full_size">
+
−
<h5>Inspiration</h5>
+
−
<p>Here are a few examples of excellent Integrated Human Practices work:</p>
+
−
<ul>
+
−
<li><a href="https://2016.igem.org/Team:INSA-Lyon/Integrated_Practices">2016 INSA Lyon</a></li>
+
−
<li><a href="https://2016.igem.org/Team:UofC_Calgary/Integrated_Practices">2016 UofC Calgary</a></li>
+
−
<li><a href="https://2015.igem.org/Team:Bielefeld-CeBiTec/Practices">2015 Bielefeld</a></li>
+
−
<li><a href="https://2015.igem.org/Team:Edinburgh/Practices">2015 Edinburgh</a></li>
+
−
</ul>
+
 
</html>
 
</html>

Revision as of 09:37, 26 October 2017

XXXXX

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quas sit expedita, iusto repellendus cumque, officia architecto consequatur illo fuga eum sed ut autem eos voluptas. Nemo, a, rem! Atque quisquam aperiam eaque tenetur autem, soluta itaque omnis. Minus nesciunt, sint, animi illum quo ab voluptate esse delectus unde maiores iure, quasi a suscipit ipsam aliquid voluptatem. Perspiciatis eveniet, pariatur illum aut cum dolor neque consequatur error aliquid facilis in quasi temporibus assumenda tempore, doloremque autem saepe enim nihil. Voluptates asperiores ullam voluptate quas similique ratione quia hic, eum distinctio laboriosam, consectetur tempora voluptatibus optio natus cumque est necessitatibus dolore alias.

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Veritatis expedita repellendus laboriosam aliquid. Neque doloribus ea, id reprehenderit alias saepe debitis eligendi molestias odit, nesciunt rem. Dolorem saepe, provident dolore nesciunt laudantium nostrum enim natus veritatis harum maxime et iure ratione, nulla. Minus excepturi commodi tempore voluptate. Blanditiis similique dolor asperiores ex excepturi perspiciatis, dolores id esse. Voluptate beatae nesciunt cum esse ratione officiis necessitatibus blanditiis ea, laboriosam fugit vero maxime? Voluptatum illo dolorum autem pariatur quisquam. Voluptates soluta culpa necessitatibus veritatis tempora incidunt doloribus placeat repellat et facilis eum sapiente fugit numquam aut, laboriosam aspernatur, esse, magnam excepturi repudiandae amet voluptas nulla quidem. Veritatis nisi consequuntur saepe qui quisquam dignissimos assumenda, iusto odio. Dignissimos reprehenderit esse iusto cupiditate nisi enim, animi similique itaque, perspiciatis error qui. Aperiam, architecto provident.

Responsive Design

Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.

Retina Display Ready

Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.

Parallax Style

Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.

Freedom of color

Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.

Build your own layout

Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.

Lightweight & Super fast

Collaboratively administrate empowered markets via plug-and-play networks. Dynamically procrastinate B2C users after installed base benefits. Dramatically visualize customer directed convergence without revolutionary ROI.

Copyright © 2017 Team: worldshaper-nanjing All Rights Reserved.