index.html

<link
  rel="stylesheet"
  href="https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"
/>
<script src="https://cdn.freecodecamp.org/testable-projects-fcc/v1/bundle.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.0/jquery-ui.min.js"></script>

<div id="wrapper">
  <div id="quote-box">
    <div class="quote-text">
      <i class = "fa fa-quote-left"></i><span id="text"></span>
     </div>
       
     <div class="quote-author">- <span id="author"></span></div>
    <div class="buttons">
      <a
         class="button"
         id="tweet-quote"
         href="twitter.com/intent/tweet"
         title="Tweet this one"
         target="_blank"
       >  
        <i class="fa fa-twitter"></i>
      </a>
      
      <a
       class="button"
       id="tumblr-quote"
       title="Post it on Tumblr"
       target="_blank"
      >
        <i class="fa fa-tumblr"></i>
      </a>
      <button class="button" id="new-quote">New quote</button>
    </div> 
      
  </div>
  <div class="footer">Created by <a href="https://codepen.io/robertron624">Robert</a></div>
  
</div>