|
|
| (17 intermediate revisions by 3 users not shown) |
| Line 1: |
Line 1: |
| − | <html lang="en">
| |
| − | <head>
| |
| − | <meta charset="utf-8">
| |
| − | <title>Team:UST Beijing/SocialPractice - 2018.igem.org</title>
| |
| − | <meta name="viewport" content="width=device-width, initial-scale=1.0">
| |
| − | <meta name="description" content="">
| |
| − | <meta name="author" content="">
| |
| | | | |
| − | <link href='http://fonts.useso.com/css?family=Lato:400,700,300' rel='stylesheet' type='text/css'>
| |
| − | <!--[if IE]>
| |
| − | <link href="http://fonts.useso.com/css?family=Lato" rel="stylesheet" type="text/css">
| |
| − | <link href="http://fonts.useso.com/css?family=Lato:400" rel="stylesheet" type="text/css">
| |
| − | <link href="http://fonts.useso.com/css?family=Lato:700" rel="stylesheet" type="text/css">
| |
| − | <link href="http://fonts.useso.com/css?family=Lato:300" rel="stylesheet" type="text/css">
| |
| − | <![endif]-->
| |
| − | <link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/bootstrap&action=raw&ctype=text/css" rel="stylesheet">
| |
| − | <link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/font-awesome&action=raw&ctype=text/css" rel="stylesheet">
| |
| − | <link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/theme&action=raw&ctype=text/css" rel="stylesheet">
| |
| − | <link href="https://2018.igem.org/wiki/index.php?title=Team:UST_Beijing/css/prettyphoto&action=raw&ctype=text/css" rel="stylesheet" type="text/css"/>
| |
| − |
| |
| − | <!--[if lt IE 9]>
| |
| − | <script src="http://apps.bdimg.com/libs/html5shiv/3.7/html5shiv.min.js"></script>
| |
| − | <![endif]-->
| |
| − | </head>
| |
| − |
| |
| − | <body>
| |
| − | <!--header-->
| |
| − | <div class="header">
| |
| − | <div class="container">
| |
| − | <!--logo-->
| |
| − | <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
| |
| − | <i class="fa fa-bars"></i></button>
| |
| − | <div class="logo">
| |
| − | <a href="index.html"><img src="https://static.igem.org/mediawiki/2018/8/8d/T--UST_Beijing--Web_small_logo_USTB.png" width="60" height="60" alt="" class="animated bounceInDown" /></a>
| |
| − | </div>
| |
| − | <!--menu-->
| |
| − | <nav id="main_menu">
| |
| − | <div class="nav-collapse collapse">
| |
| − | <ul class="nav nav-pills">
| |
| − | <li><a href="https://2018.igem.org/Team:UST_Beijing">Home</a></li>
| |
| − | <ul class="dropdown-menu">
| |
| − |
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="dropdown active"><a href="javascript:{}">Team</a>
| |
| − | <ul class="dropdown-menu">
| |
| − | <li><a href="https://2018.igem.org/Team:UST_Beijing/Team">Team member</a></li>
| |
| − | <li><a href="https://2018.igem.org/Team:UST_Beijing/Team/Attribution">Attribution</a></li>
| |
| − | <li><a href="https://2018.igem.org/Team:UST_Beijing/Team/Facilities">Facilities</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − | <li class="dropdown"><a href="javascript:{}">Project</a>
| |
| − | <ul class="dropdown-menu">
| |
| − | <li><a href="https://2018.igem.org/Team:UST_Beijing/Background">Background</a></li>
| |
| − | <li><a href="https://2018.igem.org/Team:UST_Beijing/Experiments">Experiments</a></li>
| |
| − | <li><a href="https://2018.igem.org/Team:UST_Beijing/Notebook">Notebook</a></li>
| |
| − | <li><a href="https://static.igem.org/mediawiki/2018/5/57/T--UST_Beijing--interlabstudy.pdf">Interlab</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − |
| |
| − | <li class="dropdown"><a href="javascript:{}">Model</a>
| |
| − | <ul class="dropdown-menu">
| |
| − | <li><a href="blog.html">Blog</a></li>
| |
| − | <li><a href="blog_two.html">Blog II</a></li>
| |
| − | <li><a href="blog_post.html">Blog Post</a></li>
| |
| − | <li><a href="blog_post2.html">Blog Post II</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − | <li class="dropdown"><a href="javascript:{}">HumanPractice</a>
| |
| − | <ul class="dropdown-menu">
| |
| − | <li><a href="https://2018.igem.org/Team:UST_Beijing/SocialPractice">Social Practice</a></li>
| |
| − | <li><a href="https://2018.igem.org/Team:UST_Beijing/Collaboration">Collaboration</a></li>
| |
| − | </ul>
| |
| − | </li>
| |
| − |
| |
| − | <li><a href="https://2018.igem.org/Team:UST_Beijing/Saftey">Safety</a></li>
| |
| − |
| |
| − | <li><a href="https://2018.igem.org/Team:UST_Beijing/Awards">Awards</a></li>
| |
| − |
| |
| − | </ul>
| |
| − | </div>
| |
| − | </nav>
| |
| − | </div>
| |
| − | </div>
| |
| − | <!--//header-->
| |
| − | <!--page-->
| |
| − | <!--banner-->
| |
| − | <div id="banner">
| |
| − | <div class="container intro_wrapper">
| |
| − | <div class="inner_content">
| |
| − | <h1>MidSummer rendezvous</h1>
| |
| − | <h1 class="title">Social Practice</h1>
| |
| − | <h1 class="intro">Utilize simple experiments and material. Contain <span>education</span> in <span>amusement</span>. Let's take a look at teen's <span class="hue">redezvous</span> with biology.</h1>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="container wrapper">
| |
| − | <div class="inner_content">
| |
| − | <div class="pad30"></div>
| |
| − | <div class="row">
| |
| − | <div class="span4">
| |
| − | <p class="lead">Part1 protein structure</p>
| |
| − | <p>3D molecular models give kids a more straightforward way to observe the protein microworld.
| |
| − | By explaining the three dimentional structure of globin—a kind of Y-shaped antibody, functioning as safety guards against the invasion of pathogens, kids use magic rulers to create their own quaternary structure of protein.</p>
| |
| − |
| |
| − | <p class="lead">Part2 cell insight</p>
| |
| − | <p>We use house stereo puzzles to explain how a single cell works in human body and help to build those models with participants.</p>
| |
| − |
| |
| − | <p class="lead">Part3 energy conversion car</p>
| |
| − | <p>Through solar car and brine-driven trolley, we give our young participants a different perspective of energy using. What’s more, under our volunteers’guidance,with their effort,they successfully drove the mini cars to run. That is to say, convert solar energy and electricity to kinetic energy.</p>
| |
| − |
| |
| − | <div class="pad30"></div>
| |
| − | <a href="https://2018.igem.org/Team:UST_Beijing" class="btn btn-info btn-medium btn-rounded">UST_BEIJING</a>
| |
| − |
| |
| − | <div class="pad25"></div>
| |
| − | </div>
| |
| − |
| |
| − | <div class="span8 pad15">
| |
| − | <div class="vendor">
| |
| − | <iframe src="https://static.igem.org/mediawiki/2018/e/ef/T--UST_Beijing--2minutes_with_music.mp4"></iframe>
| |
| − | </div>
| |
| − | <div class="pad25"></div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − |
| |
| − | <!--related projects-->
| |
| − | <div class="strip2">
| |
| − | <h1>After the event</h1>
| |
| − | <div class="pad30></div>
| |
| − | <p class="lead">Part4 interview</p>
| |
| − | <p> we interviewed couple of kids and teenagers to talk about their comprehension of biology and iGem. </p>
| |
| − | <p> Mr Cheng, a middle school student, told us, ”biology is always my passion. If I have the superpower to synthetize the compound that I want,”</p>
| |
| − | <p> I'd like to develop super influenza virus antibody to help human beings.”</p>
| |
| − | <p> Mr Lee, an eight-year-old primary school student, after the activity,clearly explained to us what is 3D print in his
| |
| − | comprehension.</p>
| |
| − |
| |
| − |
| |
| − | <div class="container wrapper">
| |
| − | <div class="inner_content">
| |
| − | <div class="inner_content col_full">
| |
| − |
| |
| − | <!--//projects-->
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <!--//page-->
| |
| − |
| |
| − | <!--footer-->
| |
| − | <div id="footer2">
| |
| − | <div class="container">
| |
| − | <div class="row">
| |
| − | <div class="span12">
| |
| − | <div class="copyright">
| |
| − | UST_Beijing
| |
| − | ©
| |
| − | <script type="text/javascript">
| |
| − | //<![CDATA[
| |
| − | var d = new Date()
| |
| − | document.write(d.getFullYear())
| |
| − | //]]>
| |
| − | </script>
| |
| − | igem.org
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | </div>
| |
| − | <!-- up to top -->
| |
| − | <a href="#"><i class="go-top hidden-phone hidden-tablet fa fa-angle-double-up"></i></a>
| |
| − | <!--//end-->
| |
| − |
| |
| − | <script src="http://apps.bdimg.com/libs/jquery/1.9.1/jquery.min.js"></script>
| |
| − | <script src="js/bootstrap.min.js"></script>
| |
| − | <script src="js/jquery.touchSwipe.min.js"></script>
| |
| − | <script src="js/jquery.mousewheel.min.js"></script>
| |
| − | <script type="text/javascript" src="js/jquery.prettyPhoto.js"></script>
| |
| − | <script type="text/javascript" src="js/scripts.js"></script>
| |
| − |
| |
| − | <script type="text/javascript" src="js/jquery.carouFredSel-6.2.1-packed.js"></script>
| |
| − | <script type="text/javascript">
| |
| − | //<![CDATA[
| |
| − | jQuery(document).ready(function($) {
| |
| − | var portfolioCarousel = $("#slider_related");
| |
| − | portfolioCarousel.carouFredSel({
| |
| − | width : "100%", height : "auto",
| |
| − | circular : false, responsive : true, infinite : false, auto : false,
| |
| − | items : { width : 230,
| |
| − | visible: { min: 1, max:5 }
| |
| − | },
| |
| − | swipe: { onMouse: true, onTouch: true },
| |
| − | prev : { button : "#sl-prev2", key : "left" },
| |
| − | next : { button : "#sl-next2", key : "right" },
| |
| − | onCreate : function () {
| |
| − | $(window).on('resize', function(){
| |
| − | portfolioCarousel.parent().add(portfolioCarousel).css('height', portfolioCarousel.children().first().outerHeight() + 'px');
| |
| − | })
| |
| − | .trigger('resize'); }
| |
| − | });
| |
| − | });
| |
| − | //]]>
| |
| − | </script>
| |
| − | </body>
| |
| − | </html>
| |
