JSFiddle - React, Tailwind, and code Playground

HTML

<div class="row-fluid">
			<div class="well well-small">

   <div id="sg-joomla-admin">
      <h2>Welcome to the Joomla! Admin Panel!</h2>
        <div class="sg-tabs clearfix">
          <div class="sg-tab-inner">
            <h3>This Installation Will Reset In:</h3>
            <div class="sg-clock">
            </div>
            <p>90 mins not enough? Take full 90 days and start a Joomla website for free!</p>
            <a class="sgaction" href="http://demo.joomla.org/" target="_blank">Get FREE Demo</a>
          </div>
        
        </div>
    </div>
</div></div>

CSS

/* MAIN STYLING DO NOT DELETE !*/

#sg-joomla-admin *{ box-sizing: border-box;-moz-box-sizing: border-box; }
#sg-joomla-admin { margin: 0 0 20px; }
#sg-joomla-admin h2 { padding: 0px 15px 7px; margin: 0px; font-weight: bold; line-height: 18px; color: #999; text-shadow: 0 1px 0 rgba(255,255,255,0.5); text-transform: uppercase; font-size: 13px;}
#sg-joomla-admin .sg-tabs { padding: 0 11px;}
#sg-joomla-admin .sg-tabs .sg-tab-inner { float: left; position: relative; width:31.95%; background: #fff; border-radius: 3px; margin: 0 0 0 2%; text-align:center; padding: 0 30px 20px 30px; min-height: 285px;}
#sg-joomla-admin .sg-tabs .sg-tab-inner:first-child { margin: 0;}
#sg-joomla-admin .sg-tabs .sg-tab-inner h3 { font-size: 13px; font-weight: 700; color:#555555; line-height: 15px; padding: 20px 0; }
#sg-joomla-admin .sg-tabs .sg-tab-inner .sg-imglink { display:block; text-align: center; position:relative;  }
#sg-joomla-admin .sg-tabs .sg-tab-inner .sg-imglink img { display: inline-block; max-width: 100%; border-radius: 3px; border: 1px solid #e0e0e0;}
#sg-joomla-admin .sg-tabs .sg-tab-inner .sg-imglink a { position: relative; display: block;}
#sg-joomla-admin .sg-tabs .sg-tab-inner .sg-imglink a:before { content:""; width: 100%; height:100%; display: block; position:absolute; top: 0; left: 0; }
#sg-joomla-admin .sg-tabs .sg-tab-inner .sg-imglink a:hover:before { opacity: 0.7;}
#sg-joomla-admin .sg-tabs .sg-tab-inner .sg-imglink.sg-view a:before { background: url('https://j9420g102.demojoomla.com/administrator/modules/mod_demotime/img/sg-zoom.png') no-repeat center center;}
#sg-joomla-admin .sg-tabs .sg-tab-inner .sg-imglink.sg-play a:before { background: url('https://j9420g102.demojoomla.com/administrator/modules/mod_demotime/img/sg-play.png') no-repeat center center;}
#sg-joomla-admin .sg-tabs .sg-tab-inner .sgaction{  display: inline-block; height: 30px; line-height: 30px; background: #5793ce; border-radius: 3px; min-width: 130px; color: #fff;}
#sg-joomla-admin .sg-tabs...