Difference between revisions of "Team:Worldshaper-Nanjing/Engagement"

(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">
−
<div class="column half_size">
+
    <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">
−
<h1>Education and Public Engagement</h1>
+
    <link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/nanjing/css/responsive.css">
−
<h3>Best Education and Public Engagement Special Prize</h3>
+
    <script src="http://igem2017.worldshaper.cn/nanjing/js/vendor/modernizr-2.6.2.min.js"></script>
−
<p>Over the last few years, we have seen teams produce some truly outstanding work in the areas of education and public engagement. Innovative educational tools and public engagement activities have the ability to discuss the science behind synthetic biology, spark new scientific curiosity and establish a public dialogue about synthetic biology from voices/views outside the lab.
+
    <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>
−
<br><br>
+
    <script src="http://igem2017.worldshaper.cn/nanjing/js/bootstrap.min.js"></script>
−
To compete for the <a href="https://2017.igem.org/Judging/Awards">Best Education and Public Engagement 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>.
+
    <script src="http://igem2017.worldshaper.cn/nanjing/js/wow.min.js"></script>
−
<br><br>
+
    <script src="http://igem2017.worldshaper.cn/nanjing/js/slider.js"></script>
−
You must also delete the message box on the top of this page to be eligible for this prize.
+
    <script src="http://igem2017.worldshaper.cn/nanjing/js/jquery.fancybox.js"></script>
−
</p>
+
    <script src="http://igem2017.worldshaper.cn/nanjing/js/main.js"></script>
−
</div>
+
−
 
+
−
 
+
  
 +
    <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>
  
−
<div class="column half_size">
+
    <section class="nj-box001 animated fadeInLeft" data-wow-duration="700ms" data-wow-delay="100ms">
−
<h5>Inspiration</h5>
+
        <img src="https://static.igem.org/mediawiki/2017/5/55/T-Worldshaper-Nanjing-00003.jpeg" alt="" class="bg-stretch" />
−
<p>Here are a few examples of excellent Education and Public Engagement work:</p>
+
    </section>
−
<ul>
+
−
<li><a href="https://2016.igem.org/Team:SCAU-China/Engagement">2016 SCAU-China</a></li>
+
−
<li><a href="https://2016.igem.org/Team:Imperial_College/Engagement">2016 Imperial College</a></li>
+
−
<li><a href="https://2015.igem.org/Team:UFMG_Brazil/Public_Engagement">2015 UFMG Brazil</a></li>
+
−
<li><a href="https://2015.igem.org/Team:William_and_Mary/Practices"> 2015 William and Mary</a></li>
+
−
</ul>
+
  
−
</div>
+
    <article class="nj-box002 animated fadeInLeft" data-wow-duration="700ms" data-wow-delay="500ms">
 +
        <div class="global-page-header" >
 +
            <div class="container">
 +
                <div class="row">
 +
                    <div class="col-md-12">
 +
                        <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="clear"></div>
+
    <footer id="footer">
 +
        <div class="container">
 +
            <p class="copyright">
 +
                Copyright &copy; 2017 Team: worldshaper-nanjing All Rights Reserved.
 +
            </p>
 +
        </div>
 +
    </footer>
 
</html>
 
</html>

Revision as of 09:38, 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.