(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | + | <html lang="en"> | |
− | <html> | + | <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> | ||
− | <div class=" | + | <body> |
− | + | <!--header--> | |
− | + | <div class="header"> | |
− | + | <div class="container"> | |
− | <div class=" | + | <!--logo--> |
− | + | <button type="button" class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> | |
− | <h1> | + | <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> | |
− | </p> | + | </div> |
− | + | <!--menu--> | |
− | + | <nav id="main_menu"> | |
− | + | <div class="nav-collapse collapse"> | |
− | <p> | + | <ul class="nav nav-pills"> |
+ | <li><a href="https://2018.igem.org/Team:UST_Beijing">Home</a ></li> | ||
+ | <ul class="dropdown-menu"> | ||
+ | </ul> | ||
+ | |||
+ | <li class="dropdown"><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/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/File:T--UST_Beijing--experiment.pdf">Experiments</a ></li> | ||
+ | <li><a href="https://2018.igem.org/Team:UST_Beijing/Notebook">Notebook</a ></li> | ||
+ | </ul> | ||
+ | </li> | ||
+ | |||
+ | <li><a href="https://static.igem.org/mediawiki/2018/6/63/T--UST_Beijing--model.pdf">Model</a ></li> | ||
+ | |||
+ | <li><a href="https://2018.igem.org/Team:UST_Beijing/Parts">Parts</a ></li> | ||
+ | |||
+ | <li><a href="https://2018.igem.org/Safety/Final_Safety_Form?team_id=2537">Safety</a ></li> | ||
+ | |||
+ | <li class="dropdown active"><a href="javascript:{}">Awards</a > | ||
+ | <ul class="dropdown-menu"> | ||
+ | <li><a href="https://2018.igem.org/Team:UST_Beijing/Attributions">Attribution</a ></li> | ||
+ | <li><a href="https://2018.igem.org/Team:UST_Beijing/Collaborations">Collaboration</a ></li> | ||
+ | <li><a href="https://2018.igem.org/Team:UST_Beijing/InterLab">InterLab</a ></li> | ||
+ | <li><a href="https://2018.igem.org/Team:UST_Beijing/Human_Practices">HumanPractice</a ></li> | ||
+ | </ul> | ||
+ | </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">rendezvous</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-dimensional 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 use. 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—Part4 interview</h1> | ||
+ | <div class="pad30></div> | ||
+ | <p class="lead">we interviewed a couple of kids and teenagers to talk about their comprehension of biology and iGem.Mr Cheng, a middle school student, told us, ”biology is always my passion. If I have the superpower to synthesize the compound that I want, I'd like to develop super influenza virus antibody to help human beings.”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"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/5/58/T--UST_Beijing--hppic8.jpg" alt=""/> | ||
+ | <!--//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 class=" | + | </div> |
− | + | </div> | |
− | + | </div> | |
− | < | + | <!-- up to top --> |
− | < | + | <a href="#"><i class="go-top hidden-phone hidden-tablet fa fa-angle-double-up"></i></a> |
− | + | <!--//end--> | |
− | </ | + | |
− | </div> | + | |
− | </div> | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | <div | + | |
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | < | + | |
− | + | ||
− | + | ||
− | < | + | <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> |
Revision as of 22:23, 8 October 2018
Part1 protein structure
3D molecular models give kids a more straightforward way to observe the protein microworld. By explaining the three-dimensional 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.
Part2 cell insight
We use house stereo puzzles to explain how a single cell works in human body and help to build those models with participants.
Part3 energy conversion car
Through solar car and brine-driven trolley, we give our young participants a different perspective of energy use. 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.
UST_BEIJING