10.html

<html>
<head>
<link rel="stylesheet" href="fontawesome-free/css/all.min.css">
<!--    <link rel="stylesheet" href="fontawesome-free/css/fontawesome.min.css">-->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
    <link rel="stylesheet" href="10.css">
    
    
</head>
<body>
    <p>
        Excepteur sint occaecat cupidatat non proident, 
        sunt in culpa qui officia deserunt mollit anim id est laborum.
    
    </p>
    <div id="n">
   
    <i class="fab fa-adn fa-spin"></i>
        
   
    </div>
    <div id="f">
    <span class="glyphicon glyphicon-heart"></span>
    
    </div>
    
</body>    




</html>