Difference between revisions of "Team:SHSU China/Public Engagement"

(Prototype team page)
 
Line 1: Line 1:
 
{{SHSU_China}}
 
{{SHSU_China}}
−
<html>
+
<html lang="en">
 +
  <head>
 +
    <title>ExoBlood SHSU_China</title>
 +
    <meta charset="utf-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  
−
<div class="column full_size judges-will-not-evaluate">
+
    <link href="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/Rubik.css&action=raw&ctype=text/css" rel="stylesheet">
−
<h3>★ ALERT! </h3>
+
    <link href="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/css/bootstrap.css&action=raw&ctype=text/css" rel="stylesheet">
−
<p>This page is used by the judges to evaluate your team for the <a href="https://2018.igem.org/Judging/Medals">medal criterion</a> or <a href="https://2018.igem.org/Judging/Awards"> award listed below</a>. </p>
+
    <link rel="stylesheet"  href="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/css/animate.css&action=raw&ctype=text/css">
−
<p> Delete this box in order to be evaluated for this medal criterion and/or award. See more information at <a href="https://2018.igem.org/Judging/Pages_for_Awards"> Instructions for Pages for awards</a>.</p>
+
  <link rel="stylesheet"  href="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/css/owl.carousel.min.css&action=raw&ctype=text/css">
−
</div>
+
  
  
−
<div class="clear"></div>
+
    <link rel="stylesheet"  href="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/fonts/ionicons/css/ionicons.min.css&action=raw&ctype=text/css">
 +
    <link rel="stylesheet"  href="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/fonts/fontawesome/css/font-awesome.min.css&action=raw&ctype=text/css">
 +
    <link rel="stylesheet"  href="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/fonts/flaticon/font/flaticon.css&action=raw&ctype=text/css">
 +
    <link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/css/magnific-popup.css&action=raw&ctype=text/css">
  
 +
    <!-- Theme Style -->
 +
    <link rel="stylesheet" href="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/css/style.css&action=raw&ctype=text/css">
 +
<style>
 +
p{
 +
font-family: "Rubik", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol" !important;
 +
font-weight: 300 !important;
 +
font-size: 16px !important;
 +
line-height: 2 !important;
 +
}
 +
</style>
 +
  </head>
 +
  <body>
  
 +
    <div class="wrap">
 +
   
 +
    <div class="block-45">
 +
      <div class="container">
 +
        <div class="row">
 +
          <div class="col-md-6">
 +
            <ul class="block-45-list">
 +
              <li><a href="#">Team SHSU_China</a></li>
 +
            </ul>
 +
          </div>
 +
          <div class="col-md-6 text-md-right">
 +
            <ul class="block-45-icons">
 +
              <li><a href="https://twitter.com/2018shsu?lang=en"><span class="fa fa-twitter"></span></a></li>
 +
              <li><a href="https://www.instagram.com/igem2018_shsu/"><span class="fa fa-instagram"></span></a></li>
 +
            </ul>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <header role="banner">
 +
   
 +
      <nav class="navbar navbar-expand-lg navbar-light bg-light">
 +
        <div class="container">
 +
          <a class="navbar-brand absolute" href="https://2018.igem.org/Team:SHSU_China">ExoBlood<span class="fa fa-tint" style="color:red"></span>  </a>
 +
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample05" aria-controls="navbarsExample05" aria-expanded="false" aria-label="Toggle navigation">
 +
            <span class="navbar-toggler-icon"></span>
 +
          </button>
  
−
<div class="column full_size">
+
          <div class="collapse navbar-collapse navbar-light" id="navbarsExample05">
 +
            <ul class="navbar-nav ml-auto">
 +
              <li class="nav-item ">
 +
                <a class="nav-link" href="https://2018.igem.org/Team:SHSU_China ">Home</a>
 +
              </li>
 +
              <li class="nav-item dropdown">
 +
                <a class="nav-link dropdown-toggle" id="dropdown01" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Team</a>
 +
                <div class="dropdown-menu" aria-labelledby="dropdown01">
 +
                  <a class="dropdown-item" href="/Team:SHSU_China/Team ">Team Members</a>
 +
                  <a class="dropdown-item" href="/Team:SHSU_China/Collaborations ">Collaborations</a>
 +
                </div>
  
−
<h1>Human Practices: Education and Public Engagement Special Prize</h1>
+
              </li>
  
−
<p>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 and views outside the lab. </p>
+
              <li class="nav-item dropdown ">
 +
                <a class="nav-link dropdown-toggle" id="dropdown02" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Project</a>
 +
                <div class="dropdown-menu" aria-labelledby="dropdown02">
 +
                  <a class="dropdown-item" href="/Team:SHSU_China/Description ">Description</a>
 +
                  <a class="dropdown-item" href="/Team:SHSU_China/Design ">Design</a>
 +
                  <a class="dropdown-item" href="/Team:SHSU_China/Experiments ">Experiments</a>
 +
                  <a class="dropdown-item" href="/Team:SHSU_China/Notebook ">Notebook</a>
 +
                  <a class="dropdown-item " href="/Team:SHSU_China/InterLab ">InterLab</a>
 +
                  <a class="dropdown-item" href="/Team:SHSU_China/Model ">Model</a>
 +
                  <a class="dropdown-item" href="/Team:SHSU_China/Results ">Results</a>
 +
                  <a class="dropdown-item" href="/Team:SHSU_China/Demonstrate ">Demonstrate</a>
 +
                  <a class="dropdown-item" href="/Team:SHSU_China/Improve ">Improve</a>
 +
                  <a class="dropdown-item " href="/Team:SHSU_China/Attributions ">Attributions</a>
 +
                </div>
 +
              </li>
 +
              <li class="nav-item dropdown">
 +
                <a class="nav-link dropdown-toggle" id="dropdown03" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Parts</a>
 +
                <div class="dropdown-menu" aria-labelledby="dropdown03">
 +
                  <a class="dropdown-item" href="/Team:SHSU_China/Parts ">Parts Overview</a>
 +
                  <a class="dropdown-item" href="/Team:SHSU_China/Basic_Parts ">Basic Parts</a>
 +
                  <a class="dropdown-item" href="/Team:SHSU_China/Composite_Parts ">Composite Parts</a>
 +
                  <a class="dropdown-item" href="/Team:SHSU_China/Part_Collection ">Part Collection</a>
 +
                </div>
 +
              </li>
 +
              <li class="nav-item">
 +
                <a class="nav-link" href="/Team:SHSU_China/Safety ">Safety</a>
 +
              </li>
 +
              <li class="nav-item dropdown  active">
 +
                <a class="nav-link dropdown-toggle" id="dropdown04" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">Human Practices</a>
 +
                <div class="dropdown-menu" aria-labelledby="dropdown04">
 +
                  <a class="dropdown-item" href="/Team:SHSU_China/Human_Practices ">Human Practices</a>
 +
                  <a class="dropdown-item  active" href="/Team:SHSU_China/Public_Engagement ">Education & Engagement</a>
 +
                </div>
 +
              </li>
 +
              <li class="nav-item">
 +
                <a class="nav-link" href="https://igem.org/2018_Judging_Form?id=2794 ">Judging Form</a>
 +
              </li>
 +
            </ul>
 +
           
 +
           
 +
          </div>
 +
        </div>
 +
      </nav>
 +
    </header>
 +
    <!-- END header -->
  
−
<p>On this page, your team should document your Education and Public Engagement work and activities. Describe your team’s efforts to include more people in shaping synthetic biology (such as creating or building upon innovative educational tools and/or public engagement activities to establish two-way dialogue with new communities, and/or engaging new groups in discussions about synthetic biology and public values). Describe your approach, why you chose it, and what was learned by everyone involved (including yourselves!).</p>
+
    <section class="site-hero overlay" data-stellar-background-ratio="0.5" style="background-image: url(https://static.igem.org/mediawiki/2018/4/4b/T--SHSU_China--Education_Front.jpeg);">
 +
      <div class="container">
 +
        <div class="row align-items-center justify-content-center site-hero-inner">
 +
          <div class="col-md-8 text-center">
 +
 
 +
            <div class="mb-5 element-animate">
 +
              <div class="block-17">
 +
                <h1 class="heading mb-4">Education & Engagement</h1>
 +
                <div class="lead">How We Change Our Future Selfs</div>
 +
              </div>
 +
            </div>
 +
           
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </section>
 +
    <!-- END section -->
  
−
<p>This work may relate to or overlap with the work you document on your Human Practices page. Whereas Integrated Human Practices relates to the process of refining your project purpose and design, this page may highlight significant efforts that go beyond your particular project focus and/or address a significant broader concern in iGEM.
+
   
−
</p>
+
    <section class="site-section bg-light">
 +
      <div class="container">
 +
        <div class="row">
 +
          <div class="col-md-4">
 +
            <div class="block-36">
 +
              <h3 class="block-36-heading">Human Practices</h3>
 +
              <ul>
 +
                <li > <a href="/Team:SHSU_China/Human_Practices">Human Practices</a></li>
 +
                <li class="active"> <a href="/Team:SHSU_China/Public_Engagement">Education & Engagement</a> </li>
 +
              </ul>
 +
            </div>
 +
          </div>
 +
          <div class="col-md-8 pl-md-5">
 +
             
 +
            <div class="block-44 d-flex mb-3">
 +
              <!-- <div class="block-44-image"><img src="images/image_tall_1.jpg" alt="Image placeholder"></div> -->
 +
              <div class="block-44-text">
 +
                <h3 class="block-44-heading">Education & Engagement</h3>
 +
                <div class="block-44-meta">Sibo Wang</div>
 +
                <!--
 +
                <div class="block-44-icons">
 +
                  <a href="#" class=""><span class="fa fa-video-camera"></span></a>
 +
                  <a href="#" class=""><span class="fa fa-headphones"></span></a>
 +
                  <a href="#" class=""><span class="fa fa-cloud-download"></span></a>
 +
                  <a href="#" class=""><span class="fa fa-book"></span></a>
 +
                </div>
 +
                -->
 +
              </div>
 +
            </div>
  
 +
            <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus animi explicabo asperiores accusantium laborum distinctio quos, placeat eligendi nesciunt aliquid ut corrupti id sapiente libero, quod doloremque minima odit debitis minus. Sequi enim quibusdam, doloremque iste iure? Excepturi, ad, ratione!</p>
 +
            <p><img src="https://static.igem.org/mediawiki/2018/4/4b/T--SHSU_China--Education_Front.jpeg" alt="Image placeholder" class="img-fluid"></p>
 +
            <p>Deleniti asperiores delectus, nemo consequatur omnis dolorum vel voluptatem? Consequuntur doloribus iusto adipisci quam eos fugiat, hic architecto. Consequatur ipsa error architecto? Deserunt id, consectetur non labore odio accusantium veritatis incidunt? Molestias velit deserunt harum, quibusdam est minus, sapiente modi.</p>
 +
            <p>Adipisci tempore soluta, sed aperiam consequatur error dolorem, repellendus quos minima rem ex ipsum possimus maiores reiciendis quo, accusantium officia omnis! Porro quidem ullam architecto, sapiente, a consequatur ex nostrum eos culpa vitae tenetur voluptates, nobis temporibus, fuga facilis pariatur.</p>
 +
            <p>Rerum, molestias ipsa doloremque velit distinctio laboriosam quidem ratione minima inventore. Blanditiis quaerat ipsa nobis fugit repudiandae, at repellendus itaque odit! Quibusdam ducimus exercitationem optio dolore, modi repudiandae beatae enim incidunt, saepe atque amet suscipit, aliquam placeat pariatur ipsam facilis.</p>
 +
            <p>A suscipit facilis minima fugiat ipsum provident pariatur, culpa! Quia fuga aperiam, error beatae vel dolorem velit eos incidunt ducimus animi nostrum, ipsa impedit praesentium libero voluptatem est magni doloribus! Atque illum, aut deleniti adipisci natus quas, beatae nihil sit!</p>
  
−
<p>For more information, please see the <a href="https://2018.igem.org/Human_Practices">Human Practices Hub</a>. There you will find:</p>
 
−
 
−
<ul>
 
−
<li> an <a href="https://2018.igem.org/Human_Practices/Introduction">introduction</a> to Human Practices at iGEM </li>
 
−
<li>tips on <a href="https://2018.igem.org/Human_Practices/How_to_Succeed">how to succeed</a> including explanations of judging criteria and advice about how to conduct and document your Human Practices work</li>
 
−
<li>descriptions of <a href="https://2018.igem.org/Human_Practices/Examples">exemplary work</a> to inspire you</li>
 
−
<li>links to helpful <a href="https://2018.igem.org/Human_Practices/Resources">resources</a></li>
 
−
<li>And more! </li>
 
−
</ul>
 
−
 
−
 
−
<div class="clear extra_space"></div>
 
−
 
−
<p>If you nominate your team for the <a href="https://2018.igem.org/Judging/Awards"></a>Best Education and Public Engagement Special Prize</a> by filling out the corresponding field in the <a href="https://2018.igem.org/Judging/Judging_Form">judging form</a>, the judges will review this page to consider your team for that prize. The criteria are listed below. </p>
 
  
−
<div class="highlight decoration_background">
+
           
−
<p>How have you developed new opportunities to include more people in shaping synthetic biology? Innovative educational tools and public engagement activities have the ability to establish a two-way dialogue with new communities by discussing public values and the science behind synthetic biology. Document your approach and what was learned by everyone involved to compete for this award.
+
          </div>
−
</p>
+
        </div>
−
</div>
+
      </div>
−
</div>
+
    </section> 
 +
    <footer class="site-footer">
 +
      <div class="container">
 +
        <div class="row pt-5">
 +
          <div class="col-md-12 text-center copyright">
 +
           
 +
            <p class="float-md-left" color=white><!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. -->
 +
This template is made with <i class="fa fa-heart" aria-hidden="true"></i> by <a href="https://colorlib.com" target="_blank" class="text-primary">Colorlib</a>
 +
<!-- Link back to Colorlib can't be removed. Template is licensed under CC BY 3.0. --></p>
 +
            <p class="float-md-right">
 +
              <a href="https://twitter.com/2018shsu?lang=en" class="fa fa-twitter p-2"></a>
 +
              <a href="https://www.instagram.com/igem2018_shsu/" class="fa fa-instagram p-2"></a>
 +
 
 +
            </p>
 +
          </div>
 +
        </div>
 +
      </div>
 +
    </footer>
 +
    <!-- END footer -->
 +
 
 +
    </div>
 +
   
 +
    <!-- loader -->
 +
    <div id="loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#eeeeee"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#f4b214"/></svg></div>
 +
 
 +
    <script  src="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/js/jquery-3.2.1.min.js&action=raw&ctype=text/javascript"></script>
 +
    <script  src="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/js/jquery-migrate-3.0.0.js&action=raw&ctype=text/javascript"></script>
 +
    <script  src="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/js/popper.min.js&action=raw&ctype=text/javascript"></script>
 +
    <script  src="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/js/bootstrap.min.js&action=raw&ctype=text/javascript"></script>
 +
    <script  src="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/js/owl.carousel.min.js&action=raw&ctype=text/javascript"></script>
 +
    <script  src="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/js/jquery.waypoints.min.js&action=raw&ctype=text/javascript"></script>
 +
    <script  src="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/js/jquery.stellar.min.js&action=raw&ctype=text/javascript"></script>
 +
    <script  src="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/js/jquery.animateNumber.min.js&action=raw&ctype=text/javascript"></script>
 +
   
 +
    <script  src="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/js/jquery.magnific-popup.min.js&action=raw&ctype=text/javascript"></script>
 +
 
 +
    <script  src="https://2018.igem.org/wiki/index.php?title=Team:SHSU_China/js/main.js&action=raw&ctype=text/javascript"></script>
 +
  </body>
 +
</html>

Revision as of 16:18, 7 October 2018

ExoBlood SHSU_China

Education & Engagement

How We Change Our Future Selfs

Human Practices

Education & Engagement

Sibo Wang

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Ducimus animi explicabo asperiores accusantium laborum distinctio quos, placeat eligendi nesciunt aliquid ut corrupti id sapiente libero, quod doloremque minima odit debitis minus. Sequi enim quibusdam, doloremque iste iure? Excepturi, ad, ratione!

Image placeholder

Deleniti asperiores delectus, nemo consequatur omnis dolorum vel voluptatem? Consequuntur doloribus iusto adipisci quam eos fugiat, hic architecto. Consequatur ipsa error architecto? Deserunt id, consectetur non labore odio accusantium veritatis incidunt? Molestias velit deserunt harum, quibusdam est minus, sapiente modi.

Adipisci tempore soluta, sed aperiam consequatur error dolorem, repellendus quos minima rem ex ipsum possimus maiores reiciendis quo, accusantium officia omnis! Porro quidem ullam architecto, sapiente, a consequatur ex nostrum eos culpa vitae tenetur voluptates, nobis temporibus, fuga facilis pariatur.

Rerum, molestias ipsa doloremque velit distinctio laboriosam quidem ratione minima inventore. Blanditiis quaerat ipsa nobis fugit repudiandae, at repellendus itaque odit! Quibusdam ducimus exercitationem optio dolore, modi repudiandae beatae enim incidunt, saepe atque amet suscipit, aliquam placeat pariatur ipsam facilis.

A suscipit facilis minima fugiat ipsum provident pariatur, culpa! Quia fuga aperiam, error beatae vel dolorem velit eos incidunt ducimus animi nostrum, ipsa impedit praesentium libero voluptatem est magni doloribus! Atque illum, aut deleniti adipisci natus quas, beatae nihil sit!

This template is made with by Colorlib