JSFiddle - React, Tailwind, and code Playground

by sjmcpherson

HTML

<script src="https://code.jquery.com/jquery-1.12.3.js"></script>

<div id="wrapper">
<div id="siteSearch">
Site Search
</div>
</div>

CSS

.container{background-color:blue;height:100px;width:100%;}
#wrapper{background-color:red;height:100px;width:100%;}

JavaScript

jQuery("<div class='hero-banner'></div>").html(jQuery("<div class='container'></div>").append(jQuery("#siteSearch").detach())).append("<h1>AvantiPlus Stores in <strong>Perth</strong></h1><p><strong>Looking for a great bike shop in Perth? We've got you covered.</strong></p><p>For a bike shop in Perth, WA that provides excellent value and service look no further than AvantiPlus.</p><div class='btn-list'><a href='/cannington' class='btn btn-alt'>Cannington</a>&nbsp;<a href='/morley' class='btn btn-alt'>Morley</a>&nbsp;<a href='/rockingham' class='btn btn-alt'>Rockingham</a></div>").insertBefore('#wrapper');