JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<script src="http://fonts.googleapis.com/css?family=Lato&amp;subset=latin,latin-ext"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<!DOCTYPE html>
<body id="myPage" data-spy="scroll" data-target=".navbar" data-offset="60" class="text-center" style="margin: 40px; font-family: Lato;">

<div class="container">
    <div class="module">
        <div class="jumbotron stripe-1" style="background-color: #F44336; color: white; overflow: scroll;">
            
            <div class="row">
                <div class="col-sm-4">
                    <span class="glyphicon glyphicon-gift" style="font-size: 50px;"></span>
                    <span class="glyphicon glyphicon-star" style="font-size: 50px;"></span>
                    <h4 style="font-size: 19px;">AMAZING WEBSITES</h4>
                    <br>
                    <p style="font-size: 15px;">
                    Our brochure websites are made for small companies who want to get 
                    themselves online. We will try to make your website look professional and
                    adequate.
                    </p>
                </div><!-- col-sm-4 -->
                 
                <div class="col-sm-4">
                    <span class="glyphicon glyphicon-phone" style="font-size: 50px;"></span>
                    <span class="glyphicon glyphicon-envelope" style="font-size: 50px;"></span>
                    <h4 style="font-size: 19px;">JUST AN EMAIL OR TELEPHONE CALL AWAY</h4>
                    <br>
                    <p style="font-size: 15px;" class="ni">
                    Our blogs are made for people who want to share their day to day life with
                    the world. We will try to make your website fancy and as personalised as
          ...

CSS

.opacityChange {
		position: relative;
		-webkit-animation: myfirst 1s linear 0s 1 alternate; /* Chrome, Safari, Opera */
		animation: myfirst 1s linear 0s 1 alternate;
	  }

	  /* Chrome, Safari, Opera */
	  @-webkit-keyframes myfirst {
		0%   {opacity: 0.0;}
		25%  {opacity: 0.25;}
		50%  {opacity: 0.5;}
		75%  {opacity: 0.75;}
		100% {opacity: 1.0;}
	  }

	  /* Standard syntax */
	  @keyframes myfirst {
	    0%   {opacity: 0.0;}
		25%  {opacity: 0.25;}
		50%  {opacity: 0.5;}
		75%  {opacity: 0.75;}
		100% {opacity: 1.0;}
	  }
	  
	  .module {
		background: white;
		margin: 3%;
		> h2 {
		  padding: 1rem;
		  margin: 0 0 0.5rem 0;
		}
		> p {
		  padding: 0 1rem;
		}
		/*animation: widen 10s linear alternate infinite;*/
	  }

	  .stripe-1 {
		color: white;
		background: repeating-linear-gradient(
		  45deg,
		  #ED6B61,
		  #ED6B61 10px,
		  #F44336 10px,
		  #F44336 20px
		);
	  }
	  
	  hr {
	    height: 0.1px;
	    background-color: gainsboro;
	  }