Team:USTC-China

From 2014.igem.org

(Difference between revisions)
 
(55 intermediate revisions not shown)
Line 1: Line 1:
-
{{Template:USTC-China}}
+
{{:Team:USTC-China/partials/indexHeader}}
<html>
<html>
-
<main id="main">
+
  <head>
-
<!-- PJAX Content Start -->
+
    <link rel="stylesheet" href="https://2014.igem.org/Team:USTC-China/assets/css/index.css?action=raw&ctype=text/css" />
-
<p id="metadata">
+
</head>
-
{
+
<body>
-
"title" : "Homepage | USTC-China"
+
<div class="row" id="content-row">
-
}
+
-
</p>
+
-
<!-- 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/6/61/Color_bar3.jpg" class="float-pic" id="color-bar-3" />
+
-
<nav class="top-bar foundation-bar" data-topbar data-options="sticky_on: large">
+
  <div class="large-3 columns">
-
<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">
+
    <section id="intro">
-
<!-- Left Section -->
+
      <h1> USTC China </h1>
-
<div class="large-3 columns">
+
      <h2 style="font-family: 'Noto Serif'"><em>C. imager</em></h2> <h4 style="color: black;font-weight: 500;font-family: 'Noto Serif'">Through Bacteria</h4> <h4 style="color: black;font-weight: 500;font-family: 'Noto Serif'">View a Colorful World!</h4><br>
 +
      <a class="button success" href="https://2014.igem.org/Team:USTC-China/project">Our Project</a>
 +
    </section>
 +
  </div>
-
<section id="intro">
+
  <!-- Right Section -->
-
<h1> USTC China </h1>
+
  <div class="large-9 columns">
-
<h4>Touch enabled jQuery plugin that lets you create beautiful responsive carousel slider.</h4>
+
    <div class="owl-carousel">
-
<br>
+
      <div class="item">
-
<a class="button success" href="#">Click for More</a>
+
        <img src="https://static.igem.org/mediawiki/2014/0/0c/%E6%9C%AA%E6%A0%87%E9%A2%98-2.jpg">
-
</section>
+
      </div>
-
</div>
+
      <div class="item">
-
 
+
        <img src="https://static.igem.org/mediawiki/2014/5/53/2014USTC-China_HomeV3.jpg">
-
<!-- Right Section -->
+
      </div>
-
<div class="large-9 columns">
+
      <div class="item">
-
<div class="ustc-carousel">
+
        <img src="https://static.igem.org/mediawiki/2014/7/74/2014USTC-China_Home.jpg">
-
<div class="item">
+
      </div>
-
<img src="http://ustc-igem.sacheo-dev.freeshell.ustc.edu.cn/assets/img/picture1.png">
+
      <div class="item">
-
</div>
+
        <img src="https://static.igem.org/mediawiki/2014/d/d1/2014USTC-China_HomeV1.jpg">
-
<div class="item">
+
      </div>
-
<img src="http://ustc-igem.sacheo-dev.freeshell.ustc.edu.cn/assets/img/picture2.png">
+
    </div>
-
</div>
+
  </div>
-
<div class="item">
+
-
<img src="http://ustc-igem.sacheo-dev.freeshell.ustc.edu.cn/assets/img/picture3.png">
+
-
</div>
+
-
</div>
+
-
</div>
+
</div>
</div>
-
 
<!-- Footer -->
<!-- Footer -->
-
<div class="footer">
+
<div class="footer-ustc">
-
<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>
+
    <p>Lots of thanks to <a href="https://2014.igem.org/Team:USTC-China/acknowledgement">our sponsors</a>, who help us to achieve what we have today</p>
-
<a><img src="https://static.igem.org/mediawiki/2014/3/3a/GitHub.png"></a>
+
    <p>© 2014 USTC-iGEM Design. Distributed under <a href="http://creativecommons.org/licenses/by-sa/3.0/">BY-SA 3.0</a></p>
-
<a><img src="https://static.igem.org/mediawiki/2014/4/41/Renren.png"></a>
+
    <a href="https://2014.igem.org/Team:USTC-China/GitHub" target="_blank"><img src="https://static.igem.org/mediawiki/2014/3/3a/GitHub.png"></a>
-
<a><img src="https://static.igem.org/mediawiki/2014/5/57/Weibo.png"></a>
+
    <a href="http://page.renren.com/601464045" target="_blank"><img src="https://static.igem.org/mediawiki/2014/4/41/Renren.png"></a>
-
<a><img src="https://static.igem.org/mediawiki/2014/f/fe/Mail.png"></a>
+
    <a href="http://weibo.com/u/3929719655" target="_blank"><img src="https://static.igem.org/mediawiki/2014/5/57/Weibo.png"></a>
-
</div>
+
    <span data-tooltip aria-haspopup="true" class="has-tip" title="ustc.igem.2014@gmail.com"><img src="https://static.igem.org/mediawiki/2014/f/fe/Mail.png"></span>
 +
    <a href="https://www.facebook.com/2014ustcchinaigem" target="_blank"><img src="https://static.igem.org/mediawiki/2014/d/d8/Ustc-facebook.png"></a>
 +
  </div>
</div>
</div>
-
<!-- Resource -->
+
<script src="https://2014.igem.org/Team:USTC-China/assets/js/vendor/jquery.js?action=raw&ctype=text/javascript"></script>
-
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.4.6/js/vendor/jquery.js"></script>
+
<script src="https://2014.igem.org/Team:USTC-China/assets/js/foundation.min.js?action=raw&ctype=text/javascript"></script>
-
<script src="https://cdnjs.cloudflare.com/ajax/libs/foundation/5.4.6/js/foundation/foundation.min.js"></script>
+
<script>$(document).foundation();</script>
-
<script>$(document).foundation();
+
<script src="https://2014.igem.org/Team:USTC-China/assets/js/owl.carousel.min.js?action=raw&ctype=text/javascript"></script>
-
 
+
<script>
 +
$(document).ready(function() {
 +
  $('.owl-carousel').owlCarousel({
 +
    animateOut: 'slideOutDown',
 +
    animateIn: 'flipInX',
 +
    items:1,
 +
    margin:30,
 +
    stagePadding:30,
 +
    smartSpeed:450,
 +
    loop: true,
 +
    autoplay: true,
 +
    autoplayTimeout: 2500
 +
  });
 +
})
</script>
</script>
-
<script src="http://ustc-igem.sacheo-dev.freeshell.ustc.edu.cn/owl2/owl.carousel.min.js"></script>
 
<script>
<script>
-
$('.ustc-carousel').owlCarousel({
+
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
-
animateOut: 'slideOutDown',
+
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
-
animateIn: 'flipInX',
+
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
-
items:1,
+
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');
-
margin:30,
+
 
-
stagePadding:30,
+
  ga('create', 'UA-52654271-1', 'auto');
-
smartSpeed:450,
+
  ga('send', 'pageview');
-
nav: true,
+
 
-
loop: true
+
-
});
+
-
console.log("Loaded");console.log("Loaded");console.log("Loaded");console.log("Loaded");console.log("Loaded");console.log("Loaded");
+
</script>
</script>
-
<!-- PJAX Content End -->
+
 
-
</main>
+
<script>
 +
var $buoop = {c:2};
 +
function $buo_f(){
 +
var e = document.createElement("script");
 +
e.src = "//browser-update.org/update.js";
 +
document.body.appendChild(e);
 +
};
 +
try {document.addEventListener("DOMContentLoaded", $buo_f,false)}
 +
catch(e){window.attachEvent("onload", $buo_f)}
 +
</script>  
 +
</body>
</html>
</html>

Latest revision as of 02:59, 18 October 2014

USTC China

C. imager

Through Bacteria

View a Colorful World!


Our Project