<div class="container" id="jumbotron">
<div class = "row text-center" >
<div class="col-sm-3"></div>
     <div class="col-sm-6"><h2>Random Quotes on Design</h2>
</div><div class="col-sm-3"></div></div>

  <div class = "row text-center">
<div class="col-sm-3"></div>
 <div class="col-sm-6 well message">

     <div class="quote js-quoteContainer">
    <div class="quoteContentWrapper"><span class="quoteSymbol quoteSymbol--left"><p><i class="fa fa-quote-left"></i></span><span class="quoteContent js-quote"></span><i class="fa fa-quote-right"></i></p> <p class="quoteAuthor js-quoteAuthor"></p>
    </div>
<p><a href="#" class="quoteBtn quoteBtn--new js-getQuoteBtn btn btn-primary">Give me a new quote</a>

       <a href="#" class="quoteBtn quoteBtn--share js-twitterBtn btn btn-info" target="_blank"><i class="quote-twitterIcon fab fa-twitter"></i> Tweet this quote</a></p>
  </div></p>
    </div>


 </div>
   <div class="col-sm-3"></div>
      </div></div>
<div class="footer">
  <p class="text-center">Made by Liane Chan, 2018</p>
</div>