JSFiddle - React, Tailwind, and code Playground
by Che Sampat
HTML
<!doctype html>
<html lang="en">
<!-- Mirrored from leap.mediumra.re/home-saas.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 09 Mar 2019 16:48:36 GMT -->
<!-- Added by HTTrack -->
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<!-- /Added by HTTrack -->
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-52115242-16"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'UA-52115242-16');
</script>
<!-- Google Tag Manager -->
<script>
(function(w, d, s, l, i) {
w[l] = w[l] || [];
w[l].push({
'gtm.start': new Date().getTime(),
event: 'gtm.js'
});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src =
'../www.googletagmanager.com/gtm5445.html?id=' + i + dl;
f.parentNode.insertBefore(j, f);
})(window, document, 'script', 'dataLayer', 'GTM-KG38NH9');
</script>
<!-- End Google Tag Manager -->
<meta charset="utf-8">
<title>Leap Bootstrap Theme and HTML Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="A corporate Bootstrap theme by Medium Rare">
<style>
@keyframes hideLoader {
0% {
width: 100%;
height: 100%;
}
100% {
width: 0;
height: 0;
}
}
body>div.loader {
position: fixed;
background: white;
width: 100%;
height: 100%;
z-index: 1071;
opacity: 0;
transition: opacity .5s ease;
overflow: hidden;
pointer-events: none;
display: flex;
...