(Prototype team page) |
|||
Line 1: | Line 1: | ||
− | |||
<html> | <html> | ||
+ | <style type="text/css"> | ||
+ | .dropdown .dropdown-menu > ul { | ||
+ | background-color: #212121!important | ||
+ | } | ||
+ | figure .img-wrapper img { | ||
+ | width: 100%; | ||
+ | height:300px | ||
+ | } | ||
+ | |||
+ | figure figcaption{ | ||
+ | padding: 20px 25px; | ||
+ | margin-top: 0; | ||
+ | color: #333; | ||
+ | height: 330px | ||
+ | } | ||
+ | .dropdown-menu > ul{ | ||
+ | background-color: #09b0ff!important | ||
+ | } | ||
+ | .positiontitle { | ||
+ | position: relative; | ||
+ | top: 200px; | ||
+ | font-size: 68px; | ||
+ | color: #fff; | ||
+ | z-index: 100; | ||
+ | letter-spacing: 0.0588235em; | ||
+ | } | ||
− | + | .colul .colactive a { | |
− | + | font-size: 22px; | |
− | + | color: #00746b !important; | |
− | + | } | |
− | + | ||
+ | .v1 { | ||
+ | font-family: proxima-nova !important; | ||
+ | font-weight: 600 !important; | ||
+ | font-style: normal !important; | ||
+ | font-size: 25px !important; | ||
+ | letter-spacing: .05em !important; | ||
+ | text-transform: uppercase !important; | ||
+ | line-height: 1.2em !important; | ||
+ | color: #4a4a4a !important; | ||
+ | } | ||
− | + | #top_menu_14 { | |
+ | height: auto !important; | ||
+ | } | ||
+ | .colul a:hover { | ||
+ | font-size: 22px; | ||
+ | transition: all linear .3s; | ||
+ | color: #00746b !important; | ||
+ | } | ||
− | + | .colul li a { | |
− | + | font-family: adobe-garamond-pro !important; | |
− | + | font-weight: 400; | |
− | + | font-style: normal; | |
− | + | font-size: 18px; | |
− | + | letter-spacing: 0px; | |
+ | text-transform: none; | ||
+ | text-decoration: none; | ||
+ | line-height: 1.2em; | ||
+ | color: rgba(26, 26, 26, .7); | ||
+ | margin-bottom: .5em; | ||
+ | } | ||
+ | |||
+ | .ulfixed { | ||
+ | position: fixed !important; | ||
+ | top: 90px; | ||
+ | } | ||
+ | |||
+ | .myheader { | ||
+ | box-shadow: none !important; | ||
+ | background: rgba(0, 0, 0, .4) !important; | ||
+ | border: none !important; | ||
+ | } | ||
+ | |||
+ | .itemstyle { | ||
+ | font-family: adobe-garamond-pro !important; | ||
+ | font-weight: 400 !important; | ||
+ | font-style: normal !important; | ||
+ | font-size: 16px !important; | ||
+ | letter-spacing: 0px !important; | ||
+ | line-height: 1.6em !important; | ||
+ | color: rgba(26, 26, 26, .7) !important; | ||
+ | } | ||
+ | |||
+ | .footer { | ||
+ | background: rgba(0, 0, 0, 1) !important; | ||
+ | } | ||
+ | #back-to-top{ | ||
+ | position:fixed; | ||
+ | bottom:100px; | ||
+ | left:80px; | ||
+ | } | ||
+ | #back-to-top a{ | ||
+ | text-align:center; | ||
+ | text-decoration:none; | ||
+ | color:#d1d1d1; | ||
+ | display:block; | ||
+ | width:60px; | ||
+ | /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/ | ||
+ | -moz-transition:color 1s; | ||
+ | -webkit-transition:color 1s; | ||
+ | -o-transition:color 1s; | ||
+ | } | ||
+ | #back-to-top a img{ | ||
+ | background:#d1d1d1; | ||
+ | border-radius:6px; | ||
+ | display:block; | ||
+ | height:60px; | ||
+ | width:60px; | ||
+ | margin-bottom:5px; | ||
+ | -moz-transition:background 1s; | ||
+ | -webkit-transition:background 1s; | ||
+ | -o-transition:background 1s; | ||
+ | } | ||
+ | |||
+ | </style> | ||
+ | <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/wiki_edit.css"> | ||
+ | <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/bootstrap.min.css"> | ||
+ | <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/ionicons.min.css"> | ||
+ | <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/animate.css"> | ||
+ | <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/slider.css"> | ||
+ | <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"> | ||
+ | <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"> | ||
+ | <link rel="stylesheet" type="text/css" href="http://igem2017.worldshaper.cn/XSHS/css/responsive.css"> | ||
+ | <script src="http://igem2017.worldshaper.cn/XSHS/js/vendor/modernizr-2.6.2.min.js"></script> | ||
+ | <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> | ||
+ | <script src="http://igem2017.worldshaper.cn/XSHS/js/bootstrap.min.js"></script> | ||
+ | <script src="http://igem2017.worldshaper.cn/XSHS/js/wow.min.js"></script> | ||
+ | <script src="http://igem2017.worldshaper.cn/XSHS/js/slider.js"></script> | ||
+ | <script src="http://igem2017.worldshaper.cn/XSHS/js/jquery.fancybox.js"></script> | ||
+ | <script src="http://igem2017.worldshaper.cn/XSHS/js/main.js"></script> | ||
+ | <script type="text/javascript"> | ||
+ | $(function () { | ||
+ | //当点击跳转链接后,回到页面顶部位置 | ||
+ | $("#back-to-top").hide(); | ||
+ | window.onscroll = function () { | ||
+ | var t = document.documentElement.scrollTop || document.body.scrollTop; //获取距离页面顶部的距离 | ||
+ | var $x = $('#Members').offset().top | ||
+ | if (t >= $x - 80) { | ||
+ | console.log(t, $x) | ||
+ | $('.colul').addClass('ulfixed') | ||
+ | $("#back-to-top").fadeIn(1500); | ||
+ | } else { | ||
+ | $('.colul').removeClass('ulfixed') | ||
+ | $("#back-to-top").fadeOut(1500); | ||
+ | } | ||
+ | } | ||
+ | $("#back-to-top").click(function () { | ||
+ | $('body,html').animate({ scrollTop: 0 }, 1000); | ||
+ | return false; | ||
+ | }); | ||
+ | $('.colul li').click(function () { | ||
+ | $(this).siblings().removeClass('colactive') | ||
+ | $(this).addClass('colactive') | ||
+ | }) | ||
+ | }) | ||
+ | </script> | ||
+ | <p id="back-to-top"> | ||
+ | <a href="#top"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/e/e5/T--worldshaper-XSHS--back.png"> | ||
+ | </a> | ||
</p> | </p> | ||
− | </div> | + | <header id="top-bar" class="navbar-fixed-top animated-header navbar navbar-default myheader"> |
+ | <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 " style="display:block;color:#fff;margin-left:15px;font-size:20px"> | ||
+ | <a href="https://2018.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://2018.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://2018.igem.org/Team:Worldshaper-XSHS/aboutus.html">about us</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Team">Members</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Collaborations">Collaborations</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://2018.igem.org/Team:Worldshaper-XSHS/Background.html">Background</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/design.html">Design</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Protocols-methods.html">Protocols and methods</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/result.html">Results</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Future-plans.html">Future plans</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Attributions">Attributions</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/InterLab">Interlab</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Model">Model</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Demonstrate">Demonstrate</a> | ||
+ | </li> | ||
+ | |||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/parts.html">Parts</a> | ||
+ | </li> | ||
+ | <li class="dropdown"> | ||
+ | <a class="dropdown-toggle" data-toggle="dropdown"> | ||
+ | HUMAN PRACTICES | ||
+ | <span class="caret"></span> | ||
+ | </a> | ||
+ | <div class="dropdown-menu"> | ||
+ | <ul> | ||
+ | <li> | ||
+ | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Silver">Silver</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/HP/Gold_Integrated">Integrated and Gold</a> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Engagement">Engagement</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/Applied_Design">Applied Design</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://2018.igem.org/Team:Worldshaper-XSHS/Medal-requirements.html">Medal requirements</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </li> | ||
+ | <li> | ||
+ | <a href="https://2018.igem.org/Team:Worldshaper-XSHS/safety.html">Safety</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </div> | ||
+ | </nav> | ||
+ | </div> | ||
+ | </header> | ||
+ | |||
+ | <section class="visual wow fadeInLeft text-center animated" data-wow-duration="500ms" data-wow-delay="200ms" style="visibility: visible; animation-duration: 500ms; animation-delay: 200ms; animation-name: fadeInLeft;"> | ||
+ | <strong class="positiontitle">Background</strong> | ||
+ | <!-- 这里是大图的标题 --> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/e/e6/T--worldshaper-XSHS--a001.png" alt="" class="bg-stretch" style="width:100%"> | ||
+ | <!-- 这里是大图的图片链接 --> | ||
+ | </section> | ||
+ | |||
+ | <section class="container"> | ||
+ | <div class="col-xs-2 xshs-box3 "> | ||
+ | <ul class="colul text-left"> | ||
+ | <li class="colactive mt-1"> | ||
+ | <a href="#Members">Members</a> | ||
+ | </li> | ||
+ | <li class="mt-1"> | ||
+ | <a href="#Instructors">Instructors</a> | ||
+ | </li> | ||
+ | <!-- 这里是页面定位锚点 href 对应代码的 “id属性 例如 id='xxx' ”--> | ||
+ | </ul> | ||
+ | </div> | ||
+ | <div class="col-xs-10 "> | ||
+ | <section class="service-page"> | ||
+ | <h2 id="Members" class="subtitle wow fadeInUp animated" data-wow-delay=".3s" data-wow-duration="500ms">Members</h2> | ||
+ | <p class="subtitle-des wow fadeInUp animated" data-wow-delay=".5s" data-wow-duration="500ms"></p> | ||
+ | <div class="row"> | ||
+ | <div class="clearfix"> | ||
+ | <div class="col-sm-4"> | ||
+ | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
+ | <div class="img-wrapper"> | ||
+ | <video style="width:100%" src="https://static.igem.org/mediawiki/2018/9/99/T--worldshaper-XSHS--001.ogg" controls="controls"><!--这里视频 视频可以去掉控件按钮 controls 删掉即可--> | ||
+ | your browser does not support the video tag | ||
+ | </video> | ||
+ | </div> | ||
+ | <figcaption> | ||
+ | <h4>Name: Mei Yantao</h4> | ||
+ | <p class="itemstyle">Introduction: Although he is fat, he likes sports. His hobbies are playing games, reading | ||
+ | books, listening to songs, playing musical instruments, aerial photography, robots, etc. | ||
+ | His favorite thing is to do homework. | ||
+ | </p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-4"> | ||
+ | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
+ | <div class="img-wrapper"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/f/f7/T--worldshaper-XSHS--m002.png" class="img-responsive" alt="" /> | ||
+ | </div> | ||
+ | <figcaption> | ||
+ | <h4>Name: Yu Yangkun</h4> | ||
+ | <p class="itemstyle">Introduction: Yu Yangkun is a cheerful, very humorous and sincere person. He has no bad habits | ||
+ | and is in good health. He is good at drawing and calligraphy. And he does things very | ||
+ | seriously.</p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-4"> | ||
+ | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
+ | <div class="img-wrapper"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/d/d4/T--worldshaper-XSHS--m003.png" class="img-responsive" alt="" /> | ||
+ | </div> | ||
+ | <figcaption> | ||
+ | <h4>Name: He Xinyi</h4> | ||
+ | <p class="itemstyle">Introduction: She likes music, sports, and tries new things. She is more interested in novels | ||
+ | and psychology books. She wants to be a free and independent person and do what she wants | ||
+ | to do.</p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-4"> | ||
+ | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
+ | <div class="img-wrapper"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/8/8b/T--worldshaper-XSHS--m004.png" class="img-responsive" alt="" /> | ||
+ | </div> | ||
+ | <figcaption> | ||
+ | <h4>Name: Pan Hui</h4> | ||
+ | |||
+ | <p class="itemstyle">Introduction: She likes to participate in team activities and meet new people. She is curious | ||
+ | about psychology, willing to read some books in the social sciences; she is more willing | ||
+ | to follow those efficient techniques. "Either don't do it, or do it." She expects to | ||
+ | do everything best. | ||
+ | </p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | </div> | ||
+ | </div> | ||
+ | <div class="clearfix"> | ||
+ | <div class="col-sm-4"> | ||
+ | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
+ | <div class="img-wrapper"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/9/90/T--worldshaper-XSHS--m005.png" class="img-responsive" alt="" /> | ||
+ | </div> | ||
+ | <figcaption> | ||
+ | <h4>Name: Yang Jianing</h4> | ||
+ | |||
+ | <p class="itemstyle">Introduction: He is a very active person in the team, but he will complete the task on time | ||
+ | and on time. He is very good at science because he only loves science. | ||
+ | </p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-4"> | ||
+ | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
+ | <div class="img-wrapper"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/4/4c/T--worldshaper-XSHS--m006.png" class="img-responsive" alt="" /> | ||
+ | </div> | ||
+ | <figcaption> | ||
+ | <h4>Name: Yu Yangyang</h4> | ||
+ | |||
+ | <p class="itemstyle">Introduction:Yu Yangyang loves animation and games, and loves natural science. He likes to | ||
+ | explore the unknown and hopes to become knowledgeable. His shortcoming is lack of self-control. | ||
+ | </p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-4"> | ||
+ | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
+ | <div class="img-wrapper"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/f/fd/T--worldshaper-XSHS--m007.png" class="img-responsive" alt="" /> | ||
+ | </div> | ||
+ | <figcaption> | ||
+ | <h4>Name:CaoShuaijun</h4> | ||
+ | |||
+ | <p class="itemstyle">Introduction:His hobby is playing basketball and badminton. He likes physical chemistry. | ||
+ | Although he is fat, he likes to run around. Movies and food are his favorite. He likes | ||
+ | to go to the bookstore with his friends. </p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-4"> | ||
+ | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
+ | <div class="img-wrapper"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/1/14/T--worldshaper-XSHS--m008.png" class="img-responsive" alt="" /> | ||
+ | </div> | ||
+ | <figcaption> | ||
+ | <h4>Name: Pan Yangbo</h4> | ||
+ | |||
+ | <p class="itemstyle">Introduction:A boy who likes to try; a boy who can do everything. He is a procrastinator, | ||
+ | but he can get things done in the end.He looked forward to this unusual experience, to | ||
+ | this different growth, and to greeting this gold medal with his teammates.</p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-4"> | ||
+ | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
+ | <div class="img-wrapper"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/9/92/T--worldshaper-XSHS--m009.png" class="img-responsive" alt="" /> | ||
+ | </div> | ||
+ | <figcaption> | ||
+ | <h4>Name: ShenHongcheng</h4> | ||
+ | |||
+ | <p class="itemstyle">Introduction:He is a lovely boy. He likes to go all out to work because he will get plenty | ||
+ | of exercise and happiness. He likes to make friends, like his friends to get along with | ||
+ | each other, from mutual ignorance to mutual familiarity.</p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-4"> | ||
+ | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
+ | <div class="img-wrapper"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/c/c0/T--worldshaper-XSHS--m010.png" class="img-responsive" alt="" /> | ||
+ | </div> | ||
+ | <figcaption> | ||
+ | <h4>Name: ShenYibin</h4> | ||
+ | |||
+ | <p class="itemstyle">Introduction:He is a super lively person, not to be deceived by his seemingly quiet appearance. | ||
+ | He is very good at thinking. He will calm down and do experiments, trying to find out | ||
+ | the deficiencies in the experiment and correct them.</p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-4"> | ||
+ | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
+ | <div class="img-wrapper"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/0/0e/T--worldshaper-XSHS--m011.png" class="img-responsive" alt="" /> | ||
+ | </div> | ||
+ | <figcaption> | ||
+ | <h4>Name: Sun Zeyu</h4> | ||
+ | |||
+ | <p class="itemstyle">Introduction:She likes to paint, especially the landscape paintings in Chinese paintings. | ||
+ | She always thinks that landscape paintings are composed only of dotted lines, but there | ||
+ | is an indescribable momentum and charm in the mountains and rivers. It is as simple as | ||
+ | she is pursuing.</p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-4"> | ||
+ | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
+ | <div class="img-wrapper"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/b/b2/T--worldshaper-XSHS--m013.png" class="img-responsive" alt="" /> | ||
+ | </div> | ||
+ | <figcaption> | ||
+ | <h4>Name: XuJie</h4> | ||
+ | |||
+ | <p class="itemstyle">Introduction:He is lively and helpful. He loves piano, basketball, travel... He also likes | ||
+ | to explore something unknown, especially in the natural sciences. He firmly believes | ||
+ | that to achieve something, the essential thing is perseverance. </p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-4"> | ||
+ | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
+ | <div class="img-wrapper"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/b/b4/T--worldshaper-XSHS--m014.png" class="img-responsive" alt="" /> | ||
+ | </div> | ||
+ | <figcaption> | ||
+ | <h4>Name:Yu Yijie</h4> | ||
+ | |||
+ | <p class="itemstyle">Introduction: She is a very cute and funny little girl. She is very positive and optimistic | ||
+ | about life. There are three things she likes the most: one is sleeping; the second is | ||
+ | smiling; the third is that she will relax by enjoying the lotus</p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-4"> | ||
+ | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
+ | <div class="img-wrapper"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/0/0e/T--worldshaper-XSHS--m015.png" class="img-responsive" alt="" /> | ||
+ | </div> | ||
+ | <figcaption> | ||
+ | <h4> Name:Yan Yihai</h4> | ||
+ | |||
+ | <p class="itemstyle">Introduction: He is very interested in science. Because his parents are engaged in scientific | ||
+ | research, he also has the opportunity to see some advanced experimental equipment earlier, | ||
+ | and thus generated interest in scientific research.</p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | </div> | ||
+ | </section> | ||
+ | <section class="service-page"> | ||
+ | <h2 id="Instructors" class="subtitle wow fadeInUp animated" data-wow-delay=".3s" data-wow-duration="500ms">Instructors</h2> | ||
+ | <p class="subtitle-des wow fadeInUp animated" data-wow-delay=".5s" data-wow-duration="500ms"></p> | ||
+ | <div class="row"> | ||
+ | |||
+ | <div class="clearfix"> | ||
+ | <div class="col-sm-4"> | ||
+ | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
+ | <div class="img-wrapper"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/6/6c/T-worldshaper-XSHS-s013.png" class="img-responsive" alt="" /> | ||
+ | </div> | ||
+ | <figcaption> | ||
+ | <h4>Dr. Dong Shan</h4> | ||
+ | <p class="itemstyle">Duties:Primary PI</p> | ||
+ | <p class="itemstyle">Dr. Dong Shan is very enthusiastic in guiding every thing of iGEM. His guidance advice is | ||
+ | very helpful to us.</p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-4"> | ||
+ | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
+ | <div class="img-wrapper"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/6/64/T-worldshaper-XSHS-s018.jpeg" class="img-responsive" alt="" /> | ||
+ | </div> | ||
+ | <figcaption> | ||
+ | <h4>Guo Ting</h4> | ||
+ | <p class="itemstyle">Duties:Secondary PI</p> | ||
+ | <p class="itemstyle">a very lovely and responsible teacher.Biological group with the highest degree the teacher, | ||
+ | she is a campus is peaceful and friendly, and the relationship between the team members | ||
+ | is good, also gave the players a lot of constructive Suggestions and guidance.Believe | ||
+ | under the charge of miss guo, teams will get satisfactory grades.</p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-4"> | ||
+ | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
+ | <div class="img-wrapper"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/a/a5/T-worldshaper-XSHS-s015.png" class="img-responsive" alt="" /> | ||
+ | </div> | ||
+ | <figcaption> | ||
+ | <h4>Professor Zhu Xufen</h4> | ||
+ | <p class="itemstyle">college of life sciences,Zhejiang University.She mainly works on study of molecular biology | ||
+ | and microbiology. | ||
+ | </p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-4"> | ||
+ | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
+ | <div class="img-wrapper"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/c/cd/T-worldshaper-XSHS-s017.png" class="img-responsive" alt="" /> | ||
+ | </div> | ||
+ | <figcaption> | ||
+ | <h4>Professor Xu Cheng</h4> | ||
+ | <p class="itemstyle">College of Life Sciences,Zhejiang University</p> | ||
+ | <p class="itemstyle">You might think he was serious when you first met him,but lately you’ll find he is affine.He | ||
+ | makes team members fall in love with bioinformatics.</p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-4"> | ||
+ | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
+ | <div class="img-wrapper"> | ||
+ | <img src="https://static.igem.org/mediawiki/2018/2/2a/T--worldshaper-XSHS--mWeng_Huifang.png" class="img-responsive" alt="" /> | ||
+ | </div> | ||
+ | <figcaption> | ||
+ | <h4>Weng Huifang</h4> | ||
+ | <p class="itemstyle">A very friendly teacher. Participate in practical activities with students. The main task | ||
+ | is to organize and manage students to complete their tasks. Instruct students to complete | ||
+ | various activities. | ||
+ | </p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | </div> | ||
+ | |||
+ | <div class="col-sm-4"> | ||
+ | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | ||
+ | <div class="img-wrapper"> | ||
+ | <img src="https://static.igem.org/mediawiki/2017/5/57/T-worldshaper-XSHS-s016.png" class="img-responsive" alt="" /> | ||
+ | </div> | ||
+ | <figcaption> | ||
+ | <h4>Jin Wentao</h4> | ||
+ | <p class="itemstyle">College of Life Sciences,Zhejiang University</p> | ||
+ | <p class="itemstyle">He is a rigorous guy who is very professional in doing experiments.</p> | ||
+ | </figcaption> | ||
+ | </figure> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | </div> | ||
+ | </section> | ||
+ | <footer class="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> | ||
</html> | </html> |
Revision as of 14:00, 9 October 2018