Difference between revisions of "Team:OUC-China"

Line 19: Line 19:
 
}
 
}
 
</style>
 
</style>
<!doctype html>
 
<html>
 
 
<head>
 
<meta charset="utf-8">
 
<title>Stupid Studios – A Design &amp; Branding Agency</title>
 
<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-style.css?action=raw&ctype=text/css">
 
       
 
<!--[if lt IE 10]>
 
        <script>
 
            window.location.href = '/fallback';
 
        </script>
 
    <![endif]-->
 
 
</head>
 
 
<body>
 
 
<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">
 
<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="https://2015.igem.org/Team:OUC-China/js/jquery.min.js?action=raw&ctype=text/javascript" 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>
 
 
</body>
 
 
</html>
 

Revision as of 02:25, 18 August 2015

Team:OUC-China