Difference between revisions of "Team:SJTU-BioX-Shanghai/Engagement"

(Prototype team page)
 
Line 1: Line 1:
−
{{SJTU-BioX-Shanghai}}
 
  
−
<html>
+
<html lang="en">
−
<div class="column full_size judges-will-not-evaluate">
+
−
<h3>★  ALERT! </h3>
+
−
<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>
+
−
<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>
+
−
</div>
+
−
<div class="clear"></div>
+
  
−
<div class="column half_size">
+
<head>
 +
    <meta charset="utf-8">
 +
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
 +
    <meta http-equiv="x-ua-compatible" content="ie=edge">
 +
    <link href="https://2017.igem.org/Template:SJTU-BioX-Shanghai/CSS/bootstrap?action=raw&ctype=text/css" rel="stylesheet">
 +
    <link href="https://2017.igem.org/Template:SJTU-BioX-Shanghai/CSS/ripple?action=raw&ctype=text/css" rel="stylesheet">
 +
    <link href="https://2017.igem.org/Template:SJTU-BioX-Shanghai/CSS/font-awesome?action=raw&ctype=text/css" rel="stylesheet">
 +
    <link href="https://2017.igem.org/Template:SJTU-BioX-Shanghai/CSS/style?action=raw&ctype=text/css" rel="stylesheet">
 +
    <!--[if lt IE 10]>
 +
        <center>您使用的是过时的浏览器，浏览本网页可能会有异常。</center>
 +
        <center>You are using an outdated browser and this page may not display properly.</center>
 +
    <![endif]-->
 +
    <style>
 +
        .full-bg.full-bg-0 {
 +
            background-image: url("https://static.igem.org/mediawiki/2017/0/04/T--SJTU-BioX-Shanghai--17001.jpeg");
 +
        }
 +
       
 +
        @media only screen and (min-width: 768px) {
 +
            .full-bg.full-bg-0 {
 +
                background-image: url("https://static.igem.org/mediawiki/2017/2/25/T--SJTU-BioX-Shanghai--17001-hi.jpeg");
 +
            }
 +
        }
 +
       
 +
        .nav2-brand {
 +
            width: 14em;
 +
        }
 +
    </style>
 +
</head>
  
−
<h1>Education and Public Engagement</h1>
+
<body>
−
<h3>Best Education and Public Engagement Special Prize</h3>
+
    <div class="fluid-bg full-bg-body">
−
<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.
+
        <div class="full-bg mainbox depth-1-half full-bg-0">
 +
            <nav class="navbar navbar1 navbar-expand-lg navbar-dark">
 +
                <div class="container">
 +
                    <a class="navbar-brand" href="#"><img src="https://static.igem.org/mediawiki/2017/b/be/T--SJTU-BioX-Shanghai--logo.png" height="55" /></a>
 +
                    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav1" aria-controls="navbarNav1" aria-expanded="false" aria-label="Toggle navigation">
 +
                        <div class="hamburger" id="ham1">
 +
                            <span class="line"></span>
 +
                            <span class="line"></span>
 +
                            <span class="line"></span>
 +
                        </div>
 +
                    </button>
 +
                    <div class="collapse navbar-collapse" id="navbarNav1">
 +
                        <ul class="navbar-nav mr-auto">
 +
                            <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Description" class="nav-link">Project</a></li>
 +
                            <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Notebook" class="nav-link">Wet Lab</a></li>
 +
                            <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Loader" class="nav-link">Device</a></li>
 +
                            <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Model" class="nav-link">Model</a></li>
 +
                            <li class="nav-item active"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/HP" class="nav-link">Human Practice</a></li>
 +
                           
 +
                            <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Team" class="nav-link">Team</a></li>
 +
                        </ul>
 +
                        <ul class="navbar-nav ml-auto">
 +
                            <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Engagement-cn" class="nav-link jtzw">简体中文</a></li>
 +
                        </ul>
 +
                    </div>
 +
                </div>
 +
            </nav>
 +
            <div class="navbox">
 +
                <nav class="navbar navbar3 navbar-dark">
 +
                    <div class="container">
 +
                        <a class="navbar-brand" href="#">Human Practice</a>
 +
                    </div>
 +
                </nav>
 +
                <nav class="navbar navbar2 navbar-expand-lg navbar-dark">
 +
                    <div class="container">
 +
                        <div class="nav2-brand hide-nav2-brand">
 +
                            <a class="navbar-brand" href="#">Human Practice</a>
 +
                        </div>
 +
                        <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav2" aria-controls="navbarNav2" aria-expanded="false" aria-label="Toggle navigation">
 +
                            <div class="hamburger" id="ham2">
 +
                                    <span class="line"></span>
 +
                                    <span class="line"></span>
 +
                                    <span class="line"></span>
 +
                            </div>
 +
                        </button>
 +
                        <div class="collapse navbar-collapse " id="navbarNav2">
 +
                            <ul class="navbar-nav mr-auto">
 +
                                <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/HP" class="nav-link">Overview</a></li>
 +
                                <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/HP/Gold_Integrated" class="nav-link">Integrated</a></li>
 +
                                <li class="nav-item active"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Engagement" class="nav-link">Engagement</a></li>
 +
                                <li class="nav-item"><a href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Collaboration" class="nav-link">Collaboration</a></li>                               
 +
                            </ul>
 +
                        </div>
 +
                    </div>
 +
                </nav>
  
−
<br><br>
+
            </div>
−
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>.
+
−
<br><br>
+
−
You must also delete the message box on the top of this page to be eligible for this prize.
+
−
</p>
+
−
</div>
+
  
 +
        </div>
 +
        <div class="big-head h1-my-responsive"> <img src="https://static.igem.org/mediawiki/2017/5/52/T--SJTU-BioX-Shanghai--quan.png" class="img-fluid">Engagement</div>
 +
        <div class="container maink">
 +
            <div class="container maintext">
 +
                <div class="row">
 +
                    <div class="scrcol col-lg-3">
 +
                        <div class="scroll-box grey lighten-5">
 +
                            <nav class="list-unstyled" id="navbar-left" role="navigation">
  
 +
                                <li class="nav-item">
 +
                                    <a class="nav-link" href="#section1">Title One</a>
 +
                                </li>
 +
                                <li class="nav-item">
 +
                                    <a class="nav-link" href="#section2">Title Two</a>
 +
                                </li>
 +
                                <li class="nav-item">
 +
                                    <a class="nav-link" href="#section3">Title Three</a>
 +
                                </li>
 +
                                <li class="nav-item">
 +
                                    <a class="nav-link" href="#section4">Title Four</a>
 +
                                </li>
 +
                                <li class="nav-item">
 +
                                    <a class="nav-link" href="#section5">Title Five</a>
 +
                                </li>
 +
                            </nav>
 +
                        </div>
 +
                    </div>
 +
                    <div class="col-12 col-lg-9">
 +
                        <div class="my-title h5-my-responsive" id="section1">Title One</div>
 +
                        <p>Something something something something something something something something something</p>
 +
                        <p>Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something</p>
 +
                        <div class="my-title h5-my-responsive" id="section2">Title Two</div>
 +
                        <p>Something something something something something something something something something</p>
 +
                        <p>Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something</p>
 +
                        <div class="my-title h5-my-responsive" id="section3">Title Three</div>
 +
                        <p>Something something something something something something something something something</p>
 +
                        <p>Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something</p>
 +
                        <div class="my-title h5-my-responsive" id="section4">Title Four</div>
 +
                        <p>Something something something something something something something something something</p>
 +
                        <p>Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something</p>
 +
                        <div class="my-title h5-my-responsive" id="section5">Title Five</div>
 +
                        <p>Something something something something something something something something something</p>
 +
                        <p>Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something</p>
 +
                    </div>
  
 +
                </div>
 +
                <div class="row">
  
−
<div class="column half_size">
+
                </div>
−
<h5>Inspiration</h5>
+
            </div>
−
<p>Here are a few examples of excellent Education and Public Engagement work:</p>
+
        </div>
−
<ul>
+
        <div class="container sponsor">
−
<li><a href="https://2016.igem.org/Team:SCAU-China/Engagement">2016 SCAU-China</a></li>
+
            <div class="row">
−
<li><a href="https://2016.igem.org/Team:Imperial_College/Engagement">2016 Imperial College</a></li>
+
                <div class="col-12 col-sm-6 col-lg-3 sponsor-1">
−
<li><a href="https://2015.igem.org/Team:UFMG_Brazil/Public_Engagement">2015 UFMG Brazil</a></li>
+
                    <a target="_blank" href="http://www.sjtu.edu.cn/">
−
<li><a href="https://2015.igem.org/Team:William_and_Mary/Practices"> 2015 William and Mary</a></li>
+
                        <img src="https://static.igem.org/mediawiki/2017/8/85/T--SJTU-BioX-Shanghai--SJTU.png">
−
</ul>
+
                    </a>
 +
                </div>
 +
                <div class="col-12 col-sm-6 col-lg-3 sponsor-1">
 +
                    <a target="_blank" href="http://www.bio-x.cn/">
 +
                        <img src="https://static.igem.org/mediawiki/2017/e/e6/T--SJTU-BioX-Shanghai--BioX.png">
 +
                    </a>
 +
                </div>
 +
                <div class="col-12 col-sm-6 col-lg-3 sponsor-1">
 +
                    <a target="_blank" href="http://life.sjtu.edu.cn/">
 +
                        <img src="https://static.igem.org/mediawiki/2017/f/fa/T--SJTU-BioX-Shanghai--Life.png">
 +
                    </a>
 +
                </div>
 +
                <div class="col-12 col-sm-6 col-lg-3 sponsor-2">
 +
                    <a target="_blank" href="http://www.decodinglife.cn/">
 +
                        <img src="https://static.igem.org/mediawiki/2017/3/3e/T--SJTU-BioX-Shanghai--ATGC.png">
 +
                    </a>
 +
                </div>
 +
            </div>
 +
        </div>
 +
        <div class="footer">
  
−
</div>
+
            <div class="container">
 +
                <div class="row">
 +
                    <div class="footer-L">
  
 +
                        <a class="footer-text" href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/HP/Gold_Integrated">
 +
                            <img src="https://static.igem.org/mediawiki/2017/f/f5/T--SJTU-BioX-Shanghai--right.png" class="img-fluid">
 +
 +
                            <span class="direction">Practice</span>
 +
                            <div class="title">
 +
                                Integrated
 +
                            </div>
 +
                        </a>
 +
 +
                    </div>
 +
                    <div class="footer-M">
 +
                        <a class="footer-text" href="#">
 +
                            <img src="https://static.igem.org/mediawiki/2017/f/f5/T--SJTU-BioX-Shanghai--right.png" class="img-fluid">
 +
                        </a>
 +
                    </div>
 +
                    <div class="footer-R">
 +
 +
                        <a class="footer-text" href="https://2017.igem.org/Team:SJTU-BioX-Shanghai/Collaboration">
 +
                            <img src="https://static.igem.org/mediawiki/2017/f/f5/T--SJTU-BioX-Shanghai--right.png" class="img-fluid">
 +
                            <span class="direction">Practice</span>
 +
                            <div>
 +
                                Collaboration
 +
                            </div>
 +
                        </a>
 +
 +
                    </div>
 +
                </div>
 +
            </div>
 +
 +
 +
        </div>
 +
        <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/jquery?
 +
        action=raw&ctype=text/javascript"></script>
 +
        <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/popper?
 +
        action=raw&ctype=text/javascript"></script>
 +
        <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/ripple?
 +
        action=raw&ctype=text/javascript"></script>
 +
        <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/bootstrap?
 +
        action=raw&ctype=text/javascript"></script>
 +
        <script src="https://2017.igem.org/Template:SJTU-BioX-Shanghai/Javascript/script?
 +
        action=raw&ctype=text/javascript"></script>
 +
 +
    </div>
 +
</body>
  
−
<div class="clear"></div>
 
 
</html>
 
</html>

Revision as of 13:59, 27 October 2017

Engagement
Title One

Something something something something something something something something something

Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something

Title Two

Something something something something something something something something something

Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something

Title Three

Something something something something something something something something something

Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something

Title Four

Something something something something something something something something something

Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something

Title Five

Something something something something something something something something something

Something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something something

Practice
Integrated
Practice
Collaboration