Zhiling Zhou (Talk | contribs) |
Zhiling Zhou (Talk | contribs) |
||
Line 274: | Line 274: | ||
<body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top"> | <body id="page-top" data-spy="scroll" data-target=".navbar-fixed-top"> | ||
<!-- banner --> | <!-- banner --> | ||
− | <div class="banner" id="home"> | + | <!--<div class="banner" id="home">--> |
− | <div class="agileinfo-dot"> | + | <!--<div class="agileinfo-dot">--> |
Line 380: | Line 380: | ||
</div> | </div> | ||
</div> | </div> | ||
− | </div></div> | + | <!--</div></div>--> |
− | |||
− | |||
<!-- ========= END HEADER =========--> | <!-- ========= END HEADER =========--> | ||
+ | <div class="page-loader"></div> <!-- Display loading image while page loads --> | ||
+ | <!-- 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');"> | ||
+ | <div class="container"> | ||
+ | <div class="caption text-center text-white" data-stellar-ratio="0.7"> | ||
− | < | + | <div id="owl-intro-text" class="owl-carousel"> |
− | <div class=" | + | <div class="item"> |
− | + | <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> | |
− | + | <div class="extra-space-l"></div> | |
− | + | </div> | |
− | + | <div class="item"> | |
+ | <h1>Join with us</h1> | ||
+ | <p class='mainHeadP'>To the greatest Journey</p> | ||
+ | <div class="extra-space-l"></div> | ||
+ | <a class="btn btn-blank" href="" target="_blank" role="button">View More!</a> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <h1>I'm Unika</h1> | ||
+ | <p class="mainHeadP">One Page Responsive Theme</p> | ||
+ | <div class="extra-space-l"></div> | ||
+ | <a class="btn btn-blank" href="" target="_blank" role="button">View More!</a> | ||
+ | </div> | ||
+ | </div> | ||
− | + | </div> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | </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">‹</a> | |
− | + | <a class="carousel-control right" href="#myCarousel" | |
− | + | data-slide="next">›</a> --> | |
− | + | <!-- 控制按钮 --> | |
− | + | ||
− | + | ||
− | + | ||
<!--来自carousel的教程--> | <!--来自carousel的教程--> | ||
− | + | <!-- Begin Portfolio --> | |
− | + | <section id="portfolio-section" class="page bg-style1"> | |
− | + | <div class="container"> | |
− | + | <div class="row"> | |
− | + | <div class="col-md-12"> | |
− | + | <div class="portfolio"> | |
− | + | <!-- 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>Our Project</h2> | |
− | + | <div class="devider"></div> | |
− | + | <p class="subtitle">have a quick view of our project</p> | |
− | + | </div> | |
− | + | </div> | |
− | + | </div> | |
− | + | <!-- End page header--> | |
− | + | <div class="portfoloi_content_area" > | |
− | + | <!-- <div class="portfolio_menu" id="filters"> | |
− | + | <ul> | |
− | + | <li class="active_prot_menu"><a href="#porfolio_menu" data-filter="*">all</a></li> | |
− | + | <li><a href="#porfolio_menu" data-filter=".websites">websites</a></li> | |
− | + | <li><a href="#porfolio_menu" data-filter=".webDesign" >web design</a></li> | |
− | + | <li><a href="#porfolio_menu" data-filter=".appsDevelopment">apps development</a></li> | |
− | + | <li><a href="#porfolio_menu" data-filter=".GraphicDesign">graphic design</a></li> | |
− | + | <li><a href="#porfolio_menu" data-filter=".responsive">responsive</a></li> | |
− | + | </ul> | |
− | + | </div> --> | |
− | + | <div class="portfolio_content"> | |
− | + | <div class="row" id="portfolio"> | |
− | + | <div class="col-xs-12 col-sm-3 appsDevelopment"> | |
− | + | <div class="portfolio_single_content"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/1/16/ZJUChina_home_p1.jpg" alt="title"/> | |
− | + | <div> | |
− | + | <a href="#">Skull Awesome</a> | |
− | + | <span>Subtitle</span> | |
− | + | </div> | |
− | + | </div> | |
− | + | </div> | |
− | + | <div class="col-xs-12 col-sm-3 GraphicDesign"> | |
− | + | <div class="portfolio_single_content"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/1/1e/ZJUChina_home_p2.jpg" alt="title"/> | |
− | + | <div> | |
− | + | <a href="#">Photo Frame</a> | |
− | + | <span>Subtitle</span> | |
− | + | </div> | |
− | + | </div> | |
− | + | </div> | |
− | + | <div class="col-xs-12 col-sm-3 responsive"> | |
− | + | <div class="portfolio_single_content"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/9/9f/ZJUChina_home_p3.jpg" alt="title"/> | |
− | + | <div> | |
− | + | <a href="#">Hand Shots</a> | |
− | + | <span>Subtitle</span> | |
− | + | </div> | |
− | + | </div> | |
− | + | </div> | |
− | + | <div class="col-xs-12 col-sm-3 webDesign websites"> | |
− | + | <div class="portfolio_single_content"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/4/4b/ZJUChina_home_p4.jpg" alt="title"/> | |
− | + | <div> | |
− | + | <a href="#">Night Abstract</a> | |
− | + | <span>Subtitle</span> | |
− | + | </div> | |
− | + | </div> | |
− | + | </div> | |
− | + | <div class="col-xs-12 col-sm-2 appsDevelopment websites"> | |
− | + | <div class="portfolio_single_content"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/8/89/ZJUChina_home_p5.jpg" alt="title"/> | |
− | + | <div> | |
− | + | <a href="#">Joy of Independence</a> | |
− | + | <span>Subtitle</span> | |
− | + | </div> | |
− | + | </div> | |
− | + | </div> | |
− | + | <div class="col-xs-12 col-sm-2 GraphicDesign"> | |
− | + | <div class="portfolio_single_content"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/5/59/ZJUChina_home_p6.jpg" alt="title"/> | |
− | + | <div> | |
− | + | <a href="#">Night Crawlers</a> | |
− | + | <span>Subtitle</span> | |
− | + | </div> | |
− | + | </div> | |
− | + | </div> | |
− | + | <div class="col-xs-12 col-sm-2 responsive"> | |
− | + | <div class="portfolio_single_content"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/f/f0/ZJUChina_home_p7.jpg" alt="title"/> | |
− | + | <div> | |
− | + | <a href="#">Last Motel</a> | |
− | + | <span>Subtitle</span> | |
− | + | </div> | |
− | + | </div> | |
− | + | </div> | |
− | + | <div class="col-xs-12 col-sm-2 GraphicDesign"> | |
− | + | <div class="portfolio_single_content"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/0/0b/ZJUChina_home_p8.jpg" alt="title"/> | |
− | + | <div> | |
− | + | <a href="#">Dirk Road</a> | |
− | + | <span>Subtitle</span> | |
− | + | </div> | |
− | + | </div> | |
− | + | </div> | |
− | + | <div class="col-xs-12 col-sm-2 websites"> | |
− | + | <div class="portfolio_single_content"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/e/e7/ZJUChina_home_p9.jpg" alt="title"/> | |
− | + | <div> | |
− | + | <a href="#">Old is Gold</a> | |
− | + | <span>Subtitle</span> | |
− | + | </div> | |
− | + | </div> | |
− | + | </div> | |
− | + | <div class="col-xs-12 col-sm-2 appsDevelopment websites"> | |
− | + | <div class="portfolio_single_content"> | |
− | + | <img src="https://static.igem.org/mediawiki/2017/e/e7/ZJUChina_home_p9.jpg" alt="title"/> | |
− | + | <div> | |
− | + | <a href="#">Joy of Independence</a> | |
− | + | <span>Subtitle</span> | |
− | + | </div> | |
− | + | </div> | |
− | + | </div> | |
− | + | </div> | |
− | + | </div> | |
− | + | </div> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | <!-- End portfolio --> | ||
− | + | ||
− | + | <!-- Begin about section --> | |
+ | <section id="about-section" class="page bg-style1"> | ||
<!-- Begin page header--> | <!-- Begin page header--> | ||
<div class="page-header-wrapper"> | <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> | ||
− | |||
</div> | </div> | ||
<!-- End page header--> | <!-- End page header--> | ||
Line 602: | Line 597: | ||
<!-- Begin rotate box-1 --> | <!-- Begin rotate box-1 --> | ||
<div class="rotate-box-1-wrapper"> | <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> | </div> | ||
<!-- End rotate box-1 --> | <!-- End rotate box-1 --> | ||
− | + | ||
<div class="extra-space-l"></div> | <div class="extra-space-l"></div> | ||
− | |||
− | |||
− | |||
− | |||
− | + | </section> | |
− | + | <!-- End about section --> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | |||
− | |||
− | |||
− | + | <!-- Begin partners --> | |
+ | <section id="partners-section"> | ||
+ | <!-- 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>Sponsors</h2> | ||
+ | <div class="devider"></div> | ||
+ | <p class="subtitle">Those who trust us</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | <!-- End page header--> | ||
+ | <div class="container"> | ||
+ | <div id="owl-partners" class="owl-carousel"> | ||
+ | <img class="owl-carousel-item" src="https://static.igem.org/mediawiki/2017/e/ee/ZJUChina_home_mathworks.png" alt="img"> | ||
− | + | <img class="owl-carousel-item" src="https://static.igem.org/mediawiki/2017/6/6f/ZJUChina_home_biolab.png" alt="img"> | |
+ | <img class="owl-carousel-item" src="https://static.igem.org/mediawiki/2017/1/1b/ZJUChina_home_undergraduate.png" alt="img"> | ||
− | + | <img class="owl-carousel-item" src="https://static.igem.org/mediawiki/2017/8/8b/ZJUChina_home_ckc.png" alt="img"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <img class="owl-carousel-item" src="https://static.igem.org/mediawiki/2017/b/b4/ZJUChina_home_genscript.png" alt="img"> | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | <img class="owl-carousel-item" src="https://static.igem.org/mediawiki/2017/6/6c/ZJUChina_home_idt.png" alt="img"> | |
− | + | ||
+ | <img class="owl-carousel-item" src="https://static.igem.org/mediawiki/2017/c/ca/ZJUChina_home_foundation.png" alt="img"> | ||
+ | <img class="owl-carousel-item" src="https://static.igem.org/mediawiki/2017/e/e3/ZJUChina_home_cs.png" alt="img"> | ||
+ | |||
+ | <img class="owl-carousel-item" src="https://static.igem.org/mediawiki/2017/b/b1/ZJUChina_home_science.png" alt="img"> | ||
+ | <img class="owl-carousel-item" src="https://static.igem.org/mediawiki/2017/a/ab/ZJUChina_home_physical.png" alt="img"> | ||
+ | <img class="owl-carousel-item" src="https://static.igem.org/mediawiki/2017/3/36/ZJUChina_home_tobacco.png" alt="img"> | ||
+ | <img class="owl-carousel-item" src="https://static.igem.org/mediawiki/2017/1/19/ZJUChina_home_medicine.png" alt="img"> | ||
+ | <img class="owl-carousel-item" src="https://static.igem.org/mediawiki/2017/5/52/ZJUChina_home_cls.png" alt="img"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </section> | ||
+ | <!-- End partners --> | ||
+ | |||
+ | |||
+ | <!-- Begin footer --> | ||
+ | <footer class="text-off-white"> | ||
+ | |||
+ | <div class="footer"> | ||
+ | <div class="container text-center wow fadeIn" data-wow-delay="0.4s"> | ||
+ | <p class="copyright">Copyright © 2017 ZJU-IGEM | <a href="http://www.zju.edu.cn/">Zhejiang University</a> |</p> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | </footer> | ||
+ | <!-- End footer --> | ||
+ | |||
+ | <a href="#" class="scrolltotop"><i class="fa fa-arrow-up"></i></a> <!-- Scroll to top button --> | ||
− | |||
− | |||
Line 726: | Line 721: | ||
− | </body> | + | </body> |
</html> | </html> |
Revision as of 08:52, 18 October 2017
Our Project
have a quick view of our project
Skull Awesome
Subtitle
Photo Frame
Subtitle
Hand Shots
Subtitle
Night Abstract
Subtitle
Joy of Independence
Subtitle
Night Crawlers
Subtitle
Last Motel
Subtitle
Dirk Road
Subtitle
Old is Gold
Subtitle
Joy of Independence
Subtitle
About
little information
Sponsors
Those who trust us