ロゴは

Question

これらのロゴは、あなたが第二のアンカー要素の上にある二重引用符が欠落している

<h3>Around the Web</h3> 
      <ul> 
      <li><a class="button social" href="https://www.linkedin.com/in/hallaathrad"><i class="fa fa-fw fa-linkedin"></i></a></li> /*i tag is used for logos.*/ 
      <li><a class="button social" href="https://twitter.com/hallaathrad><i class="fa fa-fw fa-github"></i></a></li> /*i tag is used for logos.*/ 
      <li><a class="button social" href="https://twitter.com/hallaathrad"><i class="fa fa-fw fa-twitter"></i></a></li> /*i tag is used for logos.*/ 
      <li><a class="button social" href="https://www.flickr.com/photos/hallaathrad/" title="My Flickr"><i class="fa fa-fw fa-flickr"></i></a></li> /*i tag is used for logos.*/ 
      </ul> 
     </div> 
     </div> 

Answer 1

を表示なっていないChromeブラウザに表示なっていません。

"https://twitter.com/hallaathrad" // <-- need closing quote 

FontAwesomeリソースを読み込んでもよろしいですか？注：this demo of your code、正常に動作します。