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

(Prototype team page)
 
Line 1: Line 1:
−
{{Worldshaper-XSHS}}
 
−
 
 
<html>
 
<html>
−
<div class="column full_size judges-will-not-evaluate">
+
<link rel='stylesheet' type='text/css' href='http://igem2017.worldshaper.cn/XSHS/css/wiki_edit.css' />
−
<h3>★  ALERT! </h3>
+
<link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/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/XSHS/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/XSHS/css/animate.css">
−
</div>
+
<link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/slider.css">
−
<div class="clear"></div>
+
<link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/owl.carousel.css">
−
 
+
<link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/owl.theme.css">
−
<div class="column half_size">
+
<link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/jquery.fancybox.css">
−
 
+
<link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/main.css">
−
<h1>Education and Public Engagement</h1>
+
<link rel="stylesheet" type='text/css' href="http://igem2017.worldshaper.cn/XSHS/css/responsive.css">
−
<h3>Best Education and Public Engagement Special Prize</h3>
+
<script src="http://igem2017.worldshaper.cn/XSHS/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/XSHS/js/jquery.min.js"></script>
−
 
+
<script src="http://igem2017.worldshaper.cn/XSHS/js/owl.carousel.min.js"></script>
−
<br><br>
+
<script src="http://igem2017.worldshaper.cn/XSHS/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/XSHS/js/wow.min.js"></script>
−
<br><br>
+
<script src="http://igem2017.worldshaper.cn/XSHS/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/XSHS/js/jquery.fancybox.js"></script>
−
</p>
+
<script src="http://igem2017.worldshaper.cn/XSHS/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-XSHS" >
 +
                    worldshaper- <b>XSHS</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-XSHS" >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-XSHS/aboutus.html">about us</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/members.html">Members</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-XSHS/Background.html">Background</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/design.html">Design</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/parts.html">Parts</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-XSHS/Protocols-methods.html">Protocols and methods</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/result.html">Result</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Interlab.html">Interlab</a>
 +
                                </li>
 +
                            </ul>
 +
                        </div>
 +
                    </li>
 +
                    <li>
 +
                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Modeling.html">Modeling</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Product.html">Product</a>
 +
                    </li>
 +
                    <li>
 +
                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/collaboration.html">Collaboration</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-XSHS/Crowd-funding.html">Crowd funding</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Interview.html">Interview</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Questionnaire.html">Questionnaire</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Education-outreach.html">Education outreach</a>
 +
                                </li>
 +
                            </ul>
 +
                        </div>
 +
                    </li>
 +
                    <li>
 +
                        <a href="https://2017.igem.org/Team:Worldshaper-XSHS/safety.html">Safety</a>
 +
                    </li>
 +
                    <li class="dropdown">
 +
                        <a class="dropdown-toggle" data-toggle="dropdown">
 +
                            Achievement
 +
                            <span class="caret"></span>
 +
                        </a>
 +
                        <div class="dropdown-menu">
 +
                            <ul>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Medal-requirements.html">Medal requirements</a>
 +
                                </li>
 +
                                <li>
 +
                                    <a href="https://2017.igem.org/Team:Worldshaper-XSHS/Future-plans.html">Future plans</a>
 +
                                </li>
 +
                            </ul>
 +
                        </div>
 +
                    </li>
 +
                </ul>
 +
            </div>
 +
        </nav>
 +
    </div>
 +
</header>
  
 +
    <section class="global-page-header">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-12">
 +
                    <div class="block">
 +
                        <h2>hhhhhhhh</h2>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
  
−
<div class="column half_size">
+
    <section class="pageInHere">
−
<h5>Inspiration</h5>
+
        <div class="container">
−
<p>Here are a few examples of excellent Education and Public Engagement work:</p>
+
            <div class="row">
−
<ul>
+
                <div class="col-md-12">
−
<li><a href="https://2016.igem.org/Team:SCAU-China/Engagement">2016 SCAU-China</a></li>
+
                    <div class="xshs-box2">
−
<li><a href="https://2016.igem.org/Team:Imperial_College/Engagement">2016 Imperial College</a></li>
+
                        <img class="img-responsive" alt="" src="https://static.igem.org/mediawiki/2017/0/03/T-worldshaper-XSHS-00004.jpeg" />
−
<li><a href="https://2015.igem.org/Team:UFMG_Brazil/Public_Engagement">2015 UFMG Brazil</a></li>
+
                    </div>
−
<li><a href="https://2015.igem.org/Team:William_and_Mary/Practices"> 2015 William and Mary</a></li>
+
                    <div class="xshs-box3">
−
</ul>
+
                        <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>
 +
    </section>
  
−
</div>
+
    <section id="call-to-action">
 +
        <div class="container">
 +
            <div class="row">
 +
                <div class="col-md-12">
 +
                    <div class="block">
 +
                        <h2 class="title wow fadeInDown" data-wow-delay=".3s" data-wow-duration="500ms">SO WHAT YOU THINK ?</h2>
 +
                        <p class="wow fadeInDown" data-wow-delay=".5s" data-wow-duration="500ms">
 +
                            Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis,
 +
                            <br>
 +
                            possimus commodi, fugiat magnam temporibus vero magni recusandae? Dolore, maxime praesentium.
 +
                        </p>
 +
                        <a href="contact.html" class="btn btn-default btn-contact wow fadeInDown" data-wow-delay=".7s" data-wow-duration="500ms">Contact With Me</a>
 +
                    </div>
 +
                </div>
 +
            </div>
 +
        </div>
 +
    </section>
  
 +
    <footer>
 +
        <div class="container">
 +
            <div class="foot-box">
 +
                <ul class="clearfix">
 +
                    <li class="foot-box-c1"><img src="https://static.igem.org/mediawiki/2017/7/71/T-worldshaper-XSHS-logoxshs.jpeg" alt="" /></li>
 +
                    <li class="foot-box-c2"><img src="https://static.igem.org/mediawiki/2017/c/ce/T-worldshaper-igemlogo.jpeg" alt="" /></li>
 +
                    <li class="foot-box-c3">
 +
                        <p>Worldshaper-XSHS, Xiaoshan High School</p>
 +
                        <p>Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China</p>
 +
                    </li>
 +
                    <li class="foot-box-c4"><img src="https://static.igem.org/mediawiki/2017/3/32/T-Worldshaper-XSHS-weixin.jpeg" alt="" /></li>
 +
                </ul>
 +
            </div>
 +
        </div>
 +
    </footer>
  
−
<div class="clear"></div>
 
 
</html>
 
</html>

Revision as of 10:30, 26 October 2017

hhhhhhhh

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.

SO WHAT YOU THINK ?

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis,
possimus commodi, fugiat magnam temporibus vero magni recusandae? Dolore, maxime praesentium.

Contact With Me

  • Worldshaper-XSHS, Xiaoshan High School

    Adress: No.538,Gongxiu Road,Xiaoshan District,Hangzhou,Zhejiang Province,China