Netlify-form on my website doesn't work

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <meta name="viewport" content="width=device-width, initial-scale=1.0">

  <script src="https://kit.fontawesome.com/a6f7595b5b.js" crossorigin="anonymous"></script>

  <link href="https://fonts.googleapis.com/css2?family=Lato&family=Staatliches&display=swap" rel="stylesheet">

  <link rel="stylesheet" href="css/style.css">

  <link rel="stylesheet" media="screen and (max-width: 768px)" href="css/mobile.css">

  <link rel="shortcut icon" type="image/x-icon" href="favicon.ico">

  <title>NewsGrid | Latest News</title>

</head>

<body>

  <nav id="main-nav">

    <div class="container">

      <img src="img/logo.png" alt="NewGrid" class="logo">

      <div class="social">

        <!-- fab: social media  -->

        <a href="http://facebook.com" traget="_blank"><i class="fab fa-facebook fa-2x"></i></a>

        <a href="http://twitter.com" traget="_blank"><i class="fab fa-twitter fa-2x"></i></a>

        <a href="http://instagram.com" traget="_blank"><i class="fab fa-instagram fa-2x"></i></a>

        <a href="http://youtube.com" traget="_blank"><i class="fab fa-youtube fa-2x"></i></a>

      </div>

      <ul>

        <li><a class="current" href="index.html">Home</a></li>

        <li><a href="about.html">About</a></li>

      </ul>

    </div>

  </nav>

  <!-- Showcase -->

  <header id="showcase">

    <div class="container">

      <div class="showcase-container">

        <div class="showcase-content">

          <div class="category category-sports">Sports</div>

          <h1>Some Sports Article</h1>

          <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Fuga quidem cupiditate distinctio sequi beatae aliquam magni enim rerum odio eaque!</p>

          <a href="article.html" class="btn btn-primary">Read More</a>

        </div>

      </div>

    </div>

  </header>

  <!-- Home Articles -->

  <section id="home-articles" class="py-2">

    <div class="container">

      <h2>Editors Picks</h2>

      <div class="articles-container">

        <article class="card">

          <img src="img/articles/ent1.jpg" alt="">

          <div>

            <div class="category category-ent">Entertainment</div>

            <h3>

              <a href="article.html">Lorem ipsum dolor sit amet</a>

            </h3>

            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis fugit repellendus nobis, illum nihil ipsa eveniet soluta assumenda commodi quia!</p>

          </div>

        </article>

        <article class="card bg-dark">

            <div class="category category-sports">Sports</div>

            <h3>

              <a href="article.html">Lorem ipsum dolor sit amet</a>

            </h3>

            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis fugit repellendus nobis, illum nihil ipsa eveniet soluta assumenda commodi quia!</p>

        </article>

        <article class="card">

          <img src="img/articles/tech1.jpg" alt="">

          <div class="category category-tech">Technolgy</div>

            <h3>

              <a href="article.html">Lorem ipsum dolor sit amet</a>

            </h3>

            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis fugit repellendus nobis, illum nihil ipsa eveniet soluta assumenda commodi quia!</p>

        </article>

        <article class="card">

          <div class="category category-sports">sports</div>

          <h3>

            <a href="article.html">Lorem ipsum dolor sit amet</a>

          </h3>

          <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis fugit repellendus nobis, illum nihil ipsa eveniet soluta assumenda commodi quia!</p>

          <img src="img/articles/sports1.jpg" alt="">

        </article>

        <article class="card">

            <img src="img/articles/tech2.jpg" alt="">

            <div class="category category-tech">Technology</div>

            <h3>

              <a href="article.html">Lorem ipsum dolor sit amet</a>

            </h3>

            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis fugit repellendus nobis, illum nihil ipsa eveniet soluta assumenda commodi quia!</p>

        </article>

        <article class="card bg-primary">

          <div class="category category-sports">Sports</div>

          <h3>

            <a href="article.html">Lorem ipsum dolor sit amet</a>

          </h3>

          <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis fugit repellendus nobis, illum nihil ipsa eveniet soluta assumenda commodi quia!</p>

        </article>

        <article class="card">

          <div>

            <div class="category category-ent">Entertainment</div>

            <h3>

              <a href="article.html">Lorem ipsum dolor sit amet</a>

            </h3>

            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Corporis fugit repellendus nobis, illum nihil ipsa eveniet soluta assumenda commodi quia!</p>

          </div>

          <img src="img/articles/ent1.jpg" alt="">

        </article>

      </div>

  </section>

  <!-- Footer -->

  <footer id="main-footer" class="py-2">

    <div class="container footer-container">

      <div>

        <img src="img/logo_light.png" alt="NewsGrid">

        <p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Consequatur nesciunt quaerat, in et corrupti quis!</p>

      </div>

      <div>

        <h3>Email Newsletter</h3>

        <p>Lorem ipsum dolor sit amet consectetur adipisicing elit.</p>

        <form method="POST" name="contact" data-netlify="true">

          <input type="email" name="email" placeholder="Enter an email">

          <input type="submit" value="Subscribe" class="btn btn-primary">

        </form>

      </div>

      <div>

        <h3>Site Links</h3>

        <ul class="list">

          <li><a href="#">Help & Support</a></li>

          <li><a href="#">Privacy Policy</a></li>

          <li><a href="#">About Us</a></li>

          <li><a href="#">Contact</a></li>

        </ul>

      </div>

      <div>

        <h2>Join Our Club</h2>

        <p>Lorem ipsum dolor sit amet consectetur, adipisicing elit. Magnam, iure.</p>

        <a href="#" class="btn btn-secondary">Join Now</a>

      </div>

      <div>

        <p>

          Copyright &copy; 2019, All Rights Reserved

        </p>

      </div>

    </div>

  </footer>

</body>

</html>

I have added the attributes for Netlify-form, but although I submitted, it doesn’t work… here is my full code for index.html

Could you help me, please?

Hiya, sorry you are having trouble getting your forms to work.

This Support Guide is the first port of call to debug any forms issues. There are also many other Support Guides for forms - you can find them here: #Netlify-support:support-guides

We also recommend trying to search the forums or look at topics tagged Netlify forms if you haven’t already - it’s likely your question was already asked by someone else!

If you are still having problems, please provide more information such as what you have already tried, and a link to your live form. :slight_smile: