JSFiddle - React, Tailwind, and code Playground

by kougiland

HTML

<!doctype html>
<html lang="en">
  <head>
  <meta charset="utf-8" />
<meta name="Keywords" content="html,css,tutorial,html5,dhtml,css3 />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!--[if ie]><meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7, IE=8, IE=9, chrome=1"/><![endif]-->
<meta name="Description" content="rethinking the future of web design" />
<meta name="viewport" content="width=device-width, height=device-height, initial-scale=1.0, user-scalable=no"><!--Prevent mobile browsers from handling zoom gesture -->
<!--[if lt IE 9]>
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<link href='http://fonts.googleapis.com/css?family=Megrim' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Allan' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Righteous' rel='stylesheet' type='text/css'>
</head>
<body>
<a href="http://kougiland.com" class="home">*{...}</a>
<div class=blockicon><a href="https://plus.google.com/u/0/106990207396684145270/posts" target="_blank">G+</a></div>
<div class=blockicon><a href="http://www.facebook.com/kougiland" target="_blank">F </a></div>
<div class=mainMenu>MENU</div>
      
 
      
<div class="stage">
<div class="cubespinner">
      <div class="face1"><img src="http://sphotos-d.ak.fbcdn.net/hphotos-ak-snc7/301184_433049043403310_967368876_n.png"/></div>
<div class="face2"><img src="http://sphotos-d.ak.fbcdn.net/hphotos-ak-snc7/301184_433049043403310_967368876_n.png"/></div>
<div class="face3"><img src="http://sphotos-d.ak.fbcdn.net/hphotos-ak-snc7/301184_433049043403310_967368876_n.png"/></div>
<div class="face4"><img src="http://sphotos-d.ak.fbcdn.net/hphotos-ak-snc7/301184_433049043403310_967368876_n.png"/></div>
<div class="face5"><img src="http://sphotos-d.ak.fbcdn.net/hphotos-ak-snc7/301184_433049043403310_967368876_n.png"/></div>
<div class="face6"><img...

CSS

<style media="screen">
/*
Theme Name: kougi-flex(oneWeb)
Theme URI: https://kougiland.com/
Description: 2013 HTML5 Responsive One Page Template  .
Author: kougi tambo
Author URI: kougiland.com
Version: 1.0
Tags: brillante, css3, blue, two-column, fixed-width, html5, flex
*/


html,
body,
div,
span,
object,
iframe,
blockquote,
pre,
abbr,
address,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
samp,
small,
strong,
sub,
sup,
var,
b,
i,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video                                   {
padding: 0;
margin: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
zoom:1;
}
html, :root{
position:absolute;
width:100%;
height:100%;
overflow: hidden;
top:0;
left:0;
bottom:0;
right:0;
-khtml-text-size-adjust:100%;
-webkit-text-size-adjust:100%;
-moz-text-size-adjust:100%;
-ms-text-size-adjust:100%;
-o-text-size-adjust:100%;
text-size-adjust:100%;
background-color:silver;
-khtml-background-size: 6px 6px;
-webkit-background-size: 6px 6px;
-moz-background-size: 6px 6px;
-ms-background-size: 6px 6px;
-o-background-size: 6px 6px;
background-size: 6px 6px;
background-image: -khtml-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
background-image: -webkit-gradient(linear, left top, right bottom, color-stop(.25, rgba(255, 255, 255, .15)), color-stop(.25, transparent), color-stop(.5, transparent), color-stop(.5, rgba(255, 255, 255, .15)), color-stop(.75, rgba(255, 255, 255, .15)), color-stop(.75, transparent), to(transparent));
background-image: -webkit-linear-gradient(135deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%,...