JSFiddle - React, Tailwind, and code Playground

by Serg Sagan

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="container-fluid main-offer">
	<div class="row">
		<div class="col-sm-5 text-center description">
			<h1>gina</h1>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Aliquam porro illum reiciendis magni cupiditate, blanditiis sapiente! Labore quo optio aliquam.</p>
		</div>
	</div>
</div>

CSS

.main-offer{
	min-height: 690px;
	background-color: gray;
	-webkit-background-size: cover;
	background-size: cover;
}
h1{
	font-style: 30px;
	color: white;
	font-weight: bold;
	text-transform: uppercase;
}