logo

SYTEME DE DESIGN

COMMENTAIRES

HTML

copy
<h3>COMMENTAIRES</h3>
<div id="carouselExampleIndicators" class="carousel" data-ride="carousel">
  <ol class="carousel-indicators">
    <li data-target="#carouselExampleIndicators" data-slide-to="0" class="active"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="1"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="2"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="3"></li>
    <li data-target="#carouselExampleIndicators" data-slide-to="4"></li>
  </ol>	
  <div id="carouselComments" class="carousel-inner">	  
	<div class='carousel-item active'><div class='comment_content'>Quelle surprise !!! Un pur plaisir, incontournable. Adresse de valeur. Une découverte de nos richesses gustatives locale. Bravo !</div><div class='comment_author'>Jean Louis B</div></div><div class='carousel-item'><div class='comment_content'>On a adoré l’intérieur tellement décoré avec goût cette ambiance feutrée et chaleureuse un bon repas des produits frais locaux cuisinés avec délicatesse une serveuse aimable polie qui connais parfaitement sa carte . À nous deux formule plat dessert 56 euros sans hésitation il faut aller découvrir</div><div class='comment_author'>angel042b</div></div><div class='carousel-item'><div class='comment_content'>Très bon et chaleureux restaurant sur Manosque. Les produits sont locaux et leurs goûts sont succulent. Le chef est au top et la serveuse adorable. Ils sont vraiment incontournables</div><div class='comment_author'>valo640</div></div><div class='carousel-item'><div class='comment_content'>Nous sommes venus entre amis restaurant nouveau sur Manosque magnifique décoration une carte courte signe de qualité des produits on a pris une formule plat dessert a 28 euros. Très très bon repas la serveuse connait très bien sa carte nous explique la provenance des produits qui se trouve dans nos assiettes. Un restaurant qui met autant en avant des produits frais locaux et même certains bio ça devient rare et c'est ce qu'on a apprécié. On reviendra très bientôt et on recommande ce restaurant incontournable sur Manosque</div><div class='comment_author'>Inspire48358267629</div></div><div class='carousel-item'><div class='comment_content'>Excellent restaurant !
Excellent restaurant ! Toujours bien accueilli , les produits sont frais et locaux, le résultat est vraiment très bon ! Le chef Laurent nous régale à chaque fois, encore merci nous reviendrons c’est certain !!!</div><div class='comment_author'>romain013</div></div>  </div>
</div>

CSS

copy
h3 {
	text-align: center;
	margin-top: 3rem;
	margin-bottom: 3rem;
}

.carousel {
	width: 95%;
	margin-left: auto;
	margin-right: auto;
}

.comment_content {
	border: 1px solid #000;
	border-radius: 20px;
	padding: 1rem;
	margin-bottom: 3rem;
}

.comment_content::before {
	position: absolute;
	right: 0;
	bottom: 0;
	margin-right: 17px;
	margin-bottom: 5.2rem;
	content: "";
	width:40px;
	height:40px;
	background-image: url("../img/bulle.jpg");
	background-repeat: no-repeat;
}

.comment_author {
	text-align: right;
	padding-bottom: 3rem;
}

.carousel-indicators li {
	background-color: #000!important;
}

/* WIDE SCREEN : Tablette et Ordinateur (desktop) à partir de 992px */
@media (min-width: 992px) {
	.carousel {
		width: 50%;
	}	
}

Wordpress :

Extention ==> Commentaires

 

Site à consulter pour le Carousel : v5.getbootstrap.com