Team:USTC-China
From 2014.igem.org
(Difference between revisions)
Line 1: | Line 1: | ||
- | + | <!doctype html> | |
+ | <html class="no-js" lang="en"> | ||
+ | <head> | ||
+ | <meta charset="utf-8" /> | ||
+ | <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | ||
+ | <meta name="author" content="Design Group of USTC-China"> | ||
+ | <meta name="copyright" content="USTC-China, Copyright (c) 2014"> | ||
+ | <title>USTC-China iGEM | Welcome</title> | ||
+ | <link rel='stylesheet' type='text/css' href='http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600,700'> | ||
+ | <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.4.6/css/foundation.min.css"/> | ||
+ | <link href="https://2014.igem.org/Team:USTC-China/assets/css/fixed-igemHead.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" /> | ||
+ | <link rel="stylesheet" type="text/css" href="https://2014.igem.org/wiki/index.php?title=Team:USTC-China/assets/css/main.css&action=raw"/> | ||
+ | <link rel="stylesheet" type="text/css" href="https://2014.igem.org/wiki/index.php?title=Team:USTC-China/assets/css/index.css&action=raw"/> | ||
+ | <link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.1.1/animate.min.css"> | ||
+ | <link rel="stylesheet" type="text/css" href="owl-carousel2/owl.carousel.css" > | ||
+ | <link rel="stylesheet" type="text/css" href="owl-carousel2/owl.theme.default.min.css"> | ||
+ | |||
+ | <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.4.6/js/vendor/modernizr.js"></script> | ||
+ | </head> | ||
+ | |||
+ | <body> | ||
+ | <!-- Navbar --> | ||
+ | <img src="assets/img/color_bar.jpg" class="float-pic"> | ||
+ | <img src="assets/img/color_bar3.jpg" class="float-pic" id="color-bar-3"> | ||
+ | <nav class="top-bar foundation-bar" data-topbar data-options="sticky_on: large"> | ||
+ | <ul class="title-area"> | ||
+ | <li class="name"> | ||
+ | <h1><a href="index.html">USTC-iGEM</a></h1> | ||
+ | </li> | ||
+ | <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li> | ||
+ | </ul> | ||
+ | <section class="top-bar-section"> | ||
+ | <ul class="right"> | ||
+ | <li id="li-1"> | ||
+ | <a href="project.html">Project</a> | ||
+ | </li> | ||
+ | <li id="li-2"> | ||
+ | <a href="parts.html">Parts</a> | ||
+ | </li> | ||
+ | <li id="li-3"> | ||
+ | <a href="project.html">Notebook</a> | ||
+ | </li> | ||
+ | <li id="li-4"> | ||
+ | <a href="project.html">Human Practice</a> | ||
+ | </li> | ||
+ | </ul> | ||
+ | </section> | ||
+ | </nav> | ||
+ | <div class="row" id="content"> | ||
+ | <!-- Left Section --> | ||
+ | <div class="large-3 columns"> | ||
+ | |||
+ | <section id="intro"> | ||
+ | <h1> USTC China </h1> | ||
+ | <h4>Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.</h4> | ||
+ | <br> | ||
+ | <a class="button success" href="#">Click for More</a> | ||
+ | </section> | ||
+ | </div> | ||
+ | |||
+ | <!-- Right Section --> | ||
+ | <div class="large-9 columns"> | ||
+ | <div class="owl-carousel"> | ||
+ | <div class="item"> | ||
+ | <img src="http://placehold.it/900x400"> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <img src="http://placehold.it/900x400"> | ||
+ | </div> | ||
+ | <div class="item"> | ||
+ | <img src="http://placehold.it/900x400"> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- Footer --> | ||
+ | <div class="footer"> | ||
+ | <div class="row"> | ||
+ | © 2014 USTC-iGEM Design. Distributed under <a href="http://creativecommons.org/licenses/by-sa/3.0/">BY-SA 3.0</a><br><br> | ||
+ | <a><img src="https://static.igem.org/mediawiki/2014/3/3a/GitHub.png"></a> | ||
+ | <a><img src="https://static.igem.org/mediawiki/2014/4/41/Renren.png"></a> | ||
+ | <a><img src="https://static.igem.org/mediawiki/2014/5/57/Weibo.png"></a> | ||
+ | <a><img src="https://static.igem.org/mediawiki/2014/f/fe/Mail.png"></a> | ||
+ | </div> | ||
+ | </div> | ||
+ | |||
+ | <!-- Resource --> | ||
+ | <script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.4.6/js/vendor/jquery.js"></script> | ||
+ | <script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.4.6/js/foundation/foundation.min.js"></script> | ||
+ | <script>$(document).foundation();</script> | ||
+ | <script src="owl-carousel2/owl.carousel.min.js"></script> | ||
+ | <script> | ||
+ | (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ | ||
+ | (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), | ||
+ | m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) | ||
+ | })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); | ||
+ | ga('create', 'UA-52654271-1', 'auto'); | ||
+ | ga('send', 'pageview'); | ||
+ | </script> | ||
+ | <script> | ||
+ | $('.owl-carousel').owlCarousel({ | ||
+ | animateOut: 'slideOutDown', | ||
+ | animateIn: 'flipInX', | ||
+ | items:1, | ||
+ | margin:30, | ||
+ | stagePadding:30, | ||
+ | smartSpeed:450, | ||
+ | nav: true, | ||
+ | loop: true | ||
+ | }); | ||
+ | </script> | ||
+ | </body> | ||
+ | </html> |
Revision as of 13:06, 11 October 2014
<!doctype html>
USTC China
Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.
Click for More