Team:USTC-China

From 2014.igem.org

(Difference between revisions)
m
Line 1: Line 1:
-
{{Template:USTC-China}}
+
<html class="no-js" lang="en">
-
<html>
+
  <head>
-
<main id="main">
+
    <meta charset="utf-8" />
-
<!-- PJAX Content Start -->
+
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-
<p id="metadata">
+
    <title> USTC-China | Welcome</title>
-
{
+
    <meta name="description" content="iGEM">
-
"title" : "Homepage | USTC-China"
+
    <meta name="author" content="Design Group of USTC-China">
-
}
+
    <meta name="copyright" content="USTC-China, Copyright (c) 2014">
-
</p>
+
    <link rel="stylesheet" href="https://2014.igem.org/Team:USTC-China/css/foundation.min.css?action=raw&ctype=text/css" />
 +
 
 +
    <link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,400,300,600,700" />
 +
    <link rel="stylesheet" href="https://2014.igem.org/Team:USTC-China/assets/css/main.css?action=raw&ctype=text/css" />
 +
    <link rel="stylesheet" href="https://2014.igem.org/Team:USTC-China/assets/css/index.css?action=raw&ctype=text/css" />
 +
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.1.1/animate.min.css" />
 +
    <link rel="stylesheet" href="http://ustc-igem.sacheo-dev.freeshell.ustc.edu.cn/owl2/owl.carousel.css" />
 +
    <link rel="stylesheet" href="http://ustc-igem.sacheo-dev.freeshell.ustc.edu.cn/owl2/owl.theme.default.min.css" />
 +
    <link href="https://2014.igem.org/Team:USTC-China/css/fixed-igemHead.css?action=raw&ctype=text/css" rel="stylesheet" type="text/css" />
 +
 
 +
    <script src="http://cdnjs.cloudflare.com/ajax/libs/foundation/5.3.0/js/vendor/modernizr.js"></script>
 +
 
 +
  </head>
 +
  <body>
<!-- Navbar -->
<!-- Navbar -->
<img src="https://static.igem.org/mediawiki/2014/2/22/Color_bar.jpg" class="float-pic" />
<img src="https://static.igem.org/mediawiki/2014/2/22/Color_bar.jpg" class="float-pic" />
Line 13: Line 26:
<nav class="top-bar foundation-bar" data-topbar data-options="sticky_on: large">
<nav class="top-bar foundation-bar" data-topbar data-options="sticky_on: large">
-
<ul class="title-area">
+
  <ul class="title-area">
-
<li class="name">
+
    <li class="name">
-
<h1><a href="index.html">USTC-iGEM</a></h1>
+
      <h1><a href="index.html">USTC-iGEM</a></h1>
-
</li>
+
    </li>
-
<li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
+
    <li class="toggle-topbar menu-icon"><a href="#"><span>Menu</span></a></li>
-
</ul>
+
  </ul>
-
<section class="top-bar-section">
+
  <section class="top-bar-section">
-
<ul class="right">
+
    <ul class="right">
-
<li id="li-1">
+
      <li id="li-1">
-
<a href="project.html">Project</a>
+
        <a href="project.html">Project</a>
-
</li>
+
      </li>
-
<li id="li-2">
+
      <li id="li-2">
-
<a href="parts.html">Parts</a>
+
        <a href="parts.html">Parts</a>
-
</li>
+
      </li>
-
<li id="li-3">
+
      <li id="li-3">
-
<a href="project.html">Notebook</a>
+
        <a href="project.html">Notebook</a>
-
</li>
+
      </li>
-
<li id="li-4">
+
      <li id="li-4">
-
<a href="project.html">Human Practice</a>
+
        <a href="project.html">Human Practice</a>
-
</li>
+
      </li>
-
</ul>
+
    </ul>
-
</section>
+
  </section>
</nav>
</nav>
<div class="row" id="content">
<div class="row" id="content">
-
<!-- Left Section -->
+
  <!-- Left Section -->
-
<div class="large-3 columns">
+
  <div class="large-3 columns">
-
<section id="intro">
+
    <section id="intro">
-
<h1> USTC China </h1>
+
      <h1> USTC China </h1>
-
<h4>Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.</h4>
+
      <h4>Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.</h4>
-
<br>
+
      <br>
-
<a class="button success" href="#">Click for More</a>
+
      <a class="button success" href="#">Click for More</a>
-
</section>
+
    </section>
-
</div>
+
  </div>
-
<!-- Right Section -->
+
  <!-- Right Section -->
-
<div class="large-9 columns">
+
  <div class="large-9 columns">
-
<div class="owl-carousel">
+
    <div class="owl-carousel">
-
<div class="item">
+
      <div class="item">
-
<img src="http://ustc-igem.sacheo-dev.freeshell.ustc.edu.cn/assets/img/picture1.png">
+
        <img src="http://ustc-igem.sacheo-dev.freeshell.ustc.edu.cn/assets/img/picture1.png">
-
</div>
+
      </div>
-
<div class="item">
+
      <div class="item">
-
<img src="http://ustc-igem.sacheo-dev.freeshell.ustc.edu.cn/assets/img/picture2.png">
+
        <img src="http://ustc-igem.sacheo-dev.freeshell.ustc.edu.cn/assets/img/picture2.png">
-
</div>
+
      </div>
-
<div class="item">
+
      <div class="item">
-
<img src="http://ustc-igem.sacheo-dev.freeshell.ustc.edu.cn/assets/img/picture3.png">
+
        <img src="http://ustc-igem.sacheo-dev.freeshell.ustc.edu.cn/assets/img/picture3.png">
-
</div>
+
      </div>
-
</div>
+
    </div>
-
</div>
+
  </div>
</div>
</div>
<!-- Footer -->
<!-- Footer -->
<div class="footer">
<div class="footer">
-
<div class="row">
+
  <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>
+
    © 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/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/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/5/57/Weibo.png"></a>
-
<a><img src="https://static.igem.org/mediawiki/2014/f/fe/Mail.png"></a>
+
    <a><img src="https://static.igem.org/mediawiki/2014/f/fe/Mail.png"></a>
-
</div>
+
  </div>
</div>
</div>
<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/vendor/jquery.js"></script>
Line 81: Line 94:
<script>
<script>
  $(document).ready(function() {
  $(document).ready(function() {
-
$('.owl-carousel').owlCarousel({
+
  $('.owl-carousel').owlCarousel({
-
animateOut: 'slideOutDown',
+
    animateOut: 'slideOutDown',
-
animateIn: 'flipInX',
+
    animateIn: 'flipInX',
-
items:1,
+
    items:1,
-
margin:30,
+
    margin:30,
-
stagePadding:30,
+
    stagePadding:30,
-
smartSpeed:450,
+
    smartSpeed:450,
-
nav: true,
+
    nav: true,
-
loop: true
+
    loop: true
-
});
+
  });
})
})
</script>
</script>
-
<!-- PJAX Content End -->
+
  </body>
-
</main>
+
-
<!-- Resource -->
+
</html>
</html>

Revision as of 02:46, 12 October 2014

USTC-China | 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"