Difference between revisions of "Team:OUC-China"

Line 3: Line 3:
 
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
 
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" />
 
<link rel="stylesheet" href="https://2015.igem.org/Team:OUC-China/css/OUC-clearwiki.css?action=raw&ctype=text/css">
 
<link rel="stylesheet" href="https://2015.igem.org/Team:OUC-China/css/OUC-clearwiki.css?action=raw&ctype=text/css">
<link rel="stylesheet" href="https://2015.igem.org/Team:OUC-China/css/OUC-style.css?action=raw&ctype=text/css">
 
<script type="text/javascript" src="https://2015.igem.org/Team:OUC-China/js/jquery.min.js?action=raw&ctype=text/javascript"></script>
 
<script type="text/javascript">
 
window._wpemojiSettings = {
 
"baseUrl": "",
 
"ext": ".png",
 
"source": {
 
"concatemoji": ""
 
}
 
};
 
! function(a, b, c) {
 
function d(a) {
 
var c = b.createElement("canvas"),
 
d = c.getContext && c.getContext("2d");
 
return d && d.fillText ? (d.textBaseline = "top", d.font = "600 32px Arial", "flag" === a ? (d.fillText(String.fromCharCode(55356, 56812, 55356, 56807), 0, 0), c.toDataURL().length > 3e3) : (d.fillText(String.fromCharCode(55357, 56835), 0, 0), 0 !== d.getImageData(16, 16, 1, 1).data[0])) : !1
 
}
 
  
function e(a) {
+
 
var c = b.createElement("script");
+
c.src = a, c.type = "text/javascript", b.getElementsByTagName("head")[0].appendChild(c)
+
}
+
var f, g;
+
c.supports = {
+
simple: d("simple"),
+
flag: d("flag")
+
}, c.DOMReady = !1, c.readyCallback = function() {
+
c.DOMReady = !0
+
}, c.supports.simple && c.supports.flag || (g = function() {
+
c.readyCallback()
+
}, b.addEventListener ? (b.addEventListener("DOMContentLoaded", g, !1), a.addEventListener("load", g, !1)) : (a.attachEvent("onload", g), b.attachEvent("onreadystatechange", function() {
+
"complete" === b.readyState && c.readyCallback()
+
})), f = c.source || {}, f.concatemoji ? e(f.concatemoji) : f.wpemoji && f.twemoji && (e(f.twemoji), e(f.wpemoji)))
+
}(window, document, window._wpemojiSettings);
+
</script>
+
 
<style>
 
<style>
 
#globalWrapper{
 
#globalWrapper{
Line 52: Line 20:
 
background-color: #00f;
 
background-color: #00f;
 
}
 
}
</style>
 
  
<div class="row">
+
<!-- nav start-->
+
<nav class="nav-collapse">
+
<ul>
+
<div class="col-md-1">
+
</div>
+
<div class="col-md-3">
+
</div>
+
<div class="col-md-1">
+
<li><a href="#"></a></li>
+
</div>
+
<div class="col-md-1">
+
<li><a href="#"></a></li>
+
</div>
+
<div class="col-md-1 whitebg">
+
<li><a href="#">Home</a></li>
+
</div>
+
<div class="col-md-1 whitebg">
+
<li><a href="#">human</a></li>
+
</div>
+
<div class="col-md-1 whitebg">
+
<li><a href="#">human</a></li>
+
</div>
+
<div class="col-md-1 whitebg">
+
<li><a href="#">human</a></li>
+
</div>
+
<div class="col-md-1 whitebg ">
+
<li><a href="#">team</a></li>
+
</div>
+
<div class="col-md-1 whitebg ">
+
<li><a href="#">team</a></li>
+
</div>
+
</ul>
+
</nav>
+
</div>
+
  
<div class="layer">
+
</style>
<div class="transform">
+
<article id="page-frontpage" class="page">
+
 
+
<section class="section no-padding" style="background-color: #000000; color: red;">
+
 
+
<div class="container-fluid">
+
 
+
<div class="row row-equal-columns">
+
 
+
<div class="column no-padding padding-tb-none">
+
<div class="flex">
+
 
+
<div class="block block-post_slider">
+
 
+
<div class="slider slider-post" data-slider-animation-duration="1000" data-slider-interval="8000" data-slider-loop="true" data-slider-parallax-speed="0.5">
+
 
+
<div class="wrapper">
+
<div class="scroller" style="width: 400%">
+
 
+
<div class="item active">
+
 
+
<div class="parallax-layer">
+
<div class="image-background">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="" alt="" title=""> </div>
+
</div>
+
 
+
<div class="content-layer">
+
 
+
<svg class="slider-post-slanting hidden-xs hidden-portrait" viewBox="0 0 2880 1620" height="100%" preserveAspectRatio="xMaxYMax slice" style="position:absolute; bottom: 0px; min-height: 810px;">
+
<polygon opacity="0.9" fill="goldenrod" points="2000,1620 0,1620 0,0 600,0 " />
+
</svg>
+
 
+
<div class="slider-post-content">
+
<div class="slider-post-fill" style="background-color: goldenrod"></div>
+
 
+
<header>
+
<h2>TEAM:OUC-China</h2>
+
<p class="subheading">TEAM:OUC-China</p>
+
</header>
+
 
+
<p>TEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-China</p>
+
 
+
<a href="#" class="button button-dash">TEAM:OUC-China</a>
+
 
+
</div>
+
</div>
+
 
+
</div>
+
 
+
<div class="item">
+
 
+
<div class="parallax-layer">
+
<div class="image-background">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/e/e5/Team-OUC-China-home2.jpg" class="" alt="" title=""> </div>
+
</div>
+
 
+
<div class="content-layer">
+
 
+
<svg class="slider-post-slanting hidden-xs hidden-portrait" viewBox="0 0 2880 1620" height="100%" preserveAspectRatio="xMaxYMax slice" style="position:absolute; bottom: 0px; min-height: 810px;">
+
<polygon opacity="0.9" fill="greenyellow" points="2000,1620 0,1620 0,0 600,0 " />
+
</svg>
+
 
+
<div class="slider-post-content">
+
<div class="slider-post-fill" style="background-color: greenyellow"></div>
+
 
+
<header>
+
<h2>TEAM:OUC-China</h2>
+
<p class="subheading">TEAM:OUC-China</p>
+
</header>
+
 
+
<p>TEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-China</p>
+
 
+
<a href="#" class="button button-dash">TEAM:OUC-China</a>
+
 
+
</div>
+
</div>
+
 
+
</div>
+
 
+
<div class="item">
+
 
+
<div class="parallax-layer">
+
<div class="image-background">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/da/OUC-China-home3.jpg" class="" alt="" title=""> </div>
+
</div>
+
 
+
<div class="content-layer">
+
 
+
<svg class="slider-post-slanting hidden-xs hidden-portrait" viewBox="0 0 2880 1620" height="100%" preserveAspectRatio="xMaxYMax slice" style="position:absolute; bottom: 0px; min-height: 810px;">
+
<polygon opacity="0.9" fill="green" points="2000,1620 0,1620 0,0 600,0 " />
+
</svg>
+
 
+
<div class="slider-post-content">
+
<div class="slider-post-fill" style="background-color: green"></div>
+
 
+
<header>
+
<h2>TEAM:OUC-China</h2>
+
<p class="subheading">TEAM:OUC-China</p>
+
</header>
+
 
+
<p>TEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-China</p>
+
 
+
<a href="#" class="button button-dash">TEAM:OUC-China</a>
+
 
+
</div>
+
</div>
+
 
+
</div>
+
 
+
<div class="item">
+
 
+
<div class="parallax-layer">
+
<div class="image-background">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/a/a8/OUC-China-home4.jpg" class="" alt="" title=""> </div>
+
</div>
+
 
+
<div class="content-layer">
+
 
+
<svg class="slider-post-slanting hidden-xs hidden-portrait" viewBox="0 0 2880 1620" height="100%" preserveAspectRatio="xMaxYMax slice" style="position:absolute; bottom: 0px; min-height: 810px;">
+
<polygon opacity="0.9" fill="blueviolet" points="2000,1620 0,1620 0,0 600,0 " />
+
</svg>
+
 
+
<div class="slider-post-content">
+
<div class="slider-post-fill" style="background-color: blueviolet"></div>
+
 
+
<header>
+
<h2>TEAM:OUC-China</h2>
+
<p class="subheading">TEAM:OUC-China</p>
+
</header>
+
 
+
<p>TEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-China</p>
+
 
+
<a href="#" class="button button-dash">TEAM:OUC-China</a>
+
 
+
</div>
+
</div>
+
 
+
</div>
+
 
+
</div>
+
</div>
+
 
+
<ol class="slider-indicators">
+
<li>0</li>
+
<li>1</li>
+
<li>2</li>
+
<li>3</li>
+
</ol>
+
 
+
<div class="slider-control"></div>
+
<div class="slider-control right"></div>
+
 
+
</div>
+
</div>
+
 
+
</div>
+
</div>
+
</div>
+
 
+
</div>
+
 
+
</section>
+
 
+
<section id="" class="section padding-top padding-bottom" style="background-color: #222; color: #ffffff;">
+
 
+
<div class="container">
+
 
+
<div class="row row-equal-columns">
+
 
+
<div class="column col-md-4 col-md-offset-4 align-center padding-default padding-tb-default">
+
<div class="flex">
+
 
+
<div class="block block-image">
+
 
+
<img draggable="false" src="" class="width-50 center" alt="" title="">
+
<!--section2图片位置src-->
+
 
+
</div>
+
 
+
</div>
+
</div>
+
</div>
+
<div class="row row-equal-columns row-padding-medium">
+
 
+
<div class="column col-md-8 col-md-offset-2 align-center padding-default padding-tb-default">
+
<div class="flex flex-middle">
+
 
+
<div class="block block-quote">
+
 
+
<blockquote class="text-size-md text-normal">
+
<p>TEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-China</p>
+
<footer>
+
<cite>
+
                                            <p class="subheading">TEAM:OUC-China</p>
+
                            <small>TEAM:OUC-China</small>
+
                                                </cite>
+
</footer>
+
</blockquote>
+
</div>
+
 
+
</div>
+
</div>
+
</div>
+
 
+
</div>
+
 
+
</section>
+
 
+
<section id="" class="section padding-top padding-bottom" style="background-color: blanchedalmond; color: #000;">
+
 
+
<div class="container">
+
 
+
<div class="row row-equal-columns">
+
 
+
<div class="column col-md-4 padding-medium padding-tb-default">
+
<div class="flex">
+
 
+
<div class="block block-image">
+
 
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="width-60 center" alt="" title="">
+
<!--section3图片位置左180 147-->
+
 
+
</div>
+
 
+
<div class="block block-text">
+
 
+
<header>
+
<h2>TEAM:OUC-China</h2></header>
+
<p>TEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-China</p>
+
 
+
</div>
+
 
+
<div class="block block-button">
+
 
+
<a href="#" class="button button-dash" style="border-color: #262626;">Read More</a>
+
</div>
+
 
+
</div>
+
</div>
+
 
+
<div class="column col-md-4 padding-medium padding-tb-default">
+
<div class="flex">
+
 
+
<div class="block block-image">
+
 
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="width-60 center" alt="" title="">
+
 
+
</div>
+
 
+
<div class="block block-text">
+
 
+
<header>
+
<h2>TEAM:OUC-China</h2></header>
+
<p>TEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-China</p>
+
 
+
</div>
+
 
+
<div class="block block-button">
+
 
+
<a href="#" class="button button-dash" style="border-color: #262626;">Read More</a>
+
</div>
+
 
+
</div>
+
</div>
+
 
+
<div class="column col-md-4 padding-medium padding-tb-default">
+
<div class="flex">
+
 
+
<div class="block block-image">
+
 
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="width-60 center" alt="" title="Stupid_Studio_Frontpage_manifesto_rev2">
+
 
+
</div>
+
 
+
<div class="block block-text">
+
 
+
<header>
+
<h2>TEAM:OUC-China</h2></header>
+
<p>TEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-China</p>
+
 
+
</div>
+
 
+
<div class="block block-button">
+
 
+
<a href="#" class="button button-dash" style="border-color: #262626;">TEAM:OUC-China</a>
+
</div>
+
 
+
</div>
+
</div>
+
</div>
+
 
+
</div>
+
 
+
</section>
+
 
+
<section class="section padding-top padding-bottom" style="background-color: grey; color: #383838;">
+
 
+
<div class="container">
+
 
+
<div class="row row-equal-columns">
+
 
+
<div class="column col-md-10 col-md-offset-1 padding-default padding-tb-default">
+
<div class="flex">
+
 
+
<div class="block block-gallery">
+
 
+
<div class="flex-wrap">
+
<!--section4图片位置-->
+
 
+
<div class="flex-col-3 flex-col-xs-6">
+
<div class="image-background ratio ratio-square">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="" alt="" title=""> </div>
+
</div>
+
 
+
<div class="flex-col-3 flex-col-xs-6">
+
<div class="image-background ratio ratio-square">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="" alt="" title=""> </div>
+
</div>
+
 
+
<div class="flex-col-3 flex-col-xs-6">
+
<div class="image-background ratio ratio-square">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="" alt="" title=""> </div>
+
</div>
+
 
+
<div class="flex-col-3 flex-col-xs-6">
+
<div class="image-background ratio ratio-square">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="" alt="" title=""> </div>
+
</div>
+
 
+
<div class="flex-col-3 flex-col-xs-6">
+
<div class="image-background ratio ratio-square">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="" alt="" title=""> </div>
+
</div>
+
 
+
<div class="flex-col-3 flex-col-xs-6">
+
<div class="image-background ratio ratio-square">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="" alt="" title=""> </div>
+
</div>
+
 
+
<div class="flex-col-3 flex-col-xs-6">
+
<div class="image-background ratio ratio-square">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="" alt="" title=""> </div>
+
</div>
+
 
+
<div class="flex-col-3 flex-col-xs-6">
+
<div class="image-background ratio ratio-square">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="" alt="" title=""> </div>
+
</div>
+
 
+
</div>
+
</div>
+
 
+
</div>
+
</div>
+
</div>
+
 
+
</div>
+
 
+
</section>
+
 
+
<section class="section no-padding" style="background-color: #666666; color: #2e2e2e;">
+
 
+
<div class="container-fluid">
+
 
+
<div class="row row-equal-columns">
+
 
+
<div class="column no-padding padding-tb-none">
+
<div class="flex">
+
 
+
<div class="block block-post">
+
 
+
<div class="flex-wrap">
+
 
+
<div class="flex-col-4 flex-col-xs-12 hover" style="background-color: red; color: white;">
+
<!--style=back覆盖颜色 位置-->
+
 
+
<div class="image-background ratio ratio-16-9 hover-out">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="" alt="" title="wlgd-snap"> </div>
+
 
+
<div class="bleed hover-in">
+
<div class="rnav-con flex-space-around">
+
<div class="flex-item rnav-align-center align-center">
+
<header>
+
<h2 class="small">123123123</h2>
+
<p class="subheading">123132132</p>
+
</header>
+
</div>
+
</div>
+
</div>
+
 
+
<a href="#" class="bleed text-indent-hide z-index--hover">12312313213</a>
+
</div>
+
 
+
<div class="flex-col-4 flex-col-xs-12 hover" style="background-color: gold; color: white;">
+
 
+
<div class="image-background ratio ratio-16-9 hover-out">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="" alt="" title=""> </div>
+
 
+
<div class="bleed hover-in">
+
<div class="rnav-con flex-space-around">
+
<div class="flex-item rnav-align-center align-center">
+
<header>
+
<h2 class="small">1321313213213</h2>
+
<p class="subheading">1321231y</p>
+
</header>
+
</div>
+
</div>
+
</div>
+
 
+
<a href="#" class="bleed text-indent-hide z-index--hover">12313123</a>
+
</div>
+
 
+
<div class="flex-col-4 flex-col-xs-12 hover" style="background-color: #17c1b7; color: white;">
+
 
+
<div class="image-background ratio ratio-16-9 hover-out">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="" alt="" title=""> </div>
+
 
+
<div class="bleed hover-in">
+
<div class="rnav-con flex-space-around">
+
<div class="flex-item rnav-align-center align-center">
+
<header>
+
<h2 class="small">12313213131</h2>
+
<p class="subheading">231313123</p>
+
</header>
+
</div>
+
</div>
+
</div>
+
 
+
<a href="#" class="bleed text-indent-hide z-index--hover">1231231321</a>
+
</div>
+
 
+
<div class="flex-col-4 flex-col-xs-12 hover" style="background-color: #77b1a8; color: white;">
+
 
+
<div class="image-background ratio ratio-16-9 hover-out">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="" alt="" title=""> </div>
+
 
+
<div class="bleed hover-in">
+
<div class="rnav-con flex-space-around">
+
<div class="flex-item rnav-align-center align-center">
+
<header>
+
<h2 class="small">2134241241</h2>
+
<p class="subheading">C234234</p>
+
</header>
+
</div>
+
</div>
+
</div>
+
 
+
<a href="#" class="bleed text-indent-hide z-index--hover">123123132</a>
+
</div>
+
 
+
<div class="flex-col-4 flex-col-xs-12 hover" style="background-color: #a00101; color: white;">
+
 
+
<div class="image-background ratio ratio-16-9 hover-out">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="" alt="" title="123132132"> </div>
+
 
+
<div class="bleed hover-in">
+
<div class="rnav-con flex-space-around">
+
<div class="flex-item rnav-align-center align-center">
+
<header>
+
<h2 class="small">12312313</h2>
+
<p class="subheading">123132132</p>
+
</header>
+
</div>
+
</div>
+
</div>
+
 
+
<a href="#" class="bleed text-indent-hide z-index--hover">T123123</a>
+
</div>
+
 
+
<div class="flex-col-4 flex-col-xs-12 hover" style="background-color: #000; color: white;">
+
 
+
<div class="image-background ratio ratio-16-9 hover-out">
+
<img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="" alt="" title=""> </div>
+
 
+
<div class="bleed hover-in">
+
<div class="rnav-con flex-space-around">
+
<div class="flex-item rnav-align-center align-center">
+
<header>
+
<h2 class="small">T12312313132</h2>
+
<p class="subheading">123132132</p>
+
</header>
+
</div>
+
</div>
+
</div>
+
 
+
<a href="#" class="bleed text-indent-hide z-index--hover">T12312313123</a>
+
</div>
+
 
+
</div>
+
</div>
+
 
+
</div>
+
</div>
+
</div>
+
 
+
</div>
+
 
+
</section>
+
 
+
<section class="section padding-top padding-bottom" style="background-color: #262626; color: #ffffff;">
+
 
+
<div class="container">
+
 
+
<div class="row row-equal-columns">
+
 
+
<div class="column col-md-6 col-md-offset-3 align-center padding-default padding-tb-default">
+
<div class="flex flex-middle">
+
 
+
<div class="block block-text">
+
 
+
<header>
+
<h3>123123132</h3>
+
<p class="subheading">123123123</p>
+
</header>
+
</div>
+
 
+
<div class="block block-button">
+
 
+
<a href="#" class="button button-stroke" style="border-color: #ffffff;">2312313</a>
+
</div>
+
 
+
</div>
+
</div>
+
</div>
+
 
+
</div>
+
 
+
</section>
+
 
+
</article>
+
 
+
</div>
+
</div>
+
 
+
<script src="2.js" type="text/javascript"></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', '', 'ga');
+
ga('create', 'UA-1764636-1', 'auto');
+
ga('send', 'pageview');
+
</script>
+

Revision as of 02:18, 13 August 2015

Team:OUC-China