JSFiddle - React, Tailwind, and code Playground
by kougiland
HTML
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8" />
<meta name="Keywords" content=" fullscreen background slideshow by kougiland.com" />
<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">
</head>
<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;
min-width:532px!important;
width:100%;
height:100%;
min-height:600px!important;
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...