title: Font Awesome Icons Not Showing Up on my webpage I made using Bootstrap4
body: <p>I am making a <strong>webpage using Bootstrap4(CDN)</strong> and I intend to use <strong>FontAwesome icons</strong> for my social media links. However on opening the page I see some <strong>blue boxes</strong> instead of the icons and <strong>they are functional</strong>. I just need the icons to be displayed. Any help would be appreciated.</p>
  
  <p>Here are the necessary snippets :
  1.</p>
  
  <pre><code> &lt;link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.5.0/css/bootstrap.min.css" integrity="sha384-9aIt2nRpC12Uk9gS9baDl411NQApFmC26EwAOH8WgZl5MYYxFfc+NcPb1dKGj7Sk" crossorigin="anonymous"&gt;
      &lt;link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"&gt;
  </code></pre>
  
  <p>2.</p>
  
  <pre><code>&lt;ul class="social-icons"&gt;
  
                          &lt;li&gt;&lt;a href="https://www.facebook.com/avirup.dey.921" target="_blank"&gt;&lt;i class="fab fa-facebook"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="https://www.quora.com/Avirup-Dey-5" target="_blank"&gt;&lt;i class="fab fa-quora"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="https://www.github.com/AvirupJU" target="_blank"&gt;&lt;i class="fab fa-github"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                          &lt;li&gt;&lt;a href="mailto: avirupdeyju@outlook.com" target="_blank"&gt;&lt;i class="fab fa-envelope"&gt;&lt;/i&gt;&lt;/a&gt;&lt;/li&gt;
                      &lt;/ul&gt;
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/r7WC2.jpg" rel="nofollow noreferrer">Here is what I see...</a></p>