Home format

src/app/pages/home/home.page.html

@@ -24,7 +24,7 @@
   </div> -->
 
   <div class="offer">
-    <div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/offer.webp)'"></div>
+    <div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/offer.jpg)'"></div>
   </div>
 
   <!-- <div class="flex">
@@ -63,11 +63,11 @@
     <div class="list">
       <div class="bg_image back_image" [style.backgroundImage]="'url(assets/images/p2.jpg)'"></div>
       <div class="detail">
-        <ion-label class="bg_text">3D Design</ion-label>
-
         <ion-label class="name">{{item.short_title}}</ion-label>
+        <ion-label class="bg_text">{{item.short_description}}</ion-label>
 
-        <ion-label class="price">$48.00 </ion-label>
+
+<!--        <ion-label class="price">$48.00 </ion-label>-->
 
         <div class="row">
 <!--          <ion-icon name="star-half-outline" color="warning"></ion-icon>-->
@@ -77,7 +77,7 @@
         </div>
       </div>
     </div>
-    <ion-icon slot="end" name="bookmark-outline" class="save" color="primary"></ion-icon>
+<!--    <ion-icon slot="end" name="bookmark-outline" class="save" color="primary"></ion-icon>-->
   </div>
 
   <div class="flex">

src/app/pages/home/home.page.scss

@@ -95,10 +95,11 @@ ion-content {
 
   .offer {
     margin-top: 10px;
-
+margin-bottom: 10px;
     .back_image {
       height: 150px;
       width: 100%;
+      border-radius: 15px;
     }
   }
 
@@ -199,7 +200,7 @@ ion-content {
           font-size: 12px;
           padding: 2px 5px;
           border-radius: 5px;
-          width: 80px;
+          //width: 80px;
           text-align: center;
         }