-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
181 lines (173 loc) · 6.24 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
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- recuperer font awesome -->
<script
src="https://kit.fontawesome.com/0050ad9f6a.js"
crossorigin="anonymous"
></script>
<link rel="stylesheet" href="./css/Style.css" />
<link
rel="stylesheet"
media="only screen and (max-width:500px)"
href="./css/Style.mobile.css"
/>
<link
href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Liu+Jian+Mao+Cao&family=Long+Cang&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap"
rel="stylesheet"
/>
<title>Agence Ledor</title>
</head>
<body>
<div class="vp-container">
<header>
<h2 class="vp-logo">
<i class="fa-solid fa-crown"></i>
<a href="#">Ledor</a>
</h2>
<ul>
<li><a href="#offre">Nos offres</a></li>
<li><a href="#team">Notre équipe</a></li>
<li><a href="#contact">Contact</a></li>
</ul>
</header>
<section class="vp">
<div class="vp-content">
<h1>
Un <strong>immobilier </strong> d'exception pour des clients
d'exception
</h1>
<p>
Découvrez notre sélection exclusive de biens immobiliers haut de
gamme, conçus pour répondre aux attentes les plus exigeantes de
notre clientèle distinguée.
</p>
</div>
</section>
</div>
<section id="offre" class="offer">
<div class="container">
<h2 class="title">Nos dernières acquisitions</h2>
<ul class="offer-list">
<li class="offer-elem">
<img src="./img/house1.jfif" alt="house1" class="offer-elem-img" />
<div class="offer-text">
<p>Appartement - Paris 75007</p>
<p>11 chambres 250m2</p>
<div class="offer-separator"></div>
<p>3900000€-4200000€</p>
</div>
</li>
<li class="offer-elem">
<img src="./img/house2.jfif" alt="house2" class="offer-elem-img" />
<div class="offer-text">
<p>Appartement - Paris 75007</p>
<p>5 chambres 233m2</p>
<div class="offer-separator"></div>
<p>3900000€-4200000€</p>
</div>
</li>
<li class="offer-elem">
<img src="./img/house3.jfif" alt="house3" class="offer-elem-img" />
<div class="offer-text">
<p>Appartement - Paris 75001</p>
<p>5 chambres 240m2</p>
<div class="offer-separator"></div>
<p>3900000€-4200000€</p>
</div>
</li>
</ul>
</div>
</section>
<section id="team" class="team">
<div class="team-content-img bg-dark"></div>
<div class="team-content-text bg-dark">
<h2 class="title">
Une équipe de <strong>professionnels</strong> avec plus de 10 ans
d'expérience
</h2>
<p>
Notre équipe de conseillers immobiliers est à votre disposition pour
vous accompagner dans votre projet d'achat ou de vente de biens
immobiliers de prestige. Nous mettons à votre disposition notre
expertise et notre savoir-faire pour vous garantir une transaction en
toute sérénité.
</p>
</div>
</section>
<section class="avis">
<div class="container">
<div class="avis-content">
<h2 class="title">Ils nous ont fait confiance</h2>
<div class="avis-elem">
<div class="avis-elem-text">
<p>
<i class="fa-solid fa-quote-left"></i>
J'ai été très satisfaite de la prestation de l'agence Ledor. Les
conseillers ont été très professionnels et à l'écoute de mes
besoins. Je recommande vivement !
<i class="fa-solid fa-quote-right"></i>
</p>
</div>
<div class="avis-elem-profil">
<img src="./img/personne1.avif" alt="personne1" />
<p>Marie dupont</p>
<em class="text-hint">CEO Etoile</em>
</div>
</div>
<div class="avis-elem avis-elem-reverse">
<div class="avis-elem-profil">
<img src="./img/personne2.jpg" alt="personne2" />
<p>Jean Dupont</p>
<em class="text-hint"> Directeur général </em>
</div>
<div class="avis-elem-text">
<p>
<i class="fa-solid fa-quote-left"></i>
J'ai été très satisfait de la prestation de l'agence Ledor. Je
recommande vivement !
<i class="fa-solid fa-quote-right"></i>
</p>
</div>
</div>
<div class="avis-elem">
<div class="avis-elem-text">
<p>
<i class="fa-solid fa-quote-left"></i>
J'ai été très satisfaite de la prestation de l'agence Ledor. Les
conseillers ont été très professionnels et à l'écoute de mes
besoins. Je recommande vivement !
<i class="fa-solid fa-quote-right"></i>
</p>
</div>
<div class="avis-elem-profil">
<img src="./img/personne3.avif" alt="personne3" />
<p>joseph</p>
<em class="text-hint"> professeur </em>
</div>
</div>
</div>
</div>
</section>
<section id="contact" class="contact bg-dark">
<form action="#" class="contact-form">
<h2 class="title">Pour nous <strong> contacter</strong></h2>
<input type="text" placeholder="Nom" name="Nom" id="Nom" />
<input type="text" placeholder="Email" name="Email" id="Email" />
<input
type="text"
placeholder="Votre Message ..."
name="Message"
id="Message"
/>
<button class="contact-button">Soumettre</button>
</form>
</section>
</body>
</html>