дезигн+++

src/app/src/app/app.index.component.html

@@ -8,36 +8,44 @@
       </div>
     </div>
     <div fxLayout="row" fxLayoutAlign="center center" fxLayoutGap="10px">
-      <mat-card fxFlex="33">
-        <mat-card-title>
-          <h2>Почему свободные?</h2>
-        </mat-card-title>
+      <mat-card fxFlex="15">
+        <img alt="gesell red" mat-card-image src="../assets/gred.png"/>
+        <mat-card-header>
+          <mat-card-title>
+            <h3>Почему свободные?</h3>
+          </mat-card-title>
+        </mat-card-header>
         <mat-card-content>
-          <p style="font-size: large; text-indent: 1em;">Потому что такие деньги никто не будет отличать от собственно товаров, которые потребляет человек, никто их не будет никоим образом отличать, как нечто лучшее. Никто: ни покупатель, ни продавец. </p>
+          <p style="text-indent: 1em;">Потому что такие деньги никто не будет отличать от собственно товаров, которые потребляет человек, никто их не будет никоим образом отличать, как нечто лучшее. Никто: ни покупатель, ни продавец. </p>
         </mat-card-content>
         <mat-card-actions fxLayout="row" fxLayoutAlign="center stretch">
           <button mat-raised-button>О ПРОЕКТЕ</button>
         </mat-card-actions>
       </mat-card>
-      <mat-card fxFlex="33">
-        <mat-card-title>
-          <h2>Cвободные?</h2>
-
-        </mat-card-title>
+      <mat-card fxFlex="20">
+        <img alt="gesell red" mat-card-image src="../assets/gred.png"/>
+        <mat-card-header>
+          <mat-card-title>
+            <h2>Cвободные?</h2>
+          </mat-card-title>
+        </mat-card-header>
         <mat-card-content>
-          <p style="font-size: large; text-indent: 1em;">Только те деньги, которые приходят в негодность, как вчерашние газеты, как прошлогодний картофель, как железяка, пролежавшая в земле сто лет, и могут быть <strong>настоящими деньгами</strong>, т. е. инструментом для обмена тех же газет, картофеля, железа и т. д. </p>
+          <p style="text-indent: 1em;">Только те деньги, которые приходят в негодность, как вчерашние газеты, как прошлогодний картофель, как железяка, пролежавшая в земле сто лет, и могут быть <strong>настоящими деньгами</strong>, т. е. инструментом для обмена тех же газет, картофеля, железа и т. д. </p>
           <p style="text-align: right"><em><a href="https://ru.wikipedia.org/wiki/%D0%93%D0%B5%D0%B7%D0%B5%D0%BB%D0%BB%D1%8C,_%D0%A1%D0%B8%D0%BB%D1%8C%D0%B2%D0%B8%D0%BE" target="_blank">Сильвио Гезелль</a></em></p>
         </mat-card-content>
         <mat-card-actions fxLayout="row" fxLayoutAlign="center stretch">
           <button [routerLink]="['/login']" color="primary" mat-raised-button>ПОПРОБОВАТЬ СЕЙЧАС</button>
         </mat-card-actions>
       </mat-card>
-      <mat-card fxFlex="33">
-        <mat-card-title>
-          <h2>Зачем свободные?</h2>
-        </mat-card-title>
+      <mat-card fxFlex="15">
+        <img alt="gesell red" mat-card-image src="../assets/gred.png"/>
+        <mat-card-header>
+          <mat-card-title>
+            <h3>Зачем свободные?</h3>
+          </mat-card-title>
+        </mat-card-header>
         <mat-card-content>
-          <p style="font-size: large;  text-indent: 1em;">И тогда, и только тогда деньги станут тем, что они есть в их самом чистом виде: средством обмена, помощником при обмене товарами.</p>
+          <p style="text-indent: 1em;">И тогда, и только тогда деньги станут тем, что они есть в их самом чистом виде: средством обмена, помощником при обмене товарами.</p>
         </mat-card-content>
         <mat-card-actions fxLayout="row" fxLayoutAlign="center stretch">
           <button color="accent" mat-raised-button>УЗНАТЬ БОЛЬШЕ</button>