The icon is not working

<?php
require_once 'Classes/ProjetosVO.php';
require_once 'Classes/ProjetosDAO.php';

$objBDProjeto=new ProjetosDAO();
$objProjeto= new ProjetosVO();

$rsProjeto= $objBDProjeto->ListarProjetos("1");
$tblProjeto= mysqli_fetch_array($rsProjeto);
?>
<style>
.pasta input[type=radio]{
   display: none;
}.pasta label i.fa:before{
   content: '\f0f4';
   color: #0062cc;
}.pasta  input[type=radio]:checked  ~ label i.fa:before{
   color: #c6c8ca;
}
</style>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script><linkrel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css" integrity="sha384-/Y6pD6FV/Vv2HJnA6t+vslU6fwYXjCFtcEpHbNJ0lyAFsXTsjBbfaDjzALeQsN6M" crossorigin="anonymous">
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"integrity="sha384-b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4" crossorigin="anonymous">      </script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js"integrity="sha384-h0AbiXch4ZDo7tp9hKZ4TsHbi047NrKGLO3SEJAg45jXxnGIfYzk4Si90RDIqNm1" crossorigin="anonymous"></script>
<script src="https://use.fontawesome.com/eb2dfeaa2c.js"></script><br><br><center><h1class="Titulo">Meus Projetos</h1></center>
<div class="pasta">
   <br>
   &nbsp;&nbsp;
   <?php
   $numero=mysqli_num_rows($rsProjeto);
   $i=1;

   while($tblProjeto= mysqli_fetch_array($rsProjeto)){ 
   ?>
   <h1><i class="fa fa-folder-o" aria-hidden="true"></i></h1>

   <?php
      $projeto=$tblProjeto['nome_PROJETO'];
      echo $projeto;
   ?>
   <br>
   &nbsp;&nbsp;
   <?php
   }
   ?>
</div>