|
|
| 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"> |
| − |
| |
| − |
| |
| | <style> | | <style> |
| | #globalWrapper{ | | #globalWrapper{ |
| Line 20: |
Line 18: |
| | background-color: #00f; | | background-color: #00f; |
| | } | | } |
| − |
| |
| − |
| |
| − |
| |
| | </style> | | </style> |
| | <!doctype html> | | <!doctype html> |
| | <html> | | <html> |
| − | <head>
| |
| − | <meta charset="utf-8">
| |
| − | <title>Stupid Studios – A Design & 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://stupid-studio.com/wp-content/themes/stupid/assets/css/style.min.css">
| |
| | | | |
| − | <!--[if lt IE 10]> | + | <head> |
| | + | <meta charset="utf-8"> |
| | + | <title>Stupid Studios – A Design & 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> | | <script> |
| | window.location.href = '/fallback'; | | window.location.href = '/fallback'; |
| | </script> | | </script> |
| | <![endif]--> | | <![endif]--> |
| − |
| |
| − |
| |
| − | <!-- This site is optimized with the Yoast SEO plugin v2.3.2 - https://yoast.com/wordpress/plugins/seo/ -->
| |
| − | <meta name="description" content="Our award winning work connects companies with people in new and engaging ways. We design with purpose and meaning, and we have fun along the way."/>
| |
| − | <link rel="canonical" href="https://stupid-studio.com/" />
| |
| − | <meta property="og:locale" content="en_US" />
| |
| − | <meta property="og:type" content="website" />
| |
| − | <meta property="og:title" content="Stupid Studios – A Design & Branding Agency" />
| |
| − | <meta property="og:description" content="Our award winning work connects companies with people in new and engaging ways. We design with purpose and meaning, and we have fun along the way." />
| |
| − | <meta property="og:url" content="https://stupid-studio.com/" />
| |
| − | <meta property="og:site_name" content="Stupid Studios" />
| |
| − | <meta property="og:image" content="https://stupid-studio.com/wp-content/uploads/2015/02/Stupid_Studio_Design_And_Branding_SocialMedia.jpg" />
| |
| − | <meta name="twitter:card" content="summary_large_image"/>
| |
| − | <meta name="twitter:description" content="Our award winning work connects companies with people in new and engaging ways. We design with purpose and meaning, and we have fun along the way."/>
| |
| − | <meta name="twitter:title" content="Stupid Studios – A Design & Branding Agency"/>
| |
| − | <meta name="twitter:site" content="@stupidstudio"/>
| |
| − | <meta name="twitter:domain" content="Stupid Studios"/>
| |
| − | <meta name="twitter:image:src" content="https://stupid-studio.com/wp-content/uploads/2015/02/Stupid_Studio_Design_And_Branding_SocialMedia.jpg"/>
| |
| − | <meta name="twitter:creator" content="@stupidstudio"/>
| |
| − | <script type='application/ld+json'>{"@context":"http:\/\/schema.org","@type":"WebSite","url":"https:\/\/stupid-studio.com\/","name":"Stupid Studios","potentialAction":{"@type":"SearchAction","target":"https:\/\/stupid-studio.com\/?s={search_term_string}","query-input":"required name=search_term_string"}}</script>
| |
| − | <!-- / Yoast SEO plugin. -->
| |
| | | | |
| − | <script type="text/javascript">
| + | </head> |
| − | window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/72x72\/","ext":".png","source":{"concatemoji":"https:\/\/stupid-studio.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=4.2.4"}};
| + | |
| − | !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 type="text/css">
| + | |
| − | img.wp-smiley,
| + | |
| − | img.emoji {
| + | |
| − | display: inline !important; | + | |
| − | border: none !important;
| + | |
| − | box-shadow: none !important;
| + | |
| − | height: 1em !important;
| + | |
| − | width: 1em !important;
| + | |
| − | margin: 0 .07em !important;
| + | |
| − | vertical-align: -0.1em !important;
| + | |
| − | background: none !important;
| + | |
| − | padding: 0 !important;
| + | |
| − | }
| + | |
| − | </style>
| + | |
| − | </head> | + | |
| − | <body>
| + | |
| | | | |
| − | <div class="nav-slanted"></div> | + | <body> |
| | | | |
| − | <!-- Full screen menu -->
| + | |
| − | <div class="nav-full-screen height-fixed height-fixed-xs height-fixed-portrait height-100 hidden"> | + | <!-- nav start--> |
| − | <nav>
| + | <nav class="nav-collapse"> |
| − |
| + | <ul> |
| − | <ul id="menu-menu" class="flex-container flex-align-center justify-center align-center container height-fixed-portrait"><li id="menu-item-948" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-948"><a href="https://stupid-studio.com/case-studies/">Case Studies</a></li>
| + | <div class="col-md-1"> |
| − | <li id="menu-item-943" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-943"><a href="https://stupid-studio.com/our-services/">Services</a></li>
| + | |
| − | <li id="menu-item-952" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-952"><a href="https://stupid-studio.com/our-approach/">Our Approach</a></li>
| + | |
| − | <li id="menu-item-942" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-942"><a href="https://stupid-studio.com/manifesto/">Manifesto</a></li>
| + | |
| − | <li id="menu-item-941" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-941"><a href="https://stupid-studio.com/about/">About Us</a></li>
| + | |
| − | <li id="menu-item-949" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-949"><a href="https://stupid-studio.com/contact/">Contact</a></li>
| + | |
| − | <li id="menu-item-14841" class="secondary menu-item menu-item-type-post_type menu-item-object-page menu-item-14841"><a href="https://stupid-studio.com/careers/">Careers</a></li>
| + | |
| − | </ul>
| + | |
| − | </nav>
| + | |
| − | </div>
| + | |
| − | | + | |
| − | <!-- Logo + hamburger --> | + | |
| − | | + | |
| − | <div class="nav">
| + | |
| − | <a class="target-logo" href="https://stupid-studio.com">
| + | |
| − |
| + | |
| − | <svg class="logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 100.062 28.626" enable-background="new 0 0 100.062 28.626" xml:space="preserve">
| + | |
| − | <g>
| + | |
| − | <path fill="currentColor" d="M10.934,10.609c3.083,1.657,4,3.615,4,6.016c0,3.14-2.075,6.49-8.088,6.49c-2.341,0-4.09-0.268-5.601-0.651
| + | |
| − | c-0.297-0.093-0.592-0.269-0.592-0.595v-2.904c0-0.412,0.237-0.562,0.531-0.562h0.092c1.213,0.119,4.475,0.354,5.63,0.354
| + | |
| − | c2.044,0,2.636-0.651,2.636-2.075c0-0.857-0.416-1.333-1.955-2.251l-4.091-2.431C0.739,10.372,0,8.506,0,6.341
| + | |
| − | c0-3.258,1.838-5.778,7.587-5.778c2.162,0,5.155,0.355,6.281,0.652c0.237,0.062,0.444,0.207,0.444,0.533v2.995
| + | |
| − | c0,0.266-0.119,0.503-0.505,0.503h-0.058c-0.83-0.06-4.267-0.327-6.281-0.327c-1.689,0-2.313,0.504-2.313,1.57
| + | |
| − | c0,0.831,0.386,1.216,1.986,2.077L10.934,10.609 M25.802,19.469h-1.45c-0.89,0-0.979-0.209-0.979-1.392V9.455h2.429
| + | |
| − | c0.326,0,0.593-0.27,0.593-0.596V6.461c0-0.324-0.267-0.593-0.593-0.593h-2.429V2.726c0-0.295-0.237-0.502-0.534-0.502h-0.088
| + | |
| − | l-3.615,0.622c-0.326,0.058-0.592,0.266-0.592,0.591v2.432h-2.372c-0.326,0-0.623,0.296-0.623,0.62v1.958
| + | |
| − | c0,0.327,0.297,0.562,0.623,0.623l2.372,0.386v8.592c0,4.209,1.72,5.068,4.978,5.068c0.858,0,1.451-0.091,2.341-0.238
| + | |
| − | c0.355-0.059,0.563-0.295,0.563-0.594v-2.311C26.426,19.647,26.189,19.469,25.802,19.469 M41.886,5.867h-3.585
| + | |
| − | c-0.325,0-0.592,0.297-0.592,0.621v11.678c-1.009,0.533-1.927,0.947-2.787,0.947c-1.807,0-2.192-0.681-2.192-2.758V6.488
| + | |
| − | c0-0.324-0.268-0.621-0.593-0.621h-3.585c-0.327,0-0.621,0.297-0.621,0.621v9.867c0,3.738,0.947,6.73,5.245,6.73
| + | |
| − | c1.895,0,3.198-0.389,4.829-1.542v0.712c0,0.325,0.266,0.592,0.595,0.592h3.316c0.325,0,0.593-0.267,0.593-0.592V6.488
| + | |
| − | C42.509,6.164,42.212,5.867,41.886,5.867 M54.883,13.217c0-2.103-0.533-3.617-2.637-3.617c-0.98,0-1.867,0.062-2.432,0.149v9.247
| + | |
| − | c0.713,0.087,1.721,0.176,2.432,0.176c2.104,0,2.637-1.57,2.637-3.645V13.217z M52.246,5.629c4.799,0,7.438,2.787,7.438,7.588
| + | |
| − | v2.311c0,4.651-2.431,7.588-7.438,7.588c-0.594,0-1.572-0.091-2.432-0.209v5.125c0,0.325-0.266,0.595-0.59,0.595h-3.587
| + | |
| − | c-0.326,0-0.623-0.27-0.623-0.595V7.259c0-0.474,0.12-0.682,0.92-0.857C47.625,5.987,49.963,5.629,52.246,5.629 M65.981,0h-3.853
| + | |
| − | c-0.324,0-0.595,0.269-0.595,0.594V3.35c0,0.324,0.271,0.593,0.595,0.593h3.853c0.326,0,0.593-0.269,0.593-0.593V0.594
| + | |
| − | C66.574,0.269,66.308,0,65.981,0 M65.862,5.867h-3.615c-0.323,0-0.591,0.271-0.591,0.594v15.795c0,0.325,0.268,0.592,0.591,0.592
| + | |
| − | h3.615c0.326,0,0.593-0.267,0.593-0.592V6.461C66.455,6.138,66.188,5.867,65.862,5.867 M78.264,9.75
| + | |
| − | c-0.711-0.088-1.717-0.149-2.428-0.149c-2.104,0-2.64,1.542-2.64,3.617v2.309c0,2.106,0.535,3.646,2.64,3.646
| + | |
| − | c0.976,0,1.865-0.09,2.428-0.176V9.75z M82.44,0.12c0.327,0,0.624,0.268,0.624,0.592v20.771c0,0.478-0.119,0.683-0.919,0.86
| + | |
| − | c-1.688,0.415-4.03,0.771-6.31,0.771c-4.802,0-7.439-2.786-7.439-7.589v-2.309c0-4.651,2.429-7.589,7.439-7.589
| + | |
| − | c0.59,0,1.568,0.093,2.428,0.21V0.712c0-0.324,0.267-0.592,0.593-0.592H82.44"></path>
| + | |
| − | <path id="stupidHeart" fill="currentColor" d="M99.972,16.997c-0.292-2.154-3.192-2.108-4.146-1.111c-0.795,0.839,0.453,2.626-1.674,2.626
| + | |
| − | c-1.875,0-0.881-1.787-1.674-2.626c-0.951-0.997-3.854-1.043-4.148,1.111c-0.235,1.752-0.038,2.801,0.975,4.224
| + | |
| − | c1.064,1.495,3.124,2.534,4.848,3.395c1.724-0.86,3.782-1.899,4.85-3.395C100.013,19.798,100.21,18.749,99.972,16.997"></path>
| + | |
| − | </g>
| + | |
| − | </svg>
| + | |
| − |
| + | |
| − | </a>
| + | |
| − |
| + | |
| − | <div class="target-hamburger">
| + | |
| − |
| + | |
| − | <ul class="hamburger">
| + | |
| − | <li class="bun"></li> | + | |
| − | <li class="bun"></li>
| + | |
| − | </ul>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | <div class="layer">
| + | |
| − | <div class="transform">
| + | |
| − | <article id="page-frontpage" class="page">
| + | |
| − | | + | |
| − |
| + | |
| − | <section id="section-f752582986d70327ae2e8dd9aea7f976" class="section no-padding" style="background-color: #000000; 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_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://stupid-studio.com/wp-content/uploads/2015/02/hero1-750x439.jpg" srcset="https://stupid-studio.com/wp-content/uploads/2015/02/hero1-750x439.jpg 750w, https://stupid-studio.com/wp-content/uploads/2015/02/hero1-1280x749.jpg 1280w, https://stupid-studio.com/wp-content/uploads/2015/02/hero1-1920x1124.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="#6ec0c0" points="2000,1620 0,1620 0,0 600,0 "/>
| + | |
| − | </svg>
| + | |
| − |
| + | |
| − | <div class="slider-post-content">
| + | |
| − | <div class="slider-post-fill" style="background-color: #6ec0c0"></div>
| + | |
| − |
| + | |
| − | <header>
| + | |
| − | <h2>Bianco & PutPut</h2>
| + | |
| − | <p class="subheading">Case study</p>
| + | |
| − | </header>
| + | |
| − |
| + | |
| − | <p>Phase Two of the Bianco rebranding involves hair, sausages, fruit, lighted candles, and a lot more. The Everything Has...</p>
| + | |
| − |
| + | |
| − | <a href="https://stupid-studio.com/cases/bianco-putput/" class="button button-dash">See case</a>
| + | |
| − |
| + | |
| | </div> | | </div> |
| − | </div>
| + | <div class="col-md-3"> |
| − |
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | | + | |
| − |
| + | |
| − | | + | |
| − |
| + | |
| − | <div class="parallax-layer">
| + | |
| − | <div class="image-background">
| + | |
| − | <img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/01/bang-750x469.jpg" srcset="https://stupid-studio.com/wp-content/uploads/2015/01/bang-750x469.jpg 750w, https://stupid-studio.com/wp-content/uploads/2015/01/bang-1280x800.jpg 1280w, https://stupid-studio.com/wp-content/uploads/2015/01/bang.jpg" class="" alt="" title="bang"> </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="#f9b635" points="2000,1620 0,1620 0,0 600,0 "/>
| + | |
| − | </svg>
| + | |
| − |
| + | |
| − | <div class="slider-post-content">
| + | |
| − | <div class="slider-post-fill" style="background-color: #f9b635"></div>
| + | |
| − |
| + | |
| − | <header>
| + | |
| − | <h2>Beoplay A2</h2>
| + | |
| − | <p class="subheading">Case study</p>
| + | |
| − | </header>
| + | |
| − |
| + | |
| − | <p>When we created the campaign site for B&O Play's acclaimed A2 portable Bluetooth speaker, we worked closely with the...</p>
| + | |
| − |
| + | |
| − | <a href="https://stupid-studio.com/cases/beoplay-a2/" class="button button-dash">See case</a>
| + | |
| − |
| + | |
| | </div> | | </div> |
| − | </div>
| + | <div class="col-md-1"> |
| − |
| + | <li><a href="#"></a></li> |
| − | </div>
| + | |
| − |
| + | |
| − | | + | |
| − |
| + | |
| − | | + | |
| − |
| + | |
| − | <div class="parallax-layer">
| + | |
| − | <div class="image-background">
| + | |
| − | <img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/02/brandts-hero-750x426.jpg" srcset="https://stupid-studio.com/wp-content/uploads/2015/02/brandts-hero-750x426.jpg 750w, https://stupid-studio.com/wp-content/uploads/2015/02/brandts-hero-1280x727.jpg 1280w, https://stupid-studio.com/wp-content/uploads/2015/02/brandts-hero.jpg" class="" alt="" title="brandts-hero"> </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="#647077" points="2000,1620 0,1620 0,0 600,0 "/>
| + | |
| − | </svg>
| + | |
| − |
| + | |
| − | <div class="slider-post-content">
| + | |
| − | <div class="slider-post-fill" style="background-color: #647077"></div>
| + | |
| − |
| + | |
| − | <header>
| + | |
| − | <h2>Brandts Museum</h2>
| + | |
| − | <p class="subheading">Case study</p>
| + | |
| − | </header>
| + | |
| − |
| + | |
| − | <p>A unique rebrand of one of the best museums in Denmark. A new identity that embraces two locations, a wide variety of...</p>
| + | |
| − |
| + | |
| − | <a href="https://stupid-studio.com/cases/brandts/" class="button button-dash">See case</a>
| + | |
| − |
| + | |
| | </div> | | </div> |
| − | </div>
| + | <div class="col-md-1"> |
| − |
| + | <li><a href="#"></a></li> |
| − | </div>
| + | </div> |
| − |
| + | <div class="col-md-1 whitebg"> |
| − | | + | <li><a href="#">Home</a></li> |
| − |
| + | |
| − | | + | |
| − |
| + | |
| − | <div class="parallax-layer">
| + | |
| − | <div class="image-background">
| + | |
| − | <img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/02/nelles-hero-750x500.jpg" srcset="https://stupid-studio.com/wp-content/uploads/2015/02/nelles-hero-750x500.jpg 750w, https://stupid-studio.com/wp-content/uploads/2015/02/nelles-hero-1280x853.jpg 1280w, https://stupid-studio.com/wp-content/uploads/2015/02/nelles-hero.jpg" class="" alt="" title="nelles-hero"> </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="#17c1b7" points="2000,1620 0,1620 0,0 600,0 "/>
| + | |
| − | </svg> | + | |
| − |
| + | |
| − | <div class="slider-post-content"> | + | |
| − | <div class="slider-post-fill" style="background-color: #17c1b7"></div> | + | |
| − |
| + | |
| − | <header>
| + | |
| − | <h2>Nelle's Coffee & Wine</h2>
| + | |
| − | <p class="subheading">Case study</p>
| + | |
| − | </header>
| + | |
| − |
| + | |
| − | <p>With a character of its own and a contemporary and welcoming style, Nelle's coffee shop and wine bar was an instant...</p>
| + | |
| − |
| + | |
| − | <a href="https://stupid-studio.com/cases/nelles-coffee-wine/" class="button button-dash">See case</a>
| + | |
| − |
| + | |
| | </div> | | </div> |
| − | </div>
| + | <div class="col-md-1 whitebg"> |
| − |
| + | <li><a href="#">human</a></li> |
| − | </div>
| + | </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> |
| − | </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 class="transform"> |
| − |
| + | <article id="page-frontpage" class="page"> |
| − | </div> | + | |
| − | </div> | + | |
| − | </div>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </section>
| + | |
| | | | |
| | + | <section class="section no-padding" style="background-color: #000000; color: red;"> |
| | | | |
| − | <section id="section-0070d23b06b1486a538c0eaa45dd167a" class="section padding-top padding-bottom" style="background-color: #2a2c44; color: #ffffff;">
| + | <div class="container- fluid"> |
| − |
| + | |
| − |
| + | |
| − | | + | |
| − |
| + | |
| − | <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=" row row- equal- columns"> |
| − | <div class="flex">
| + | |
| | | | |
| − |
| + | <div class="column no-padding padding-tb-none"> |
| − | | + | <div class="flex"> |
| − | <div class=" block block- image"> | + | |
| − |
| + | |
| − |
| + | |
| | | | |
| | + | <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"> |
| − | <img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/01/Stupid_Studios_Hello_Agency.jpg" srcset="https://stupid-studio.com/wp-content/uploads/2015/01/Stupid_Studios_Hello_Agency.jpg 750w, https://stupid-studio.com/wp-content/uploads/2015/01/Stupid_Studios_Hello_Agency.jpg 1280w, https://stupid-studio.com/wp-content/uploads/2015/01/Stupid_Studios_Hello_Agency.jpg" class="width-50 center" alt="" title="Stupid_Studios_Hello_Agency">
| + | |
| − |
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | </div> </div>
| + | |
| − | <div class="row row-equal-columns row-padding-medium">
| + | |
| − |
| + | |
| | | | |
| | + | <div class="wrapper"> |
| | + | <div class="scroller" style="width: 400%"> |
| | | | |
| − | <div class=" column col-md-8 col-md-offset-2 align-center padding-default padding-tb-default"> | + | <div class=" item active"> |
| − | <div class="flex flex-middle">
| + | |
| | | | |
| − |
| + | <div class=" parallax- layer"> |
| − |
| + | <div class="image-background"> |
| − | <div class=" block block- quote"> | + | <img draggable="false" src="https://static.igem.org/mediawiki/2015/d/de/OUC-China-home1.jpg" class="" alt="" title=""> </div> |
| − |
| + | </div> |
| − |
| + | |
| − | <blockquote class="text-size-md text-normal"> | + | |
| − | <p>Stupid Studios is a Danish design and branding agency. Our work connects companies with people in new and engaging ways. We design with purpose and meaning, and we have fun along the way.</p>
| + | |
| − | <footer>
| + | |
| − | <cite>
| + | |
| − | <p class="subheading">Daniel Gjøde, Founding Partner</p>
| + | |
| − |
| + | |
| − | <small>PS: You just read all this because of the banana, right?</small>
| + | |
| − |
| + | |
| − | </cite>
| + | |
| − | </footer>
| + | |
| − | </blockquote>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </section>
| + | |
| | | | |
| | + | <div class="content-layer"> |
| | | | |
| − | <section id="section-3e9e39fed3b8369ed940f52cf300cf88" class="section padding-top padding-bottom" style="background-color: #f2f2f2; color: #262626;"> | + | <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="container">
| + | |
| − |
| + | |
| − | <div class="row row-equal-columns">
| + | |
| − |
| + | |
| − |
| + | |
| | | | |
| − | <div class=" column col- md- 4 padding-medium padding-tb-default"> | + | <div class=" slider- post- content"> |
| − | | + | <div class=" slider-post-fill" style="background-color: goldenrod"></div> |
| | | | |
| − |
| + | <header> |
| − |
| + | <h2>TEAM:OUC-China</h2> |
| − | <div class="block block-image">
| + | <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> |
| − | <img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/01/Stupid_Studio_Frontpage_hotdog_Rev2.png" srcset="https://stupid-studio.com/wp-content/uploads/2015/01/Stupid_Studio_Frontpage_hotdog_Rev2.png 750w, https://stupid-studio.com/wp-content/uploads/2015/01/Stupid_Studio_Frontpage_hotdog_Rev2.png 1280w, https://stupid-studio.com/wp-content/uploads/2015/01/Stupid_Studio_Frontpage_hotdog_Rev2.png" class="width-60 center" alt="" title="Stupid_Studio_Frontpage_hotdog_Rev2">
| + | |
| − |
| + | |
| − | </div>
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − | <div class="block block-text">
| + | |
| − |
| + | |
| − | <header><h2>Our Approach</h2></header><p>If we were to design an identity for a coffee shop, we’d visit the coffee shop, chat with customers, and drink coffee there until we could really understand what made that coffee shop special. Only then would we begin to develop ideas and apply our craftsmanship. Read more about our approach to design and strategy.</p>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − | <div class="block block-button">
| + | |
| − |
| + | |
| − |
| + | |
| − | <a href="https://stupid-studio.com/our-approach/" 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> |
| − | | + | </div> |
| | | | |
| − |
| + | </div> |
| − |
| + | |
| − | <div class="block block-image"> | + | |
| − |
| + | |
| − |
| + | |
| | | | |
| | + | <div class="item"> |
| | | | |
| − |
| + | <div class="parallax-layer"> |
| − | <img draggable="false" src="https:// stupid-studio. com/wp-content/uploads/2015/01/Stupid_Studio_Frontpage_proces_rev2. png" srcset="https://stupid-studio.com/wp-content/ uploads/2015/ 01/ Stupid_Studio_Frontpage_proces_rev2.png 750w, https:/ /stupid- studio.com/wp- content/uploads/2015/01/Stupid_Studio_Frontpage_proces_rev2.png 1280w, https://stupid- studio. com/wp-content/uploads/2015/01/Stupid_Studio_Frontpage_proces_rev2.png" class=" width-60 center" alt="" title=" Stupid_Studio_Frontpage_proces_rev2"> | + | <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> |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − | <div class="block block-text">
| + | |
| − |
| + | |
| − | <header><h2>Our Services</h2></header><p>Our work is contemporary, has a character of its own and creates a strong visual impression – but it is always based on our design process. Our process means an analytical approach to the task that ensures real and measurable effects and adds value for both you and your audience.</p>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − | <div class="block block-button">
| + | |
| − |
| + | |
| − |
| + | |
| − | <a href="https://stupid-studio.com/our-services/" 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=" content- layer"> |
| − | <div class="flex">
| + | |
| | | | |
| − |
| + | <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 " /> |
| − | <div class="block block-image">
| + | </svg> |
| − |
| + | |
| − |
| + | |
| | | | |
| | + | <div class="slider-post-content"> |
| | + | <div class="slider-post-fill" style="background-color: greenyellow"></div> |
| | | | |
| − |
| + | <header> |
| − | <img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/01/Stupid_Studio_Frontpage_manifesto_rev2.png" srcset="https://stupid-studio.com/wp-content/uploads/2015/01/Stupid_Studio_Frontpage_manifesto_rev2.png 750w, https://stupid-studio.com/wp-content/uploads/2015/01/Stupid_Studio_Frontpage_manifesto_rev2.png 1280w, https://stupid-studio.com/wp-content/uploads/2015/01/Stupid_Studio_Frontpage_manifesto_rev2.png" class="width-60 center" alt="" title="Stupid_Studio_Frontpage_manifesto_rev2">
| + | <h2>TEAM:OUC-China</h2> |
| − |
| + | <p class=" subheading"> TEAM: OUC- China</ p> |
| − | </div>
| + | </header> |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − | <div class="block block-text">
| + | |
| − |
| + | |
| − | <header><h2>We Have Values</h2> </header><p >Think of an agency relationship as a new romance. Would you be looking for someone who agrees with everything you say, does everything you tell him to do, and sits by the phone all day waiting for your call? Or would you rather be with an opinionated partner who isn’t afraid to challenge you, someone with the guts to ask the seemingly stupid questions that really need to be asked? Precisely.</p> | + | |
| − |
| + | |
| − | </div>
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − | <div class="block block-button">
| + | |
| − |
| + | |
| − |
| + | |
| − | <a href="https://stupid-studio.com/manifesto/" class="button button-dash" style="border-color: #262626;">See Our Manifesto</a>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </section>
| + | |
| | | | |
| | + | <p>TEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-China</p> |
| | | | |
| − | <section id="section-a088ea2078cd92b0b8a0e78a32c5c082" class="section padding-top padding-bottom" style="background-color: #434343; color: #383838;"> | + | <a href="#" class="button button-dash">TEAM:OUC-China</a> |
| − |
| + | |
| − |
| + | |
| − | <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> |
| − | | + | </div> |
| | | | |
| − |
| + | </div> |
| − |
| + | |
| − | <div class="block block-gallery">
| + | |
| − |
| + | |
| − | <div class="flex-wrap">
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − | <div class="flex-col-3 flex-col-xs-6">
| + | |
| − | <div class="image-background ratio ratio-square">
| + | |
| − | <img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_Greenpeace.svg" srcset="https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_Greenpeace.svg 750w, https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_Greenpeace.svg 1280w, https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_Greenpeace.svg" class="" alt="" title="StupidStudio_Client_Greenpeace"> </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − | <div class="flex-col-3 flex-col-xs-6">
| + | |
| − | <div class="image-background ratio ratio-square">
| + | |
| − | <img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_TV2_Denmark1.svg" srcset="https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_TV2_Denmark1.svg 750w, https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_TV2_Denmark1.svg 1280w, https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_TV2_Denmark1.svg" class="" alt="" title="StupidStudio_Client_TV2_Denmark"> </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − | <div class="flex-col-3 flex-col-xs-6">
| + | |
| − | <div class="image-background ratio ratio-square">
| + | |
| − | <img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_BRANDTS_Denmark.svg" srcset="https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_BRANDTS_Denmark.svg 750w, https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_BRANDTS_Denmark.svg 1280w, https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_BRANDTS_Denmark.svg" class="" alt="" title="StupidStudio_Client_BRANDTS_Denmark"> </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − | <div class="flex-col-3 flex-col-xs-6">
| + | |
| − | <div class="image-background ratio ratio-square">
| + | |
| − | <img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_UndervisningsMinisteriet.svg" srcset="https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_UndervisningsMinisteriet.svg 750w, https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_UndervisningsMinisteriet.svg 1280w, https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_UndervisningsMinisteriet.svg" class="" alt="" title="StupidStudio_Client_UndervisningsMinisteriet"> </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − | <div class="flex-col-3 flex-col-xs-6">
| + | |
| − | <div class="image-background ratio ratio-square">
| + | |
| − | <img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_Rigsarkivet.svg" srcset="https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_Rigsarkivet.svg 750w, https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_Rigsarkivet.svg 1280w, https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_Rigsarkivet.svg" class="" alt="" title="StupidStudio_Client_Rigsarkivet"> </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − | <div class="flex-col-3 flex-col-xs-6">
| + | |
| − | <div class="image-background ratio ratio-square">
| + | |
| − | <img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_AmnestyInternational1.svg" srcset="https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_AmnestyInternational1.svg 750w, https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_AmnestyInternational1.svg 1280w, https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_AmnestyInternational1.svg" class="" alt="" title="StupidStudio_Client_AmnestyInternational"> </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − | <div class="flex-col-3 flex-col-xs-6">
| + | |
| − | <div class="image-background ratio ratio-square">
| + | |
| − | <img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_DR_Denmark3.svg" srcset="https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_DR_Denmark3.svg 750w, https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_DR_Denmark3.svg 1280w, https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_DR_Denmark3.svg" class="" alt="" title="StupidStudio_Client_DR_Denmark"> </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − | <div class="flex-col-3 flex-col-xs-6">
| + | |
| − | <div class="image-background ratio ratio-square">
| + | |
| − | <img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_Sony_Music1.svg" srcset="https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_Sony_Music1.svg 750w, https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_Sony_Music1.svg 1280w, https://stupid-studio.com/wp-content/uploads/2015/01/StupidStudio_Client_Sony_Music1.svg" class="" alt="" title="StupidStudio_Client_Sony_Music"> </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </section>
| + | |
| | | | |
| | + | <div class="item"> |
| | | | |
| − | <section id="section-e0a209539d1e74ab9fe46b9e01a19a97" class="section no-padding" style="background-color: #666666; color: #2e2e2e;"> | + | <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 class=" container- fluid"> | + | </div> |
| − |
| + | |
| − | <div class="row row-equal-columns">
| + | |
| − |
| + | |
| − |
| + | |
| | | | |
| − | <div class=" column no- padding padding-tb-none"> | + | <div class=" content- layer"> |
| − | <div class="flex">
| + | |
| | | | |
| − |
| + | <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 " /> |
| − | <div class="block block-post">
| + | </svg> |
| − |
| + | |
| − | <div class="flex-wrap">
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − | <div class="flex-col-4 flex-col-xs-12 hover" style="background-color: #e93e19; color: white;">
| + | |
| − |
| + | |
| − | <div class="image-background ratio ratio-16-9 hover-out">
| + | |
| − | <img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/01/wlgd-snap1-750x411.jpg" srcset="https://stupid-studio.com/wp-content/uploads/2015/01/wlgd-snap1-750x411.jpg 750w, https://stupid-studio.com/wp-content/uploads/2015/01/wlgd-snap1-1280x701.jpg 1280w, https://stupid-studio.com/wp-content/uploads/2015/01/wlgd-snap1.jpg" class="" alt="" title="wlgd-snap"> </div>
| + | |
| − |
| + | |
| − | <div class="bleed hover-in">
| + | |
| − | <div class="flex-container flex-space-around">
| + | |
| − | <div class="flex-item flex-align-center align-center">
| + | |
| − | <header>
| + | |
| − | <h2 class="small">We Love Graphic Design</h2>
| + | |
| − | <p class="subheading">Case study</p>
| + | |
| − | </header>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <a href="https://stupid-studio.com/cases/we-love-graphic-design/" class="bleed text-indent-hide z-index--hover">We Love Graphic Design</a>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − | <div class="flex-col-4 flex-col-xs-12 hover" style="background-color: #f9b635; color: white;">
| + | |
| − |
| + | |
| − | <div class="image-background ratio ratio-16-9 hover-out">
| + | |
| − | <img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/01/bang-750x469.jpg" srcset="https://stupid-studio.com/wp-content/uploads/2015/01/bang-750x469.jpg 750w, https://stupid-studio.com/wp-content/uploads/2015/01/bang-1280x800.jpg 1280w, https://stupid-studio.com/wp-content/uploads/2015/01/bang.jpg" class="" alt="" title="bang"> </div>
| + | |
| − |
| + | |
| − | <div class="bleed hover-in">
| + | |
| − | <div class="flex-container flex-space-around">
| + | |
| − | <div class="flex-item flex-align-center align-center">
| + | |
| − | <header>
| + | |
| − | <h2 class="small">Beoplay A2</h2>
| + | |
| − | <p class="subheading">Case study</p>
| + | |
| − | </header>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <a href="https://stupid-studio.com/cases/beoplay-a2/" class="bleed text-indent-hide z-index--hover">Beoplay A2</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://stupid-studio.com/wp-content/uploads/2015/02/nelles-hero-750x500.jpg" srcset="https://stupid-studio.com/wp-content/uploads/2015/02/nelles-hero-750x500.jpg 750w, https://stupid-studio.com/wp-content/uploads/2015/02/nelles-hero-1280x853.jpg 1280w, https://stupid-studio.com/wp-content/uploads/2015/02/nelles-hero.jpg" class="" alt="" title="nelles-hero"> </div>
| + | |
| − |
| + | |
| − | <div class="bleed hover-in">
| + | |
| − | <div class="flex-container flex-space-around">
| + | |
| − | <div class="flex-item flex-align-center align-center">
| + | |
| − | <header>
| + | |
| − | <h2 class="small">Nelle's Coffee & Wine</h2>
| + | |
| − | <p class="subheading">Case study</p>
| + | |
| − | </header>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <a href="https://stupid-studio.com/cases/nelles-coffee-wine/" class="bleed text-indent-hide z-index--hover">Nelle's Coffee & Wine</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://stupid-studio.com/wp-content/uploads/2015/02/Rigsarkivet-hero-21-750x421.jpg" srcset="https://stupid-studio.com/wp-content/uploads/2015/02/Rigsarkivet-hero-21-750x421.jpg 750w, https://stupid-studio.com/wp-content/uploads/2015/02/Rigsarkivet-hero-21-1280x718.jpg 1280w, https://stupid-studio.com/wp-content/uploads/2015/02/Rigsarkivet-hero-21.jpg" class="" alt="" title="Rigsarkivet-hero-2"> </div>
| + | |
| − |
| + | |
| − | <div class="bleed hover-in">
| + | |
| − | <div class="flex-container flex-space-around">
| + | |
| − | <div class="flex-item flex-align-center align-center">
| + | |
| − | <header>
| + | |
| − | <h2 class="small">National Archives</h2>
| + | |
| − | <p class="subheading">Case study</p>
| + | |
| − | </header>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <a href="https://stupid-studio.com/cases/nationalarchives/" class="bleed text-indent-hide z-index--hover">National Archives</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://stupid-studio.com/wp-content/uploads/2015/01/tv2_stupid_studio_hero-750x422.jpg" srcset="https://stupid-studio.com/wp-content/uploads/2015/01/tv2_stupid_studio_hero-750x422.jpg 750w, https://stupid-studio.com/wp-content/uploads/2015/01/tv2_stupid_studio_hero-1280x720.jpg 1280w, https://stupid-studio.com/wp-content/uploads/2015/01/tv2_stupid_studio_hero-1920x1080.jpg" class="" alt="" title="tv2_stupid_studio_hero"> </div>
| + | |
| − |
| + | |
| − | <div class="bleed hover-in">
| + | |
| − | <div class="flex-container flex-space-around">
| + | |
| − | <div class="flex-item flex-align-center align-center">
| + | |
| − | <header>
| + | |
| − | <h2 class="small">TV 2 Denmark</h2>
| + | |
| − | <p class="subheading">Case study</p>
| + | |
| − | </header>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <a href="https://stupid-studio.com/cases/tv-2-onair-design/" class="bleed text-indent-hide z-index--hover">TV 2 Denmark</a>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − | <div class="flex-col-4 flex-col-xs-12 hover" style="background-color: #002395; color: white;">
| + | |
| − |
| + | |
| − | <div class="image-background ratio ratio-16-9 hover-out">
| + | |
| − | <img draggable="false" src="https://stupid-studio.com/wp-content/uploads/2015/02/Hero4-750x423.jpg" srcset="https://stupid-studio.com/wp-content/uploads/2015/02/Hero4-750x423.jpg 750w, https://stupid-studio.com/wp-content/uploads/2015/02/Hero4-1280x722.jpg 1280w, https://stupid-studio.com/wp-content/uploads/2015/02/Hero4.jpg" class="" alt="" title="Hero"> </div>
| + | |
| − |
| + | |
| − | <div class="bleed hover-in">
| + | |
| − | <div class="flex-container flex-space-around">
| + | |
| − | <div class="flex-item flex-align-center align-center">
| + | |
| − | <header>
| + | |
| − | <h2 class="small">The Danish Council for Childrens Learning</h2>
| + | |
| − | <p class="subheading">Case study</p>
| + | |
| − | </header>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | <a href="https://stupid-studio.com/cases/danish-council-for-childrens-learning/" class="bleed text-indent-hide z-index--hover">The Danish Council for Childrens Learning</a>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </section> | + | |
| | | | |
| | + | <div class="slider-post-content"> |
| | + | <div class="slider-post-fill" style="background-color: green"></div> |
| | | | |
| − | <section id="section-09733dde1da9c47d431c043b24056f4e" class="section padding-top padding-bottom" style="background-color: #262626; color: #ffffff;"> | + | <header> |
| − |
| + | <h2>TEAM:OUC-China</h2> |
| − |
| + | <p class="subheading">TEAM:OUC-China</p> |
| − | <div class="container">
| + | </header> |
| − |
| + | |
| − | <div class="row row-equal-columns">
| + | |
| − |
| + | |
| − |
| + | |
| | | | |
| − | <div class="column col-md-6 col-md-offset-3 align-center padding-default padding-tb-default">
| + | <p>TEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-China</p> |
| − | <div class="flex flex-middle">
| + | |
| | | | |
| − |
| + | <a href=" #" class="button button- dash" >TEAM:OUC- China</a> |
| − |
| + | |
| − | <div class="block block-text">
| + | |
| − |
| + | |
| − | <header><h3>+45 66 16 15 14</h3><p class="subheading">Danish, English, Swedish, Sønderjysk – You decide!</p></header>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − |
| + | |
| − |
| + | |
| − | <div class="block block-button">
| + | |
| − |
| + | |
| − |
| + | |
| − | <a href="https://stupid-studio.com/contact/" class="button button-stroke" style="border-color: #ffffff;">Don't Be A Stranger</a> | + | |
| − | </div>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </div>
| + | |
| − |
| + | |
| − | </section>
| + | |
| | | | |
| | + | </div> |
| | + | </div> |
| | | | |
| | + | </div> |
| | | | |
| − | </article> | + | <div class="item"> |
| | | | |
| − | </div>
| + | <div class="parallax-layer"> |
| − | </div>
| + | <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> |
| | | | |
| − | <!-- The grid -->
| + | <div class=" content- layer"> |
| − | <div id="grid">
| + | |
| − | | + | |
| − | <div class="row">
| + | |
| − | <div class="col-sm-1"><div></div></div>
| + | |
| − | <div class="col-sm-1"><div></div></div>
| + | |
| − | <div class="col-sm-1"><div></div></div>
| + | |
| − | <div class="col-sm-1"><div></div></div>
| + | |
| − | <div class="col-sm-1"><div></div></div>
| + | |
| − | <div class="col-sm-1"><div></div></div>
| + | |
| − | <div class="col-sm-1"><div></div></div>
| + | |
| − | <div class="col-sm-1"><div></div></div>
| + | |
| − | <div class="col-sm-1"><div></div></div>
| + | |
| − | <div class="col-sm-1"><div></div></div>
| + | |
| − | <div class="col-sm-1"><div></div></div>
| + | |
| − | <div class="col-sm-1"><div></div></div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| − | </div>
| + | |
| | | | |
| | + | <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> |
| | | | |
| − | <script src="https://stupid-studio.com/wp-content/themes/stupid/assets/js/app.js"></script>
| + | <header> |
| − | <script>
| + | <h2>TEAM:OUC-China</h2> |
| − | (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
| + | <p class="subheading">TEAM:OUC-China</p> |
| − | (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
| + | </header> |
| − | 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-1764636-1', 'auto');
| + | <p>TEAM:OUC-ChinaTEAM:OUC-ChinaTEAM:OUC-China</p> |
| − | ga('send', 'pageview');
| + | |
| − | </script>
| + | |
| − | </body>
| + | |
| − | </html>
| + | |
| − | <!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/
| + | |
| | | | |
| − | Served from: stupid-studio.com @ 2015-08-13 03:14:35 by W3 Total Cache -->
| + | <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> |
