-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
142 lines (133 loc) · 5.91 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<!DOCTYPE html>
<html lang="fr">
<!--Head de la page web-->
<head>
<!--Les meta-données-->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--Titre de la page web-->
<title>Site_Developpement_Web</title>
<!--Lien vers les fichiers css-->
<link rel="stylesheet" href="css/index.css">
<link rel="stylesheet" href="css/sprint4.css">
<link rel="stylesheet" href="css/responsive.css">
<!--Lien vers les icons-->
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css">
<!--Lien vers la police de caractères-->
<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=Nova+Script&display=swap" rel="stylesheet">
</head>
<!--Body de la page web-->
<body>
<main>
<nav>
<h1 class="logo"><a href="index.html">TechSolutions</a></h1>
<ul>
<li><a href="">Acceuil</a></li>
<li><a href="">Services</a></li>
<li><a href="">Contact</a></li>
<a href="contactez-nous.html" id="btn"><button class="btn1">Contactez-nous</button></a>
</ul>
<div class="menu"><a href="#"><i class="fa-sharp fa-solid fa-bars" style="width: 30px;height: 30px;aspect-ratio: 1/1;"></i></a></div>
</nav>
<section>
<div class="Hero">
<h1 class="titre">Vos solutions numériques sur mesure</h1>
<p class="ST">Des services personnalisés pour répondre à tous vos besoins technologiques</p>
<a href="index.html"><button class="btn2">En savoir plus</button></a>
</div>
</section>
<section class="our-services">
<marquee><h2>Welcome into TechSolutions</h2></marquee>
<h1>Our Services</h1>
<div class="container">
<div class="service">
<i class="fas fa-laptop"></i>
<h2>Web developpment</h2>
<p>Notre page de service est conçue pour fonctionner de manière transparente sur n'importe quel appareil.
Explorer nos offres en toutes simplicité et découvrez comment nous pouvons vous aider
</p>
</div>
<div class="service">
<i class="fas fa-mobile-alt"></i>
<h2>Mobile App</h2>
<p>Notre page de service est conçue pour fonctionner de manière transparente sur n'importe quel appareil.
Explorer nos offres en toutes simplicité et découvrez comment nous pouvons vous aider
</p>
</div>
<div class="service">
<i class="fas fa-chart-bar"></i>
<h2>Digital Marketing</h2>
<p>Notre page de service est conçue pour fonctionner de manière transparente sur n'importe quel appareil.
Explorer nos offres en toutes simplicité et découvrez comment nous pouvons vous aider
</p>
</div>
</div>
</section>
<section id="testimonials" class="testimonials-section">
<div class="testimonial">
<img src="img/im1.jpeg" alt="Marie Dupont" class="testimonial-img">
<br>
<blockquote>"Le service fourni par TechSolutions a été exceptionnel. Ils ont dépassé nos attentes."</blockquote>
<p>- Marie Dupont, CEO</p>
</div>
<div class="testimonial">
<img src="img/im2.jpeg" alt="Pierre Martin" class="testimonial-img">
<br>
<blockquote>"Une équipe professionnelle et réactive. Je recommande vivement TechSolutions."</blockquote>
<p>- Pierre Martin, CTO</p>
</div>
<div class="testimonial">
<img src="img/im3.jpeg" alt="Sophie Lefèvre" class="testimonial-img">
<br>
<blockquote>"TechSolutions a transformé notre manière de travailler grâce à leurs solutions innovantes."</blockquote>
<p>- Sophie Lefèvre, Directrice Marketing</p>
</div>
<div class="testimonial">
<img src="img/im4.jpeg" alt="François Dubois" class="testimonial-img">
<br>
<blockquote>"Un partenaire fiable et efficace pour tous vos besoins en IT. Nous sommes ravis."</blockquote>
<p>- François Dubois, Responsable IT</p>
</div>
</section>
<footer>
<h3>Contactez-Nous</h3>
<div class="mentionlegal">
<p>
TechSolutions est une entreprise de developpement web. <br>
Pour une connaissance complete sur notre politique, nous vous invitons <br>
à clicker ici <a href="#">politique de confidentialités</a>.
</p>
</div>
<div id="ContactContainer">
<div class="contact">
<a href="#">Notre Email : techsolutions@gmail.com</a>
<a href="#">Notre Numéro : +228 99 36 75 20</a>
<a href="#">Notre Adresse : Togo Lomé</a>
</div>
<div class="reseaulinK">
<a href="#">
<img src="./images/facebook.svg" alt="facebook link">
</a>
<a href="#">
<img src="./images/tiktok.svg" alt="tiktok link">
</a>
<a href="#">
<img src="./images/youtube.svg" alt="google link">
</a>
<a href="#">
<img src="./images/whatsapp.svg" alt="whatsapp link">
</a>
<a href="#">
<img src="./images/linkedin.svg" alt="linkedin link">
</a>
<a href="#">
<img src="./images/twitter.svg" alt="linkedin link">
</a>
</div>
</div>
</footer>
</main>
</body>
</html>