<div class="footer">
      <div class="footer-content">
  
        <div class="footer-section about">
          <h1 class="logo-text"><span>Blog</span> The News</h1>
          <p>
            The News est un Blog en ligne travaillant sur la sécurité des applications Web
            Et l'apprentisage de l'infromatique. 
            Sa philosophie est d'être à la fois libre et ouverte à tous.
             </p>
          <div class="contact"><br><br>
            <span><i class="fas fa-phone"></i> &nbsp; (+33) XX-XX-XX-XX</span><br>
            <span><i class="fas fa-envelope"></i> &nbsp; Blog The News.fr</span>
          </div>
        </div>
  
        <div class="footer-section links">
          <h2>Service proposé</h2>
          <br>
          <ul>
            <a href="#">
              <li>News</li>
            </a>
            <a href="#">
              <li>Programmation</li>
            </a>
            <a href="#">
              <li>Cybersécurité</li>
            </a>
          </ul>
        </div>
  
        <div class="footer-section contact-form">
          <h2>Contacter nous</h2>
          <br>
          <form action="index.php" method="post">
            <input type="email" name="email" class="text-input contact-input" placeholder="Votre addresse e-mail...">
            <textarea rows="4" name="message" class="text-input contact-input" placeholder="Votre message..."></textarea>
            <button type="submit" class="btn btn-big contact-btn">
              <i class="fas fa-envelope"></i>
             Envoyer
            </button>
          </form>
        </div>
  
      </div>
  
      <div class="footer-bottom">
        &copy; Bechir Hassabalkerim | Blog The News <br>
      </div>
    </div>