Skip to content
Snippets Groups Projects
Select Git revision
  • main default
  • back-end
  • new-features
3 results
Blame History Permalink
contact.html 3.20 KiB 
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link
      href="https://fonts.googleapis.com/css2?family=Roboto:wght@700&display=swap"
      rel="stylesheet"
    />
    <link
      href="https://fonts.googleapis.com/css2?family=Raleway:wght@700&family=Oleo+Script:wght@700&family=Quicksand:wght@300;500;700&display=swap"
      rel="stylesheet"
    />
    <link rel="stylesheet" href="assets/css/shared.css" />
    <link rel="stylesheet" href="assets/css/contact.css" />
    <title>fellah's portfolio</title>
  </head>
  <body>
    <header>
      <!--I added this.-->
      <a href="/index.html">Fellah</a>
      <nav>
        <ul>
          <li><a href="/presentation.html">Presentation</a></li>
          <li><a href="/formation.html">Education</a></li>
          <li><a href="/contact.html">Contact</a></li>
        </ul>
      </nav>
    </header>
    <main>
      <!-- <h1>Contactez-moi</h1> -->
      <form action="">
        <section>
          <h2>Entrez en contact</h2>
          <p>
            J’aime entendre parler de vous. Je suis toujours ici pour discuter
          </p>
          <ul>
            <li>
              <h3>Discutez-avec moi</h3>
              <p>Je suis là pour vous aider</p>
              <a href="">abdoulaziz@gmail.com</a>
            </li>
            <li>
              <h3>Burreau</h3>
              <p>Venez me dire Bonjour</p>
              <address>67000 Strasbourg</address>
            </li>
            <li>
              <h3>Numéro de téléphone</h3>
              <p>Lun-Vend de 8h-17h</p>
              <p>0753103914</p>
            </li>
          </ul>
        </section>
        <section>
          <h1>CONTACTEZ-MOI</h1>
          <!-- <p>
          Merci de l'intérêt que vous portez a mon profile. Veuillez utiliser ce
          formulaire pour nous contacter. Réponse rapide assurée !
        </p> -->
          <input
            type="text"
            name="user-name"
            id="surname"
            placeholder="Prénom"
          />

          <input
            type="email"
            id="email"
            name="user-email"
            placeholder="Email"
          />

          <input
            type="tel"
            id="phone-number"
            name="user-number"
            placeholder="Numéro de téléphone"
          />
          <textarea
            name=""
            id=""
            cols="30"
            rows="10"
            placeholder="Rédiger votre message"
          ></textarea>
          <button>Soumettre</button>
        </section>
      </form>
    </main>
    <footer>
      <ul>
        <li>
          <a href="https://www.instagram.com">
            <img src="/assets/images/icons/insta.png" alt="instagram logo" />
          </a>
        </li>
        <li>
          <a href="https://www.facebook"
            ><img src="/assets/images/icons/facebook.png" alt="facebook logo"
          /></a>
        </li>
      </ul>
    </footer>
  </body>
</html>