JSFiddle - React, Tailwind, and code Playground
by ASHISH ROX
HTML
<link rel="stylesheet" href="http://demo.themeroyal.info/gold/assets/styles/bootstrapG.css">
<link rel="stylesheet" href="http://demo.themeroyal.info/gold/assets/styles/plugins.css">
<link rel="stylesheet" href="http://demo.themeroyal.info/gold/assets/fonts/icon-font/gold/styles.css">
<link rel="stylesheet" href="http://demo.themeroyal.info/gold/assets/styles/main.css">
<link rel="stylesheet" href="http://demo.themeroyal.info/gold/assets/styles/custom.css">
<script src="http://demo.themeroyal.info/gold/vendors/jquery/jquery-1.11.0.min.js"></script>
<script src="http://demo.themeroyal.info/gold/vendors/jquery-easing/jquery.easing-1.3.min.js"></script>
<script src="http://demo.themeroyal.info/gold/vendors/stellar/jquery.stellar.min.js"></script>
<script src="http://demo.themeroyal.info/gold/vendors/owl.carousel2/owl.carousel.min.js"></script>
<script src="http://demo.themeroyal.info/gold/vendors/countdown/jquery.plugin.min.js"></script>
<script src="http://demo.themeroyal.info/gold/assets/scripts/main.js"></script>
<script src="http://demo.themeroyal.info/gold/vendors/countdown/jquery.countdown.min.js"></script>
<main>
<!-- header section -->
<header id="home" class="gs-main-header-fullheight">
<div class="gs-overlay-bg gs-header-bg" data-stellar-background-ratio="0.4"></div>
<div class="gs-home-content-wrapper clearfix" id="gs-home-content">
<div class="col-xs-12 gs-col-nopadding gs-home-slider-wrapper">
<div class="gs-home-slider has-dots owl-light-theme owl-carousel gs-middle">
<div class="gs-home-slider-item">
<h1 class="gs-home-slider-caption gs-mg-b-60">HELLO, WELCOME TO<br>GOLD STUDIO</h1>
<div class="gs-home-slider-caption">
<a href="#about" class="gs-btn-icon-2">VIEW MORE</a>
</div>
</div>
<div class="gs-home-slider-item">
<h1 class="gs-home-slider-caption gs-mg-b-60">LOOKING FOR...