JSFiddle - React, Tailwind, and code Playground

by David Sch

HTML

<script src="https://code.jquery.com/jquery-3.4.1.slim.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.16.0/umd/popper.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.css">
			<div class="content clearfix">
				<!-- Cover -->
				<section class="section-block featured-media window-height tm-slider-parallax-container">
					<div class="tm-slider-container full-width-slider" data-featured-slider data-parallax data-auto-advance data-auto-advance-interval="7000" data-speed="1300" data-progress-bar="false" data-nav-arrows="false" data-pause-on-hover="false" data-scale-under="1">
						<ul class="tms-slides">
							<li class="tms-slide" data-image data-as-bkg-image data-force-fit data-overlay-bkg-color="#2d3138" data-overlay-bkg-opacity="0.2" data-animation="fade">
								<div class="tms-content">
									<div class="tms-content-inner center v-align-middle">
										<div class="row">
											<div class="column width-12 center">
                        <h1 class="title-large weight-bold color-white no-margin-bottom">
                          <span class="tms-caption" data-animate-in="preset:slideInRightShort;duration:800ms;" data-no-scale>
                            <img src="images/o.png" alt="O" width="56">
                          </span>
                          <span class="tms-caption" data-animate-in="preset:slideInRightShort;duration:800ms;delay:200ms;" data-no-scale>
                            <img src="images/l.png" alt="L" width="56">
                          </span>
                          <span class="tms-caption" data-animate-in="preset:slideInRightShort;duration:800ms;delay:400ms;" data-no-scale>
                            <img src="images/e.png" alt="E"...

CSS

.row {
  background: #f8f9fa;
  margin-top: 20px;
}

.col {
  border: solid 1px #6c757d;
  padding: 10px;
}

body {
  color: black;
}