|
|
| Line 21: |
Line 21: |
| | .positiontitle { | | .positiontitle { |
| | position: relative; | | position: relative; |
| − | top: 200px; | + | top: 500px; |
| | font-size: 68px; | | font-size: 68px; |
| | color: #fff; | | color: #fff; |
| Line 101: |
Line 101: |
| | color:#d1d1d1; | | color:#d1d1d1; |
| | display:block; | | display:block; |
| − | width:60px; | + | width:80px; |
| | /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/ | | /*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/ |
| | -moz-transition:color 1s; | | -moz-transition:color 1s; |
| Line 111: |
Line 111: |
| | border-radius:6px; | | border-radius:6px; |
| | display:block; | | display:block; |
| − | height:60px; | + | height:80px; |
| − | width:60px; | + | width:80px; |
| | margin-bottom:5px; | | margin-bottom:5px; |
| | -moz-transition:background 1s; | | -moz-transition:background 1s; |
| Line 167: |
Line 167: |
| | <a href="#top"> | | <a href="#top"> |
| | <img src="https://static.igem.org/mediawiki/2018/e/e5/T--worldshaper-XSHS--back.png"> | | <img src="https://static.igem.org/mediawiki/2018/e/e5/T--worldshaper-XSHS--back.png"> |
| | + | To Top |
| | </a> | | </a> |
| | </p> | | </p> |
| Line 180: |
Line 181: |
| | <div class="navbar-brand " style="display:block;color:#fff;margin-left:15px;font-size:20px"> | | <div class="navbar-brand " style="display:block;color:#fff;margin-left:15px;font-size:20px"> |
| | <a href="https://2018.igem.org/Team:Worldshaper-XSHS"> | | <a href="https://2018.igem.org/Team:Worldshaper-XSHS"> |
| − | worldshaper- | + | Worldshaper- |
| | <b>XSHS</b> | | <b>XSHS</b> |
| | </a> | | </a> |
| Line 314: |
Line 315: |
| | </ul> | | </ul> |
| | </div> | | </div> |
| − | <div class="col-xs-10 "> | + | <div class="col-xs-10 xshs-box3"> |
| | <section class="service-page"> | | <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="row"> |
| | <div class="clearfix"> | | <div class="clearfix"> |
| − | <div class="col-sm-4"> | + | <div class="col-sm-12"> |
| − | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | + | <div class="img-wrapper text-center"> |
| − | <div class="img-wrapper"> | + | <video style="width:80%" src="https://static.igem.org/mediawiki/2018/9/99/T--worldshaper-XSHS--001.ogg" controls="controls"><!--这里视频 视频可以去掉控件按钮 controls 删掉即可--> |
| − | <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 |
| − | your browser does not support the video tag
| + | </video> |
| − | </video>
| + | </div> |
| − | </div>
| + | <figcaption class="text-left"> |
| − | <figcaption>
| + | <h2 id="Members" class="subtitle wow fadeInUp animated" data-wow-delay=".3s" data-wow-duration="500ms">Members</h2> |
| − | <h4>Name: Mei Yantao</h4>
| + | <p class="itemstyle">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Assumenda libero, animi quia ducimus rem ab incidunt. Tenetur dicta molestiae, ullam hic officiis facilis eligendi tempora at cumque excepturi, doloremque adipisci?Lorem ipsum dolor, sit amet consectetur adipisicing elit. Unde vitae nam optio soluta? Odit corporis incidunt, ad consectetur nostrum nobis illum similique sapiente beatae officia corrupti ipsam, expedita ducimus! Consequatur. |
| − | <p class="itemstyle">Introduction: Although he is fat, he likes sports. His hobbies are playing games, reading
| + | </p> |
| − | books, listening to songs, playing musical instruments, aerial photography, robots, etc.
| + | </figcaption> |
| − | 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> | | </div> |
| − | <div class="clearfix">
| + | </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/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> |
| | <section class="service-page"> | | <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="row"> |
| − |
| |
| | <div class="clearfix"> | | <div class="clearfix"> |
| − | <div class="col-sm-4"> | + | <div class="col-sm-12"> |
| − | <figure class="wow fadeInLeft animated portfolio-item" data-wow-duration="500ms" data-wow-delay="0ms"> | + | <div class="img-wrapper text-center"> |
| − | <div class="img-wrapper"> | + | <video style="width:80%" src="https://static.igem.org/mediawiki/2018/9/99/T--worldshaper-XSHS--001.ogg" controls="controls"><!--这里视频 视频可以去掉控件按钮 controls 删掉即可--> |
| − | <img src="https://static.igem.org/mediawiki/2017/6/6c/T-worldshaper-XSHS-s013.png" class="img-responsive" alt="" />
| + | your browser does not support the video tag |
| − | </div> | + | </video> |
| − | <figcaption>
| + | </div> |
| − | <h4>Dr. Dong Shan</h4>
| + | <figcaption class="text-left"> |
| − | <p class="itemstyle">Duties:Primary PI</p>
| + | <h2 id="Instructors" class="subtitle wow fadeInUp animated" data-wow-delay=".3s" data-wow-duration="500ms">Instructors</h2> |
| − | <p class="itemstyle"> Dr. Dong Shan is very enthusiastic in guiding every thing of iGEM. His guidance advice is | + | <p class="itemstyle"> Lorem ipsum dolor sit, amet consectetur adipisicing elit. Assumenda libero, animi quia ducimus rem ab incidunt. Tenetur dicta molestiae, ullam hic officiis facilis eligendi tempora at cumque excepturi, doloremque adipisci?Lorem ipsum dolor, sit amet consectetur adipisicing elit. Unde vitae nam optio soluta? Odit corporis incidunt, ad consectetur nostrum nobis illum similique sapiente beatae officia corrupti ipsam, expedita ducimus! Consequatur. |
| − | very helpful to us.</p>
| + | </p> |
| − | </figcaption> | + | </figcaption> |
| − | </figure> | + | |
| | </div> | | </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> |
| − |
| |
| − |
| |
| | </div> | | </div> |
| | </section> | | </section> |
To Top
