Difference between revisions of "Team:ZJU-China"

Line 1: Line 1:
 
 
<html lang="en-US">
 
<html lang="en-US">
 
<head>
 
<head>
Line 100: Line 99:
 
           user-select: none;
 
           user-select: none;
 
   background-image: none;
 
   background-image: none;
   border: 1px dotted white;
+
   border: 1px solid white;
 
   border-radius: 4px;
 
   border-radius: 4px;
 +
 
}
 
}
  
.btn.focus {
+
/*.btn.focus {
   border: 1px dotted #009500;
+
   border: 1px solid #009500;
 
   color: #009500;
 
   color: #009500;
 
   text-decoration: none;
 
   text-decoration: none;
}
+
}*/
  
 
.navbar-brand
 
.navbar-brand
Line 287: Line 287:
 
}
 
}
  
 +
#about-section{
 +
  background-color: black;
 +
}
  
 
</style>
 
</style>
Line 329: Line 332:
 
                   <ul class="dropdown-menu ">
 
                   <ul class="dropdown-menu ">
 
                   <li><a href="https://2017.igem.org/Team:ZJU-China/Project">Project Home</a></li>
 
                   <li><a href="https://2017.igem.org/Team:ZJU-China/Project">Project Home</a></li>
                   <li><a href="https://2017.igem.org/Team:ZJU-China/Project/tp">Trichoderma Proof</a></li>
+
                   <!-- <li><a href="https://2017.igem.org/Team:ZJU-China/Project/tp">Trichoderma Proof</a></li>
 
                   <li><a href="https://2017.igem.org/Team:ZJU-China/Project/voc">VOC sensors</a></li>
 
                   <li><a href="https://2017.igem.org/Team:ZJU-China/Project/voc">VOC sensors</a></li>
 
                   <li><a href="https://2017.igem.org/Team:ZJU-China/Project/st">Signal Transduction</a></li>
 
                   <li><a href="https://2017.igem.org/Team:ZJU-China/Project/st">Signal Transduction</a></li>
 
                   <li><a href="https://2017.igem.org/Team:ZJU-China/Project/ms">Mat Synthesis</a></li>
 
                   <li><a href="https://2017.igem.org/Team:ZJU-China/Project/ms">Mat Synthesis</a></li>
                   <li><a href="https://2017.igem.org/Team:ZJU-China/Project/conclusion">Conclusion</a></li>
+
                   <li><a href="https://2017.igem.org/Team:ZJU-China/Project/conclusion">Conclusion</a></li> -->
 
                   <li><a href="https://2017.igem.org/Team:ZJU-China/Project/improvement">Improvement</a></li>
 
                   <li><a href="https://2017.igem.org/Team:ZJU-China/Project/improvement">Improvement</a></li>
 
                   <li><a href="https://2017.igem.org/Team:ZJU-China/InterLab">Interlab</a></li>
 
                   <li><a href="https://2017.igem.org/Team:ZJU-China/InterLab">Interlab</a></li>
Line 409: Line 412:
  
 
<body data-spy="scroll" data-target="#main-navbar">
 
<body data-spy="scroll" data-target="#main-navbar">
<!--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>
Line 439: Line 442:
 
</div>
 
</div>
  
</section> -->
+
</section>
 
<!-- End text carousel intro section -->
 
<!-- End text carousel intro section -->
 
 
 
     <!--来自carousel的教程-->
 
     <!--来自carousel的教程-->
<div id="myCarousel" class="carousel slide">
+
<!-- <div id="myCarousel" class="carousel slide"> -->
 
     <!-- 轮播(Carousel)指标 -->
 
     <!-- 轮播(Carousel)指标 -->
    <ol class="carousel-indicators">
+
  <!--  <ol class="carousel-indicators">
 
         <li data-target="#myCarousel" data-slide-to="0"  
 
         <li data-target="#myCarousel" data-slide-to="0"  
 
             class="active"></li>
 
             class="active"></li>
 
         <li data-target="#myCarousel" data-slide-to="1"></li>
 
         <li data-target="#myCarousel" data-slide-to="1"></li>
 
         <li data-target="#myCarousel" data-slide-to="2"></li>
 
         <li data-target="#myCarousel" data-slide-to="2"></li>
     </ol>  
+
     </ol>   -->
 
     <!-- 轮播(Carousel)项目 -->
 
     <!-- 轮播(Carousel)项目 -->
     <div class="carousel-inner">
+
     <!-- <div class="carousel-inner">
 
         <div class="item active">
 
         <div class="item active">
 
             <img src="https://static.igem.org/mediawiki/2017/d/d0/ZJUChina_home_slider-bg.jpg" alt="First slide">
 
             <img src="https://static.igem.org/mediawiki/2017/d/d0/ZJUChina_home_slider-bg.jpg" alt="First slide">
Line 465: Line 468:
 
             <div class="carousel-caption">标题 3</div>
 
             <div class="carousel-caption">标题 3</div>
 
         </div>
 
         </div>
     </div>
+
     </div> -->
 
     <!-- 轮播(Carousel)导航 -->
 
     <!-- 轮播(Carousel)导航 -->
     <a class="carousel-control left" href="#myCarousel"  
+
     <!-- <a class="carousel-control left" href="#myCarousel"  
 
         data-slide="prev">&lsaquo;</a>
 
         data-slide="prev">&lsaquo;</a>
 
     <a class="carousel-control right" href="#myCarousel"  
 
     <a class="carousel-control right" href="#myCarousel"  
         data-slide="next">&rsaquo;</a>
+
         data-slide="next">&rsaquo;</a> -->
 
     <!-- 控制按钮 -->
 
     <!-- 控制按钮 -->
 
</div>  
 
</div>  
<script>
 
$(function(){
 
        // 初始化轮播
 
       
 
            $("#myCarousel").carousel('cycle');
 
 
       
 
    });
 
</script>
 
 
<!--来自carousel的教程-->
 
<!--来自carousel的教程-->
  
Line 614: Line 608:
 
</section>
 
</section>
 
<!-- End portfolio -->
 
<!-- End portfolio -->
 
  
<!-- Begin testimonials -->
 
<section id="testimonial-section">
 
<div id="testimonial-trigger" class="testimonial text-white parallax" data-stellar-background-ratio="0.5" style="background-image: url(img/testimonial-bg.jpg);">
 
<div class="cover"></div>
 
<!-- Begin page header-->
 
<div class="page-header-wrapper">
 
<div class="container">
 
<div class="page-header text-center wow fadeInDown" data-wow-delay="0.4s">
 
<h2>About us</h2>
 
<div class="devider"></div>
 
<p class="subtitle">Write something here</p>
 
</div>
 
</div>
 
</div>
 
<!-- End page header-->
 
<div class="container">
 
<div class="testimonial-inner center-block text-center">
 
<div id="owl-testimonial" class="owl-carousel">
 
<div class="item">
 
<blockquote>
 
<p>Room 413,Biology lab center, Zijingang Campus</p>
 
<p>Zhejiang University, YuHangTang Road NO.866</p>
 
<p>Hangzhou, China</p>
 
<footer><cite title="Source Title">Our address.</cite></footer>
 
</blockquote>
 
</div>
 
<div class="item">
 
<blockquote>
 
<p>forum:zjubiolab</p>
 
<p>tweet:zjubiolab</p>
 
<p>wechat:zjubiolab</p>
 
<p>QQ:zjubiolab</p>
 
<footer><cite title="Source Title">Our social media.</cite></footer>
 
</blockquote>
 
</div>
 
<div class="item">
 
<blockquote>
 
<p>"Quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo
 
consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse
 
cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non
 
proident, sunt in culpa qui officia deserunt mollit".</p>
 
<footer><cite title="Source Title">John Doe</cite></footer>
 
</blockquote>
 
</div>
 
</div>
 
</div>
 
</div>
 
</div>
 
</section>
 
<!-- End testimonials -->
 
 
  
+
  <!-- Begin about section -->
+
  <section id="about-section" class="page bg-style1">
 +
    <!-- Begin page header-->
 +
    <div class="page-header-wrapper">
 +
      <div class="container">
 +
        <div class="page-header text-center wow fadeInUp" data-wow-delay="0.3s">
 +
          <h2 style="color:white;">About</h2>
 +
          <div class="devider"></div>
 +
          <p class="subtitle" style="color:white;">little information</p>
 +
        </div>
 +
      </div>
 +
    </div>
 +
    <!-- End page header-->
 +
 
 +
    <!-- Begin rotate box-1 -->
 +
    <div class="rotate-box-1-wrapper">
 +
      <div class="container">
 +
        <div class="row">
 +
          <div class="col-md-4 col-sm-6" >
 +
            <a href="#" class="rotate-box-1 square-icon wow zoomIn" data-wow-delay="0">
 +
              <span class="rotate-box-icon"><i class="fa fa-users"></i></span>
 +
              <div class="rotate-box-info" style="color:white;">
 +
                <h4>Our address</h4>
 +
                <p>Room 413,Biology lab center, Zijingang Campus</p>
 +
                <p>Zhejiang University, YuHangTang Road NO.866</p>
 +
                <p>Hangzhou, China</p>
 +
              </div>
 +
            </a>
 +
          </div>
 +
 
 +
          <div class="col-md-4 col-sm-6">
 +
            <a href="#" class="rotate-box-1 square-icon wow zoomIn" data-wow-delay="0.2s">
 +
              <span class="rotate-box-icon"><i class="fa fa-diamond"></i></span>
 +
              <div class="rotate-box-info" style="color:white;">
 +
                <h4>Something here</h4>
 +
                <p>Something hereSomething hereSomething here</p>
 +
              </div>
 +
            </a>
 +
          </div>
 +
         
 +
          <div class="col-md-4 col-sm-6">
 +
            <a href="#" class="rotate-box-1 square-icon wow zoomIn" data-wow-delay="0.6s">
 +
              <span class="rotate-box-icon"><i class="fa fa-clock-o"></i></span>
 +
              <div class="rotate-box-info"  style="color:white;">
 +
                <h4>Something here</h4>
 +
                <p>Something hereSomething hereSomething hereSomething here</p>
 +
              </div>
 +
            </a>
 +
          </div>
 +
         
 +
        </div> <!-- /.row -->
 +
      </div> <!-- /.container -->
 +
    </div>
 +
    <!-- End rotate box-1 -->
 +
   
 +
    <div class="extra-space-l"></div>
 +
   
 +
   
 +
  </section>
 +
  <!-- End about section -->
 +
 
  
 
 
 
 
 
 
 
 
<!-- Begin partners -->
 
<!-- Begin partners -->
 
<section id="partners-section">
 
<section id="partners-section">

Revision as of 06:41, 11 October 2017

Home

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