nousContacter.html

<!doctype html>
<html class="no-js" lang="">

<head>
  <meta charset="utf-8">
  <title></title>
  <meta name="description" content="">
  <meta name="viewport" content="width=device-width, initial-scale=1">

  <meta property="og:title" content="">
  <meta property="og:type" content="">
  <meta property="og:url" content="">
  <meta property="og:image" content="">

  <link rel="manifest" href="site.webmanifest">
  <link rel="apple-touch-icon" href="icon.png">
  <!-- Place favicon.ico in the root directory -->
  <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" integrity="sha384-B0vP5xmATw1+K9KRQjQERJvTumQW0nPEzvF6L/Z6nronJ3oUOFUFpCjEUQouq2+l" crossorigin="anonymous">
  <link rel="shortcut icon" href="img/super-mario.png">
  <link rel="stylesheet" href="css/normalize.css">
  <link rel="stylesheet" href="css/main.css">
  <link rel="stylesheet" href="css/contact.css">

  <meta name="theme-color" content="#fafafa">
</head>

<body>
  <nav class="navbar navbar-expand-lg navbar-light bg-light">
    <img src="img/super-mario.png" alt="super super-mario">    
    <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon">
        <ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
          <li><a class="dropdown-item" href="index.html">Accueil</a></li>
          <li><a class="dropdown-item" href="autresJeux.html">autres Jeux</a></li>
          <li><a class="dropdown-item" href="nousContacter.html">Nous contacter</a></li>
        </ul>
      </span>
    </button>
    <div class="collapse navbar-collapse" id="navbarNav">
      <ul class="navbar-nav">
        <li class="nav-item active">
          <a class="nav-link" href="index.html">Accueil <span class="sr-only">(current)</span></a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="autresJeux.html">Autres jeux</a>
        </li>
        <li class="nav-item">
          <a class="nav-link" href="nousContacter.html">Nous contacter</a>
        </li>
      </ul>
    </div>
  </nav>

  <header>
    <div class="jumbotron jumbotron-fluid" id="head">

      <div class="container">
        <h1 class="display-4">Bienvenue<br/>dans le game-center</h1>
        <p class="lead">Amusez-vous tout en detente</p>
      </div>
    </div>
  </header>


<main class="form">
  <section class="contact pt-100 pb-100" id="contact">
    <div class="container-fluid">
       <div class="row">
          <div class="col-xl-6 mx-auto text-center">
             <div class="section-title mb-100">
                <h4>contact</h4>
             </div>
          </div>
       </div>
       <div class="row text-center">
             <div class="col-md-8">
                <form action="#" class="contact-form">
                   <div class="row">
                      <div class="col-xl-6">
                         <input type="text" placeholder="name" required>
                      </div>
                      <div class="col-xl-6">
                         <input type="text" placeholder="email" required>
                      </div>
                      <div class="col-xl-6">
                         <input type="text" placeholder="subject" required>
                      </div>
                      <div class="col-xl-6">
                         <input type="text" placeholder="telephone" required>
                      </div>
                      <div class="col-xl-12">
                         <textarea placeholder="message" cols="30" rows="10"></textarea>
                         <input type="submit" value="submit" required>
                      </div>
                   </div>
                </form>
             </div>
             <div class="col-md-4">
                <div class="single-contact">
                   <i class="fa fa-map-marker"></i>
                   <h5>Game Center</h5>
                   <p>10 Rue de la Tour d'ivoire</p>
                </div>
                <div class="single-contact">
                   <i class="fa fa-phone"></i>
                   <h5>Téléphone</h5>
                   <p>02 35 12 91 34</p>
                </div>
                <div class="single-contact">
                   <i class="fa fa-envelope"></i>
                   <h5>Email</h5>
                   <p>game-center@gamer.com</p>
                </div>
             </div>
       </div>
    </div>
 </section>
</main>


  <footer>
    <div class="card text-center">
      <div class="card-footer">
      </div>
      <div class="card-body">
      <div class="foot">
        <div>
          <h2>Liens</h2>
          <ul>
            <li><a href="index.html">Accueil</a></li>
            <li><a href="autreJeux.html">Autres jeux</a></li>
            <li><a href="nousContacter.html">Nous contacter</a></li>
          </ul>
       </div>
     
        <div>
          <h2>Suivez-nous</h2>
          <ul>
            <li><a href="index.html">Instagram</a></li>
            <li><a href="index.html">Facebook</a></li>
            <li><a href="index.html">Twitter</a></li>
          </ul>
          <img src="img/logo.png" alt="logo reseaux sociaux">
        </div>
      </div>
      <div class="card-footer ">
      </div>
    </div>
  </footer>

  <!-- Add your site or application content here -->
  <script src="js/vendor/modernizr-3.11.2.min.js"></script>
  <script src="js/plugins.js"></script>
  <script src="js/main.js"></script>

  <!-- Google Analytics: change UA-XXXXX-Y to be your site's ID. -->
  <script>
    window.ga = function () { ga.q.push(arguments) }; ga.q = []; ga.l = +new Date;
    ga('create', 'UA-XXXXX-Y', 'auto'); ga('set', 'anonymizeIp', true); ga('set', 'transport', 'beacon'); ga('send', 'pageview')
  </script>
  <script src="https://www.google-analytics.com/analytics.js" async></script>
</body>

</html>