Difference between revisions of "Team:ZJU-China"

Line 47: Line 47:
 
     // Animate loader off screen
 
     // Animate loader off screen
 
     $(".page-loader").fadeOut("slow");
 
     $(".page-loader").fadeOut("slow");
−
});</script>
+
});
 +
 
 +
$('#myCarousel').carousel({
 +
    interval: 2000
 +
})
 +
 
 +
</script>
  
 
<style>
 
<style>
Line 405: Line 411:
 
<div class="page-loader"></div>  <!-- Display loading image while page loads -->
 
<div class="page-loader"></div>  <!-- Display loading image while page loads -->
 
<!-- Begin text carousel intro section -->
 
<!-- Begin text carousel intro section -->
−
   <section id="text-carousel-intro-section" class="parallax" data-stellar-background-ratio="0.5" style="background-image: url('https://static.igem.org/mediawiki/2017/d/d0/ZJUChina_home_slider-bg.jpg');">
+
   <!-- <section id="text-carousel-intro-section" class="parallax" data-stellar-background-ratio="0.5" style="background-image: url('https://static.igem.org/mediawiki/2017/d/d0/ZJUChina_home_slider-bg.jpg');"> -->
 
 
−
<div class="container">
+
<!-- <div class="container"> -->
−
<div class="caption text-center text-white" data-stellar-ratio="0.7">
+
<!-- <div class="caption text-center text-white" data-stellar-ratio="0.7"> -->
  
−
<div id="owl-intro-text" class="owl-carousel">
+
<!-- <div id="owl-intro-text" class="owl-carousel">
 
<div class="item">
 
<div class="item">
 
<h1>We have Awesome things</h1>
 
<h1>We have Awesome things</h1>
 
  <p class="mainHeadP">Me, a sophomore at <span>ZheJiang University</span>. I have worked in lab since my freshman year, and focus on the molecular and cell biology. However, the involvement in iGem is my first initiative research project. In my spare time, I enjoy long riding on the roads on sunny days and coming up with creative nicknames for others.</p>
 
  <p class="mainHeadP">Me, a sophomore at <span>ZheJiang University</span>. I have worked in lab since my freshman year, and focus on the molecular and cell biology. However, the involvement in iGem is my first initiative research project. In my spare time, I enjoy long riding on the roads on sunny days and coming up with creative nicknames for others.</p>
 
<div class="extra-space-l"></div>
 
<div class="extra-space-l"></div>
−
<!-- <a class="btn btn-blank" href="" target="_blank" role="button">View More!</a> -->
 
 
</div>
 
</div>
 
<div class="item">
 
<div class="item">
Line 431: Line 436:
 
</div>
 
</div>
  
−
</div> <!-- /.caption -->
+
</div>
−
</div> <!-- /.container -->
+
</div>
  
−
</section>
+
</section> -->
 
<!-- End text carousel intro section -->
 
<!-- End text carousel intro section -->
 
 
−
+
    <!--来自carousel的教程-->
 +
<div id="myCarousel" class="carousel slide">
 +
    <!-- 轮播（Carousel）指标 -->
 +
    <ol class="carousel-indicators">
 +
        <li data-target="#myCarousel" data-slide-to="0"
 +
            class="active"></li>
 +
        <li data-target="#myCarousel" data-slide-to="1"></li>
 +
        <li data-target="#myCarousel" data-slide-to="2"></li>
 +
    </ol> 
 +
    <!-- 轮播（Carousel）项目 -->
 +
    <div class="carousel-inner">
 +
        <div class="item active">
 +
            <img src="https://static.igem.org/mediawiki/2017/d/d0/ZJUChina_home_slider-bg.jpg" alt="First slide">
 +
            <div class="carousel-caption">标题 1</div>
 +
        </div>
 +
        <div class="item">
 +
            <img src="https://static.igem.org/mediawiki/2017/d/d0/ZJUChina_home_slider-bg.jpg" alt="Second slide">
 +
            <div class="carousel-caption">标题 2</div>
 +
        </div>
 +
        <div class="item">
 +
            <img src="https://static.igem.org/mediawiki/2017/d/d0/ZJUChina_home_slider-bg.jpg" alt="Third slide">
 +
            <div class="carousel-caption">标题 3</div>
 +
        </div>
 +
    </div>
 +
    <!-- 轮播（Carousel）导航 -->
 +
    <a class="carousel-control left" href="#myCarousel"
 +
        data-slide="prev">&lsaquo;</a>
 +
    <a class="carousel-control right" href="#myCarousel"
 +
        data-slide="next">&rsaquo;</a>
 +
    <!-- 控制按钮 -->
 +
</div>
 +
<script>
 +
$(function(){
 +
        // 初始化轮播
 +
       
 +
            $("#myCarousel").carousel('cycle');
 +
 
 +
       
 +
    });
 +
</script>
 +
<!--来自carousel的教程-->
 +
 
 
<!-- Begin Portfolio -->
 
<!-- Begin Portfolio -->
 
<section id="portfolio-section" class="page bg-style1">
 
<section id="portfolio-section" class="page bg-style1">
Line 693: Line 739:
 
<script src="https://2017.igem.org/Team:ZJU-China/js/jquery214min?action=raw&ctype=text/javascript"></script>
 
<script src="https://2017.igem.org/Team:ZJU-China/js/jquery214min?action=raw&ctype=text/javascript"></script>
  
 +
<script src="https://2017.igem.org/Team:ZJU-China/js/bootstrapmin?action=raw&ctype=text/javascript"></script>
 
<script src="https://2017.igem.org/Team:ZJU-China/js/owlcarouselmin?action=raw&ctype=text/javascript"></script>
 
<script src="https://2017.igem.org/Team:ZJU-China/js/owlcarouselmin?action=raw&ctype=text/javascript"></script>
−
 
−
<script src="https://2017.igem.org/Team:ZJU-China/js/bootstrapmin?action=raw&ctype=text/javascript"></script>
 
−
 
  
 
<script src="https://2017.igem.org/Team:ZJU-China/js/jquerystellarmin?action=raw&ctype=text/javascript"></script>
 
<script src="https://2017.igem.org/Team:ZJU-China/js/jquerystellarmin?action=raw&ctype=text/javascript"></script>

Revision as of 00:14, 9 October 2017

Home

Our Project

have a quick view of our project

title
Skull Awesome Subtitle
title
Photo Frame Subtitle
title
Hand Shots Subtitle
title
Night Abstract Subtitle
title
title
Night Crawlers Subtitle
title
Last Motel Subtitle
title
Dirk Road Subtitle
title
Old is Gold Subtitle
title

About us

Write something here

Sponsors

Those who trust us