kouameYao · July 29, 2024 08:06
diff --git a/exo-1.html b/exo-1.html
 <!DOCTYPE html>
 <html lang="fr">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Meilleurs Services Informatiques - Tech Solutions</title>
    <link
      rel="stylesheet"
      href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap"
    />
    <link
      rel="stylesheet"
      href="https://fonts.googleapis.com/icon?family=Material+Icons"
    />
  </head>
  <body>
    <div class="navbar">
      <div class="logo">
        <a href="#accueil"
          ><img src="https://via.placeholder.com/50" alt="Logo" height="50"
        /></a>
      </div>
      <div class="nav-links">
        <a href="#accueil"><i class="material-icons">home</i> Accueil</a>
        <a href="#services"><i class="material-icons">build</i> Nos Services</a>
        <a href="#a-propos"><i class="material-icons">info</i> À propos</a>
        <a href="#contact"><i class="material-icons">mail</i> Contact</a>
      </div>
      <div class="contact-btn">
        <a href="#contact"
          ><i class="material-icons">phone</i> Contactez-Nous</a
        >
      </div>
    </div>

    <div id="accueil" class="header section">
      <div class="header-content">
        <h1>Tech Solutions</h1>
        <p>Vos services informatiques à portée de main</p>
      </div>
    </div>

    <div id="services" class="section">
      <h2>Nos Services</h2>
      <div class="services">
        <div class="service">
          <img
            src="https://images.pexels.com/photos/1181357/pexels-photo-1181357.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"
            alt="Développement Web"
          />
          <h3>Développement Web</h3>
          <p>
            Création de sites web modernes et responsives pour tous types
            d'entreprises.
          </p>
        </div>
        <div class="service">
          <img
            src="https://images.pexels.com/photos/1181336/pexels-photo-1181336.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"
            alt="Support Technique"
          />
          <h3>Support Technique</h3>
          <p>
            Assistance technique 24/7 pour résoudre tous vos problèmes
            informatiques.
          </p>
        </div>
        <div class="service">
          <img
            src="https://images.pexels.com/photos/1181267/pexels-photo-1181267.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"
            alt="Consulting IT"
          />
          <h3>Consulting IT</h3>
          <p>
            Conseils et stratégies pour optimiser vos systèmes informatiques.
          </p>
        </div>
      </div>
    </div>

    <div id="a-propos" class="section">
      <h2>À propos</h2>
      <div class="a-propos-content">
        <img
          src="https://images.pexels.com/photos/1181232/pexels-photo-1181232.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"
          alt="À propos de nous"
        />
        <div class="text">
          <p>
            Chez Tech Solutions, notre vision est de créer un avenir où la
            technologie n'est pas seulement un outil, mais un catalyseur pour
            l'innovation et la croissance. Nous croyons fermement que chaque
            entreprise, quelle que soit sa taille, mérite d'accéder aux
            meilleurs services informatiques pour atteindre ses objectifs. Notre
            mission est de fournir des solutions personnalisées, fiables et à la
            pointe de la technologie pour aider nos clients à exceller dans un
            monde numérique en constante évolution.
          </p>
          <p>
            Avec une équipe d'experts passionnés et dévoués, nous nous engageons
            à offrir un service exceptionnel et à établir des partenariats
            durables basés sur la confiance et la satisfaction. Ensemble, nous
            construisons un avenir meilleur, un projet à la fois.
          </p>
          <p>
            <strong>Alassane Kouadio, Directeur Général</strong>
          </p>
        </div>
      </div>
    </div>

    <div id="contact" class="contact section">
      <div class="container">
        <h2>Contactez-Nous</h2>
        <div class="contact-info">
          <p>
            <strong>Adresse :</strong> 123 Rue de la Tech, 00000 Abidjan, Côte
            d'Ivoire
          </p>
          <p><strong>Téléphone :</strong> +225 01 23 45 67</p>
          <p><strong>Boîte postale :</strong> BP 12345</p>
          <p><strong>Horaires d'ouverture :</strong></p>
          <ul>
            <li>Lundi - Vendredi : 9h00 - 18h00</li>
            <li>Samedi : 10h00 - 14h00</li>
            <li>Dimanche : Fermé</li>
          </ul>
        </div>
        <form
          action="mailto:[email protected]"
          method="post"
          enctype="text/plain"
        >
          <label for="name">Nom :</label><br />
          <input type="text" id="name" name="name" /><br />
          <label for="email">Email :</label><br />
          <input type="email" id="email" name="email" /><br />
          <label for="message">Message :</label><br />
          <textarea id="message" name="message" rows="4" cols="50"></textarea
          ><br />
          <input type="submit" value="Envoyer" />
        </form>
      </div>
    </div>

    <div class="footer">
      <p>&copy; 2024 Tech Solutions. Tous droits réservés.</p>
    </div>
  </body>
 </html>
	<!DOCTYPE html>
	<html lang="fr">
	<head>
	<meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1.0" />
	<title>Meilleurs Services Informatiques - Tech Solutions</title>
	<link
	rel="stylesheet"
	href="https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap"
	/>
	<link
	rel="stylesheet"
	href="https://fonts.googleapis.com/icon?family=Material+Icons"
	/>
	</head>
	<body>
	<div class="navbar">
	<div class="logo">
	<a href="#accueil"
	><img src="https://via.placeholder.com/50" alt="Logo" height="50"
	/></a>
	</div>
	<div class="nav-links">
	<a href="#accueil"><i class="material-icons">home</i> Accueil</a>
	<a href="#services"><i class="material-icons">build</i> Nos Services</a>
	<a href="#a-propos"><i class="material-icons">info</i> À propos</a>
	<a href="#contact"><i class="material-icons">mail</i> Contact</a>
	</div>
	<div class="contact-btn">
	<a href="#contact"
	><i class="material-icons">phone</i> Contactez-Nous</a
	>
	</div>
	</div>

	<div id="accueil" class="header section">
	<div class="header-content">
	<h1>Tech Solutions</h1>
	<p>Vos services informatiques à portée de main</p>
	</div>
	</div>

	<div id="services" class="section">
	<h2>Nos Services</h2>
	<div class="services">
	<div class="service">
	<img
	src="https://images.pexels.com/photos/1181357/pexels-photo-1181357.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"
	alt="Développement Web"
	/>
	<h3>Développement Web</h3>
	<p>
	Création de sites web modernes et responsives pour tous types
	d'entreprises.
	</p>
	</div>
	<div class="service">
	<img
	src="https://images.pexels.com/photos/1181336/pexels-photo-1181336.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"
	alt="Support Technique"
	/>
	<h3>Support Technique</h3>
	<p>
	Assistance technique 24/7 pour résoudre tous vos problèmes
	informatiques.
	</p>
	</div>
	<div class="service">
	<img
	src="https://images.pexels.com/photos/1181267/pexels-photo-1181267.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"
	alt="Consulting IT"
	/>
	<h3>Consulting IT</h3>
	<p>
	Conseils et stratégies pour optimiser vos systèmes informatiques.
	</p>
	</div>
	</div>
	</div>

	<div id="a-propos" class="section">
	<h2>À propos</h2>
	<div class="a-propos-content">
	<img
	src="https://images.pexels.com/photos/1181232/pexels-photo-1181232.jpeg?auto=compress&cs=tinysrgb&dpr=2&h=750&w=1260"
	alt="À propos de nous"
	/>
	<div class="text">
	<p>
	Chez Tech Solutions, notre vision est de créer un avenir où la
	technologie n'est pas seulement un outil, mais un catalyseur pour
	l'innovation et la croissance. Nous croyons fermement que chaque
	entreprise, quelle que soit sa taille, mérite d'accéder aux
	meilleurs services informatiques pour atteindre ses objectifs. Notre
	mission est de fournir des solutions personnalisées, fiables et à la
	pointe de la technologie pour aider nos clients à exceller dans un
	monde numérique en constante évolution.
	</p>
	<p>
	Avec une équipe d'experts passionnés et dévoués, nous nous engageons
	à offrir un service exceptionnel et à établir des partenariats
	durables basés sur la confiance et la satisfaction. Ensemble, nous
	construisons un avenir meilleur, un projet à la fois.
	</p>
	<p>
	<strong>Alassane Kouadio, Directeur Général</strong>
	</p>
	</div>
	</div>
	</div>

	<div id="contact" class="contact section">
	<div class="container">
	<h2>Contactez-Nous</h2>
	<div class="contact-info">
	<p>
	<strong>Adresse :</strong> 123 Rue de la Tech, 00000 Abidjan, Côte
	d'Ivoire
	</p>
	<p><strong>Téléphone :</strong> +225 01 23 45 67</p>
	<p><strong>Boîte postale :</strong> BP 12345</p>
	<p><strong>Horaires d'ouverture :</strong></p>
	<ul>
	<li>Lundi - Vendredi : 9h00 - 18h00</li>
	<li>Samedi : 10h00 - 14h00</li>
	<li>Dimanche : Fermé</li>
	</ul>
	</div>
	<form
	action="mailto:[email protected]"
	method="post"
	enctype="text/plain"
	>
	<label for="name">Nom :</label><br />
	<input type="text" id="name" name="name" /><br />
	<label for="email">Email :</label><br />
	<input type="email" id="email" name="email" /><br />
	<label for="message">Message :</label><br />
	<textarea id="message" name="message" rows="4" cols="50"></textarea
	><br />
	<input type="submit" value="Envoyer" />
	</form>
	</div>
	</div>

	<div class="footer">
	<p>© 2024 Tech Solutions. Tous droits réservés.</p>
	</div>
	</body>
	</html>