Skip to content

Commit 1230b05

Browse files
ClaireAmorClaireAmor
committed
ajout de faux avis
1 parent 56613d9 commit 1230b05

File tree

2 files changed

+76
-15
lines changed

2 files changed

+76
-15
lines changed

‎assets/css/styles.css

+28
Original file line numberDiff line numberDiff line change
@@ -288,6 +288,34 @@ form {
288288
padding: 50px 0;
289289
}
290290

291+
.all-avis {
292+
display: grid;
293+
grid-template-columns: 33% 33% 33%;
294+
text-align: start;
295+
margin-top: 70px;
296+
297+
}
298+
299+
.content-avis {
300+
width: 90%;
301+
}
302+
303+
.text-avis {
304+
font-size: 24px;
305+
306+
}
307+
.star {
308+
margin-bottom: 15px;
309+
}
310+
311+
.checked {
312+
color: #3ED899;
313+
}
314+
315+
316+
317+
318+
291319
/*Downoad*/
292320

293321
#section-download {

‎index.html

+48-15
Original file line numberDiff line numberDiff line change
@@ -6,6 +6,10 @@
66
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
77
<title>Tambouille</title>
88
<link rel="stylesheet" href="assets/css/styles.css" />
9+
<link
10+
rel="stylesheet"
11+
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
12+
/>
913
</head>
1014

1115
<body>
@@ -70,20 +74,6 @@ <h2>Des recettes qui<br />s’adaptent à vous !</h2>
7074
</div>
7175
<img class="img-about-us" src="assets/images/plat.png" alt="" />
7276
</div>
73-
74-
<!-- <div class="about-us-content">
75-
<img class="img-about-us" src="assets/images/casserole.png" alt="" />
76-
<div class="text-content-about-us text-padding-left-about-us">
77-
<h2>Des plats<br />à petits prix</h2>
78-
<p class="text-about-us">
79-
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do
80-
eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim
81-
ad minim veniam, quis nostrud ut labore et dolore magna aliqua. Ut
82-
enim ad minim ve
83-
</p>
84-
</div>
85-
</div>
86-
-->
8777
</section>
8878

8979
<section id="section-steps">
@@ -134,7 +124,50 @@ <h2 id="question">Questions Fréquentes</h2>
134124
<div>
135125
<h3>Avis</h3>
136126
</div>
137-
<div>C'est tipar pour le caroussel</div>
127+
<div class="all-avis">
128+
<div class="content-avis">
129+
<div class="star">
130+
<span class="fa fa-star checked"></span>
131+
<span class="fa fa-star checked"></span>
132+
<span class="fa fa-star checked"></span>
133+
<span class="fa fa-star checked"></span>
134+
<span class="fa fa-star"></span>
135+
</div>
136+
<div class="text-avis">
137+
<p>
138+
Merci grâce à l’application je n’ai plus besoin de me préoccuper
139+
de mes courses.
140+
</p>
141+
</div>
142+
</div>
143+
<div class="content-avis">
144+
<div class="star">
145+
<span class="fa fa-star checked"></span>
146+
<span class="fa fa-star checked"></span>
147+
<span class="fa fa-star checked"></span>
148+
<span class="fa fa-star"></span>
149+
<span class="fa fa-star"></span>
150+
</div>
151+
<div class="text-avis">
152+
<p>
153+
Parfait ! Une utilisation simple et efficace. Hâte de découvrir
154+
la suite !
155+
</p>
156+
</div>
157+
</div>
158+
<div class="content-avis">
159+
<div class="star">
160+
<span class="fa fa-star checked"></span>
161+
<span class="fa fa-star checked"></span>
162+
<span class="fa fa-star checked"></span>
163+
<span class="fa fa-star checked"></span>
164+
<span class="fa fa-star checked"></span>
165+
</div>
166+
<div class="text-avis">
167+
<p>Rien à dire merci pour le service.</p>
168+
</div>
169+
</div>
170+
</div>
138171
</div>
139172
</section>
140173

0 commit comments

Comments
 (0)