Team:USTC-China

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
-
This is a test
+
<!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 iGEM | Welcome

USTC China

Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.


Click for More
© 2014 USTC-iGEM Design. Distributed under BY-SA 3.0

Retrieved from "http://2014.igem.org/Team:USTC-China"