Skip to content

Instantly share code, notes, and snippets.

@kouameYao

kouameYao/exo-1.html

Last active July 29, 2024 08:06
Show Gist options
  • Save kouameYao/5b1326e0617fb96564542b4d6251afb1 to your computer and use it in GitHub Desktop.
Save kouameYao/5b1326e0617fb96564542b4d6251afb1 to your computer and use it in GitHub Desktop.
Download ZIP
formation avec M. Ello
Raw
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:info@techsolutions.com"
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>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment