JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Teset</title>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <body>
	  
	  <!-- container Start -->
	  <div class="container">
	  <br><br><br><br><br><br><br>
			  <div class="footer-elements">
					<div class="content-b">
						<div class="strip-m row">
							<div class="strip-border"></div>
							<img src="http://i252.photobucket.com/albums/hh15/liveyourlife815/stripes-1.png" class="main-img" alt="footer">
						</div>
					</div>
			  </div>
		</div>
  </body>
</html>

CSS

.container {
	  width: 1170px;margin:auto
	  }
	  .footer-elements{text-align:center;bottom:0;height:15em}
	  .footer-elements .content-b{text-align:center;position:relative;height:10em}
	  .footer-elements .content-b img.main-img{text-align:center;width:18em;margin-top:-3em}
	  .footer-elements .content-b .strip-m{background:#231F20;height:9em;}
	  .footer-elements .content-b .strip-border{width:100%;height:1.3em;position:absolute;top:0;left:0%;background-size:auto 100%;
	  background:url(http://i666.photobucket.com/albums/vv22/SincerelyBerry/HAIJYNX/backgrounds/stripes.png) repeat-x;}