for guigui

src/app/components/bars/bars.component.css

@@ -15,10 +15,10 @@
 }
 
 .card {
-	background-color: #DCDCDC;
-	border-radius: 5px;
-	border: 1px #222222 solid;
-	margin: 5px 15px;
+	background-color: #FFFFFF;
+	border-radius: 4px;
+	margin: 8px 15px;
+	box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px -1px rgba(34, 34, 34, 0.2);
 }
 
 .card-header, .card-actions {

src/app/components/bars/bars.component.html

@@ -18,3 +18,17 @@
 		</div>
 	</div>
 </section>
+<!-- <section>
+	<div class=" card row-container center">
+		<div class="card-header">
+			<img class="logo-img" src="https://fakeimg.pl/300/" alt="fake-img">
+		</div>
+		<div class="card-content">
+			<p>Déliriuem Café clermont-ferrand</p>
+			<div>{{ bar.address }}</div>
+		</div>
+		<div class="card-action">
+			<button mat-raised-button color='accent'>choisir</button>
+		</div>
+	</div>
+</section> -->