JSFiddle - React, Tailwind, and code Playground
by painotpi
HTML
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
<title>Document</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<div class="container">
<div class="DEGCampaignTemplate parsys">
<div class="superHeroV2 parbase section">
<!-- BEGIN Super Hero V2 Component -->
<link rel="stylesheet" href="/etc/designs/deg/clientlibs/components/superHeroV2.min.5d8ca5731b69a7b3e1992d2cc3153f53.css" type="text/css">
<script type="text/javascript" src="/etc/designs/deg/clientlibs/components/superHeroV2.min.b4789b0e2ed581766f7c143f3cef0710.js"></script>
<section class="tfn tfn-hero superhero ">
<div class="hero-image-wrapper section--full-width animate--container " data-animation-duration="6000" data-animation-delay="9000">
<div class="superhero--image" style="background-image: url(http://s7d2.scene7.com/is/image/Caterpillar/CM20190430-e138b-271a8?scl=1)">
<div class="container container__superhero--text superhero-text__vmiddle superhero-text__hleft">
<div class="superhero--inner">
<h2></h2>
</div>
</div>
</div>
</div>
</section>
<!-- END Super Hero V2 Component -->
</div>
<div class="columnControl section">
<meta>
<link rel="stylesheet" href="/etc/designs/deg/clientlibs/components/columnControl.min.06e4385445dd16631f7812ce975f924c.css" type="text/css">
<script type="text/javascript" src="/etc/designs/deg/clientlibs/components/columnControl.min.3e6dedb1a26f96b0de77f50a7bee8df8.js"></script>
<section class="column-control full-cover accent-color" style="background-color: accentColor;">
<div class="container-fluid">
...