diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.html b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
index 896de32..14ccdd3 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.html
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
@@ -1,3 +1,27 @@
-<p>
-  list-sites works!
-</p>
+<div class="container">
+  <ul class="p-3 d-flex align-items-center justify-content-center container">
+    <li class="p-3 d-flex justify-content-between align-items-center">
+      <div class="img-container ps-1">
+        <div class=""></div>
+      </div>
+      <div class="info-container">
+        <div class="title d-flex justify-content-between align-items-center">
+          <h2>Restaurante ǵpuls</h2>
+          <div>
+            <i><img src="../../../../../../assets/images/svg/star.svg" alt=""></i>
+          </div>
+        </div>
+        <div class="d-flex justify-content-between align-items-center">
+          <div class="d-flex">
+            <i><img src="../../../../../../assets/images/svg/clock.svg" alt=""></i>
+            <span>Abierto</span>
+            <span>Cierra a las 21:00</span>
+          </div>
+          <div>
+            <i><img src="../../../../../../assets/images/svg/user.svg" alt=""></i>
+          </div>
+        </div>
+      </div>
+    </li>
+  </ul>
+</div>

diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.html b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
index 896de32..14ccdd3 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.html
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
@@ -1,3 +1,27 @@
-<p>
-  list-sites works!
-</p>
+<div class="container">
+  <ul class="p-3 d-flex align-items-center justify-content-center container">
+    <li class="p-3 d-flex justify-content-between align-items-center">
+      <div class="img-container ps-1">
+        <div class=""></div>
+      </div>
+      <div class="info-container">
+        <div class="title d-flex justify-content-between align-items-center">
+          <h2>Restaurante ǵpuls</h2>
+          <div>
+            <i><img src="../../../../../../assets/images/svg/star.svg" alt=""></i>
+          </div>
+        </div>
+        <div class="d-flex justify-content-between align-items-center">
+          <div class="d-flex">
+            <i><img src="../../../../../../assets/images/svg/clock.svg" alt=""></i>
+            <span>Abierto</span>
+            <span>Cierra a las 21:00</span>
+          </div>
+          <div>
+            <i><img src="../../../../../../assets/images/svg/user.svg" alt=""></i>
+          </div>
+        </div>
+      </div>
+    </li>
+  </ul>
+</div>
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
index e69de29..1529dd6 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
@@ -0,0 +1,38 @@
+* {
+  width: auto;
+  height: auto;
+}
+
+ul {
+  list-style-type: none;
+  padding-left: 0;
+}
+
+li {
+  @media only screen and (min-width: 1500px) {
+    min-height: 250px;
+    width: 1500px;
+    min-width: 1500px;
+  }
+  min-height: 250px;
+  width: 1026px;
+  min-width: 1026px;
+  border: 1.5px solid #8c8c8c;
+  border-radius: 20px;
+}
+
+.img-container {
+ 
+}
+
+.img-container div {
+  width: 400px;
+  height: 200px;
+  border-radius: 20px;
+  background-image: url(../../../../../../assets/images/restaurant_135621509.jpg);
+  background-size: cover;
+}
+
+.info-container{
+  width: 60%;
+}

diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.html b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
index 896de32..14ccdd3 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.html
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
@@ -1,3 +1,27 @@
-<p>
-  list-sites works!
-</p>
+<div class="container">
+  <ul class="p-3 d-flex align-items-center justify-content-center container">
+    <li class="p-3 d-flex justify-content-between align-items-center">
+      <div class="img-container ps-1">
+        <div class=""></div>
+      </div>
+      <div class="info-container">
+        <div class="title d-flex justify-content-between align-items-center">
+          <h2>Restaurante ǵpuls</h2>
+          <div>
+            <i><img src="../../../../../../assets/images/svg/star.svg" alt=""></i>
+          </div>
+        </div>
+        <div class="d-flex justify-content-between align-items-center">
+          <div class="d-flex">
+            <i><img src="../../../../../../assets/images/svg/clock.svg" alt=""></i>
+            <span>Abierto</span>
+            <span>Cierra a las 21:00</span>
+          </div>
+          <div>
+            <i><img src="../../../../../../assets/images/svg/user.svg" alt=""></i>
+          </div>
+        </div>
+      </div>
+    </li>
+  </ul>
+</div>
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
index e69de29..1529dd6 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
@@ -0,0 +1,38 @@
+* {
+  width: auto;
+  height: auto;
+}
+
+ul {
+  list-style-type: none;
+  padding-left: 0;
+}
+
+li {
+  @media only screen and (min-width: 1500px) {
+    min-height: 250px;
+    width: 1500px;
+    min-width: 1500px;
+  }
+  min-height: 250px;
+  width: 1026px;
+  min-width: 1026px;
+  border: 1.5px solid #8c8c8c;
+  border-radius: 20px;
+}
+
+.img-container {
+ 
+}
+
+.img-container div {
+  width: 400px;
+  height: 200px;
+  border-radius: 20px;
+  background-image: url(../../../../../../assets/images/restaurant_135621509.jpg);
+  background-size: cover;
+}
+
+.info-container{
+  width: 60%;
+}
diff --git a/src/app/modules/public/discover/components/sites/sites.component.html b/src/app/modules/public/discover/components/sites/sites.component.html
index 678375b..276a120 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.html
+++ b/src/app/modules/public/discover/components/sites/sites.component.html
@@ -1,24 +1,24 @@
 <div>
   <section
-    class="sites__header-sites d-flex flex-row justify-content-lg-between"
+    class="sites__header-sites d-flex flex-row justify-content-between align-items-center"
   >
-    <div class="d-flex flex-row align-items-center">
-      <button class="button-only-icon mr-0">
+    <div class="d-flex flex-row align-items-center ps-2">
+      <button class="button-only-icon mr-0" (click)="changeModeList()">
         <fa-icon [icon]="icon_border_all"></fa-icon>
       </button>
-      <button class="button-only-icon ml-0">
+      <button class="button-only-icon ml-0" (click)="changeModeSlide()">
         <fa-icon [icon]="icon_border_all"></fa-icon>
       </button>
     </div>
     <p class="text-center m-0">Todos los sitios</p>
-    <div class="d-flex flex-row">
+    <div class="pe-2">
       <app-dropdown-categories [name]="'Tiendas'"></app-dropdown-categories>
     </div>
   </section>
-  <div *ngIf="is_slide_mode" class="d-flex align-items-center">
+  <div *ngIf="is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
     <app-slide-sites></app-slide-sites>
   </div>
-  <div *ngIf="!is_slide_mode" class="sites_list">
+  <div *ngIf="!is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
     <app-list-sites></app-list-sites>
   </div>
 

diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.html b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
index 896de32..14ccdd3 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.html
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
@@ -1,3 +1,27 @@
-<p>
-  list-sites works!
-</p>
+<div class="container">
+  <ul class="p-3 d-flex align-items-center justify-content-center container">
+    <li class="p-3 d-flex justify-content-between align-items-center">
+      <div class="img-container ps-1">
+        <div class=""></div>
+      </div>
+      <div class="info-container">
+        <div class="title d-flex justify-content-between align-items-center">
+          <h2>Restaurante ǵpuls</h2>
+          <div>
+            <i><img src="../../../../../../assets/images/svg/star.svg" alt=""></i>
+          </div>
+        </div>
+        <div class="d-flex justify-content-between align-items-center">
+          <div class="d-flex">
+            <i><img src="../../../../../../assets/images/svg/clock.svg" alt=""></i>
+            <span>Abierto</span>
+            <span>Cierra a las 21:00</span>
+          </div>
+          <div>
+            <i><img src="../../../../../../assets/images/svg/user.svg" alt=""></i>
+          </div>
+        </div>
+      </div>
+    </li>
+  </ul>
+</div>
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
index e69de29..1529dd6 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
@@ -0,0 +1,38 @@
+* {
+  width: auto;
+  height: auto;
+}
+
+ul {
+  list-style-type: none;
+  padding-left: 0;
+}
+
+li {
+  @media only screen and (min-width: 1500px) {
+    min-height: 250px;
+    width: 1500px;
+    min-width: 1500px;
+  }
+  min-height: 250px;
+  width: 1026px;
+  min-width: 1026px;
+  border: 1.5px solid #8c8c8c;
+  border-radius: 20px;
+}
+
+.img-container {
+ 
+}
+
+.img-container div {
+  width: 400px;
+  height: 200px;
+  border-radius: 20px;
+  background-image: url(../../../../../../assets/images/restaurant_135621509.jpg);
+  background-size: cover;
+}
+
+.info-container{
+  width: 60%;
+}
diff --git a/src/app/modules/public/discover/components/sites/sites.component.html b/src/app/modules/public/discover/components/sites/sites.component.html
index 678375b..276a120 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.html
+++ b/src/app/modules/public/discover/components/sites/sites.component.html
@@ -1,24 +1,24 @@
 <div>
   <section
-    class="sites__header-sites d-flex flex-row justify-content-lg-between"
+    class="sites__header-sites d-flex flex-row justify-content-between align-items-center"
   >
-    <div class="d-flex flex-row align-items-center">
-      <button class="button-only-icon mr-0">
+    <div class="d-flex flex-row align-items-center ps-2">
+      <button class="button-only-icon mr-0" (click)="changeModeList()">
         <fa-icon [icon]="icon_border_all"></fa-icon>
       </button>
-      <button class="button-only-icon ml-0">
+      <button class="button-only-icon ml-0" (click)="changeModeSlide()">
         <fa-icon [icon]="icon_border_all"></fa-icon>
       </button>
     </div>
     <p class="text-center m-0">Todos los sitios</p>
-    <div class="d-flex flex-row">
+    <div class="pe-2">
       <app-dropdown-categories [name]="'Tiendas'"></app-dropdown-categories>
     </div>
   </section>
-  <div *ngIf="is_slide_mode" class="d-flex align-items-center">
+  <div *ngIf="is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
     <app-slide-sites></app-slide-sites>
   </div>
-  <div *ngIf="!is_slide_mode" class="sites_list">
+  <div *ngIf="!is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
     <app-list-sites></app-list-sites>
   </div>
 
diff --git a/src/app/modules/public/discover/components/sites/sites.component.scss b/src/app/modules/public/discover/components/sites/sites.component.scss
index f993430..02ab10c 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.scss
+++ b/src/app/modules/public/discover/components/sites/sites.component.scss
@@ -5,6 +5,6 @@
     border-bottom: 4px solid #B72929;
 }
 
-.sites_slide{
-    height:14.375rem;
+.sites__header-sites div{
+    width:auto;
 }
\ No newline at end of file

diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.html b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
index 896de32..14ccdd3 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.html
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
@@ -1,3 +1,27 @@
-<p>
-  list-sites works!
-</p>
+<div class="container">
+  <ul class="p-3 d-flex align-items-center justify-content-center container">
+    <li class="p-3 d-flex justify-content-between align-items-center">
+      <div class="img-container ps-1">
+        <div class=""></div>
+      </div>
+      <div class="info-container">
+        <div class="title d-flex justify-content-between align-items-center">
+          <h2>Restaurante ǵpuls</h2>
+          <div>
+            <i><img src="../../../../../../assets/images/svg/star.svg" alt=""></i>
+          </div>
+        </div>
+        <div class="d-flex justify-content-between align-items-center">
+          <div class="d-flex">
+            <i><img src="../../../../../../assets/images/svg/clock.svg" alt=""></i>
+            <span>Abierto</span>
+            <span>Cierra a las 21:00</span>
+          </div>
+          <div>
+            <i><img src="../../../../../../assets/images/svg/user.svg" alt=""></i>
+          </div>
+        </div>
+      </div>
+    </li>
+  </ul>
+</div>
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
index e69de29..1529dd6 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
@@ -0,0 +1,38 @@
+* {
+  width: auto;
+  height: auto;
+}
+
+ul {
+  list-style-type: none;
+  padding-left: 0;
+}
+
+li {
+  @media only screen and (min-width: 1500px) {
+    min-height: 250px;
+    width: 1500px;
+    min-width: 1500px;
+  }
+  min-height: 250px;
+  width: 1026px;
+  min-width: 1026px;
+  border: 1.5px solid #8c8c8c;
+  border-radius: 20px;
+}
+
+.img-container {
+ 
+}
+
+.img-container div {
+  width: 400px;
+  height: 200px;
+  border-radius: 20px;
+  background-image: url(../../../../../../assets/images/restaurant_135621509.jpg);
+  background-size: cover;
+}
+
+.info-container{
+  width: 60%;
+}
diff --git a/src/app/modules/public/discover/components/sites/sites.component.html b/src/app/modules/public/discover/components/sites/sites.component.html
index 678375b..276a120 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.html
+++ b/src/app/modules/public/discover/components/sites/sites.component.html
@@ -1,24 +1,24 @@
 <div>
   <section
-    class="sites__header-sites d-flex flex-row justify-content-lg-between"
+    class="sites__header-sites d-flex flex-row justify-content-between align-items-center"
   >
-    <div class="d-flex flex-row align-items-center">
-      <button class="button-only-icon mr-0">
+    <div class="d-flex flex-row align-items-center ps-2">
+      <button class="button-only-icon mr-0" (click)="changeModeList()">
         <fa-icon [icon]="icon_border_all"></fa-icon>
       </button>
-      <button class="button-only-icon ml-0">
+      <button class="button-only-icon ml-0" (click)="changeModeSlide()">
         <fa-icon [icon]="icon_border_all"></fa-icon>
       </button>
     </div>
     <p class="text-center m-0">Todos los sitios</p>
-    <div class="d-flex flex-row">
+    <div class="pe-2">
       <app-dropdown-categories [name]="'Tiendas'"></app-dropdown-categories>
     </div>
   </section>
-  <div *ngIf="is_slide_mode" class="d-flex align-items-center">
+  <div *ngIf="is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
     <app-slide-sites></app-slide-sites>
   </div>
-  <div *ngIf="!is_slide_mode" class="sites_list">
+  <div *ngIf="!is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
     <app-list-sites></app-list-sites>
   </div>
 
diff --git a/src/app/modules/public/discover/components/sites/sites.component.scss b/src/app/modules/public/discover/components/sites/sites.component.scss
index f993430..02ab10c 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.scss
+++ b/src/app/modules/public/discover/components/sites/sites.component.scss
@@ -5,6 +5,6 @@
     border-bottom: 4px solid #B72929;
 }
 
-.sites_slide{
-    height:14.375rem;
+.sites__header-sites div{
+    width:auto;
 }
\ No newline at end of file
diff --git a/src/app/modules/public/discover/components/sites/sites.component.ts b/src/app/modules/public/discover/components/sites/sites.component.ts
index fd365f7..d24891f 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.ts
+++ b/src/app/modules/public/discover/components/sites/sites.component.ts
@@ -13,4 +13,12 @@
   ngOnInit() {
   }
 
+  changeModeList(){
+    this.is_slide_mode=true;
+  }
+
+  changeModeSlide(){
+    this.is_slide_mode=false;
+  }
+
 }

diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.html b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
index 896de32..14ccdd3 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.html
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
@@ -1,3 +1,27 @@
-<p>
-  list-sites works!
-</p>
+<div class="container">
+  <ul class="p-3 d-flex align-items-center justify-content-center container">
+    <li class="p-3 d-flex justify-content-between align-items-center">
+      <div class="img-container ps-1">
+        <div class=""></div>
+      </div>
+      <div class="info-container">
+        <div class="title d-flex justify-content-between align-items-center">
+          <h2>Restaurante ǵpuls</h2>
+          <div>
+            <i><img src="../../../../../../assets/images/svg/star.svg" alt=""></i>
+          </div>
+        </div>
+        <div class="d-flex justify-content-between align-items-center">
+          <div class="d-flex">
+            <i><img src="../../../../../../assets/images/svg/clock.svg" alt=""></i>
+            <span>Abierto</span>
+            <span>Cierra a las 21:00</span>
+          </div>
+          <div>
+            <i><img src="../../../../../../assets/images/svg/user.svg" alt=""></i>
+          </div>
+        </div>
+      </div>
+    </li>
+  </ul>
+</div>
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
index e69de29..1529dd6 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
@@ -0,0 +1,38 @@
+* {
+  width: auto;
+  height: auto;
+}
+
+ul {
+  list-style-type: none;
+  padding-left: 0;
+}
+
+li {
+  @media only screen and (min-width: 1500px) {
+    min-height: 250px;
+    width: 1500px;
+    min-width: 1500px;
+  }
+  min-height: 250px;
+  width: 1026px;
+  min-width: 1026px;
+  border: 1.5px solid #8c8c8c;
+  border-radius: 20px;
+}
+
+.img-container {
+ 
+}
+
+.img-container div {
+  width: 400px;
+  height: 200px;
+  border-radius: 20px;
+  background-image: url(../../../../../../assets/images/restaurant_135621509.jpg);
+  background-size: cover;
+}
+
+.info-container{
+  width: 60%;
+}
diff --git a/src/app/modules/public/discover/components/sites/sites.component.html b/src/app/modules/public/discover/components/sites/sites.component.html
index 678375b..276a120 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.html
+++ b/src/app/modules/public/discover/components/sites/sites.component.html
@@ -1,24 +1,24 @@
 <div>
   <section
-    class="sites__header-sites d-flex flex-row justify-content-lg-between"
+    class="sites__header-sites d-flex flex-row justify-content-between align-items-center"
   >
-    <div class="d-flex flex-row align-items-center">
-      <button class="button-only-icon mr-0">
+    <div class="d-flex flex-row align-items-center ps-2">
+      <button class="button-only-icon mr-0" (click)="changeModeList()">
         <fa-icon [icon]="icon_border_all"></fa-icon>
       </button>
-      <button class="button-only-icon ml-0">
+      <button class="button-only-icon ml-0" (click)="changeModeSlide()">
         <fa-icon [icon]="icon_border_all"></fa-icon>
       </button>
     </div>
     <p class="text-center m-0">Todos los sitios</p>
-    <div class="d-flex flex-row">
+    <div class="pe-2">
       <app-dropdown-categories [name]="'Tiendas'"></app-dropdown-categories>
     </div>
   </section>
-  <div *ngIf="is_slide_mode" class="d-flex align-items-center">
+  <div *ngIf="is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
     <app-slide-sites></app-slide-sites>
   </div>
-  <div *ngIf="!is_slide_mode" class="sites_list">
+  <div *ngIf="!is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
     <app-list-sites></app-list-sites>
   </div>
 
diff --git a/src/app/modules/public/discover/components/sites/sites.component.scss b/src/app/modules/public/discover/components/sites/sites.component.scss
index f993430..02ab10c 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.scss
+++ b/src/app/modules/public/discover/components/sites/sites.component.scss
@@ -5,6 +5,6 @@
     border-bottom: 4px solid #B72929;
 }
 
-.sites_slide{
-    height:14.375rem;
+.sites__header-sites div{
+    width:auto;
 }
\ No newline at end of file
diff --git a/src/app/modules/public/discover/components/sites/sites.component.ts b/src/app/modules/public/discover/components/sites/sites.component.ts
index fd365f7..d24891f 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.ts
+++ b/src/app/modules/public/discover/components/sites/sites.component.ts
@@ -13,4 +13,12 @@
   ngOnInit() {
   }
 
+  changeModeList(){
+    this.is_slide_mode=true;
+  }
+
+  changeModeSlide(){
+    this.is_slide_mode=false;
+  }
+
 }
diff --git a/src/assets/images/svg/arro b/src/assets/images/svg/arro
deleted file mode 100644
index e69de29..0000000
--- a/src/assets/images/svg/arro
+++ /dev/null

diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.html b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
index 896de32..14ccdd3 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.html
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
@@ -1,3 +1,27 @@
-<p>
-  list-sites works!
-</p>
+<div class="container">
+  <ul class="p-3 d-flex align-items-center justify-content-center container">
+    <li class="p-3 d-flex justify-content-between align-items-center">
+      <div class="img-container ps-1">
+        <div class=""></div>
+      </div>
+      <div class="info-container">
+        <div class="title d-flex justify-content-between align-items-center">
+          <h2>Restaurante ǵpuls</h2>
+          <div>
+            <i><img src="../../../../../../assets/images/svg/star.svg" alt=""></i>
+          </div>
+        </div>
+        <div class="d-flex justify-content-between align-items-center">
+          <div class="d-flex">
+            <i><img src="../../../../../../assets/images/svg/clock.svg" alt=""></i>
+            <span>Abierto</span>
+            <span>Cierra a las 21:00</span>
+          </div>
+          <div>
+            <i><img src="../../../../../../assets/images/svg/user.svg" alt=""></i>
+          </div>
+        </div>
+      </div>
+    </li>
+  </ul>
+</div>
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
index e69de29..1529dd6 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
@@ -0,0 +1,38 @@
+* {
+  width: auto;
+  height: auto;
+}
+
+ul {
+  list-style-type: none;
+  padding-left: 0;
+}
+
+li {
+  @media only screen and (min-width: 1500px) {
+    min-height: 250px;
+    width: 1500px;
+    min-width: 1500px;
+  }
+  min-height: 250px;
+  width: 1026px;
+  min-width: 1026px;
+  border: 1.5px solid #8c8c8c;
+  border-radius: 20px;
+}
+
+.img-container {
+ 
+}
+
+.img-container div {
+  width: 400px;
+  height: 200px;
+  border-radius: 20px;
+  background-image: url(../../../../../../assets/images/restaurant_135621509.jpg);
+  background-size: cover;
+}
+
+.info-container{
+  width: 60%;
+}
diff --git a/src/app/modules/public/discover/components/sites/sites.component.html b/src/app/modules/public/discover/components/sites/sites.component.html
index 678375b..276a120 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.html
+++ b/src/app/modules/public/discover/components/sites/sites.component.html
@@ -1,24 +1,24 @@
 <div>
   <section
-    class="sites__header-sites d-flex flex-row justify-content-lg-between"
+    class="sites__header-sites d-flex flex-row justify-content-between align-items-center"
   >
-    <div class="d-flex flex-row align-items-center">
-      <button class="button-only-icon mr-0">
+    <div class="d-flex flex-row align-items-center ps-2">
+      <button class="button-only-icon mr-0" (click)="changeModeList()">
         <fa-icon [icon]="icon_border_all"></fa-icon>
       </button>
-      <button class="button-only-icon ml-0">
+      <button class="button-only-icon ml-0" (click)="changeModeSlide()">
         <fa-icon [icon]="icon_border_all"></fa-icon>
       </button>
     </div>
     <p class="text-center m-0">Todos los sitios</p>
-    <div class="d-flex flex-row">
+    <div class="pe-2">
       <app-dropdown-categories [name]="'Tiendas'"></app-dropdown-categories>
     </div>
   </section>
-  <div *ngIf="is_slide_mode" class="d-flex align-items-center">
+  <div *ngIf="is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
     <app-slide-sites></app-slide-sites>
   </div>
-  <div *ngIf="!is_slide_mode" class="sites_list">
+  <div *ngIf="!is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
     <app-list-sites></app-list-sites>
   </div>
 
diff --git a/src/app/modules/public/discover/components/sites/sites.component.scss b/src/app/modules/public/discover/components/sites/sites.component.scss
index f993430..02ab10c 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.scss
+++ b/src/app/modules/public/discover/components/sites/sites.component.scss
@@ -5,6 +5,6 @@
     border-bottom: 4px solid #B72929;
 }
 
-.sites_slide{
-    height:14.375rem;
+.sites__header-sites div{
+    width:auto;
 }
\ No newline at end of file
diff --git a/src/app/modules/public/discover/components/sites/sites.component.ts b/src/app/modules/public/discover/components/sites/sites.component.ts
index fd365f7..d24891f 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.ts
+++ b/src/app/modules/public/discover/components/sites/sites.component.ts
@@ -13,4 +13,12 @@
   ngOnInit() {
   }
 
+  changeModeList(){
+    this.is_slide_mode=true;
+  }
+
+  changeModeSlide(){
+    this.is_slide_mode=false;
+  }
+
 }
diff --git a/src/assets/images/svg/arro b/src/assets/images/svg/arro
deleted file mode 100644
index e69de29..0000000
--- a/src/assets/images/svg/arro
+++ /dev/null
diff --git a/src/assets/images/svg/clock.svg b/src/assets/images/svg/clock.svg
new file mode 100644
index 0000000..d8ba474
--- /dev/null
+++ b/src/assets/images/svg/clock.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.5 3.125C7.32422 3.125 3.125 7.32422 3.125 12.5C3.125 17.6758 7.32422 21.875 12.5 21.875C17.6758 21.875 21.875 17.6758 21.875 12.5C21.875 7.32422 17.6758 3.125 12.5 3.125Z" stroke="#3A9B43" stroke-width="1.5" stroke-miterlimit="10"/>
+<path d="M12.5 6.25V13.2812H17.1875" stroke="#3A9B43" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>

diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.html b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
index 896de32..14ccdd3 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.html
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
@@ -1,3 +1,27 @@
-<p>
-  list-sites works!
-</p>
+<div class="container">
+  <ul class="p-3 d-flex align-items-center justify-content-center container">
+    <li class="p-3 d-flex justify-content-between align-items-center">
+      <div class="img-container ps-1">
+        <div class=""></div>
+      </div>
+      <div class="info-container">
+        <div class="title d-flex justify-content-between align-items-center">
+          <h2>Restaurante ǵpuls</h2>
+          <div>
+            <i><img src="../../../../../../assets/images/svg/star.svg" alt=""></i>
+          </div>
+        </div>
+        <div class="d-flex justify-content-between align-items-center">
+          <div class="d-flex">
+            <i><img src="../../../../../../assets/images/svg/clock.svg" alt=""></i>
+            <span>Abierto</span>
+            <span>Cierra a las 21:00</span>
+          </div>
+          <div>
+            <i><img src="../../../../../../assets/images/svg/user.svg" alt=""></i>
+          </div>
+        </div>
+      </div>
+    </li>
+  </ul>
+</div>
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
index e69de29..1529dd6 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
@@ -0,0 +1,38 @@
+* {
+  width: auto;
+  height: auto;
+}
+
+ul {
+  list-style-type: none;
+  padding-left: 0;
+}
+
+li {
+  @media only screen and (min-width: 1500px) {
+    min-height: 250px;
+    width: 1500px;
+    min-width: 1500px;
+  }
+  min-height: 250px;
+  width: 1026px;
+  min-width: 1026px;
+  border: 1.5px solid #8c8c8c;
+  border-radius: 20px;
+}
+
+.img-container {
+ 
+}
+
+.img-container div {
+  width: 400px;
+  height: 200px;
+  border-radius: 20px;
+  background-image: url(../../../../../../assets/images/restaurant_135621509.jpg);
+  background-size: cover;
+}
+
+.info-container{
+  width: 60%;
+}
diff --git a/src/app/modules/public/discover/components/sites/sites.component.html b/src/app/modules/public/discover/components/sites/sites.component.html
index 678375b..276a120 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.html
+++ b/src/app/modules/public/discover/components/sites/sites.component.html
@@ -1,24 +1,24 @@
 <div>
   <section
-    class="sites__header-sites d-flex flex-row justify-content-lg-between"
+    class="sites__header-sites d-flex flex-row justify-content-between align-items-center"
   >
-    <div class="d-flex flex-row align-items-center">
-      <button class="button-only-icon mr-0">
+    <div class="d-flex flex-row align-items-center ps-2">
+      <button class="button-only-icon mr-0" (click)="changeModeList()">
         <fa-icon [icon]="icon_border_all"></fa-icon>
       </button>
-      <button class="button-only-icon ml-0">
+      <button class="button-only-icon ml-0" (click)="changeModeSlide()">
         <fa-icon [icon]="icon_border_all"></fa-icon>
       </button>
     </div>
     <p class="text-center m-0">Todos los sitios</p>
-    <div class="d-flex flex-row">
+    <div class="pe-2">
       <app-dropdown-categories [name]="'Tiendas'"></app-dropdown-categories>
     </div>
   </section>
-  <div *ngIf="is_slide_mode" class="d-flex align-items-center">
+  <div *ngIf="is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
     <app-slide-sites></app-slide-sites>
   </div>
-  <div *ngIf="!is_slide_mode" class="sites_list">
+  <div *ngIf="!is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
     <app-list-sites></app-list-sites>
   </div>
 
diff --git a/src/app/modules/public/discover/components/sites/sites.component.scss b/src/app/modules/public/discover/components/sites/sites.component.scss
index f993430..02ab10c 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.scss
+++ b/src/app/modules/public/discover/components/sites/sites.component.scss
@@ -5,6 +5,6 @@
     border-bottom: 4px solid #B72929;
 }
 
-.sites_slide{
-    height:14.375rem;
+.sites__header-sites div{
+    width:auto;
 }
\ No newline at end of file
diff --git a/src/app/modules/public/discover/components/sites/sites.component.ts b/src/app/modules/public/discover/components/sites/sites.component.ts
index fd365f7..d24891f 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.ts
+++ b/src/app/modules/public/discover/components/sites/sites.component.ts
@@ -13,4 +13,12 @@
   ngOnInit() {
   }
 
+  changeModeList(){
+    this.is_slide_mode=true;
+  }
+
+  changeModeSlide(){
+    this.is_slide_mode=false;
+  }
+
 }
diff --git a/src/assets/images/svg/arro b/src/assets/images/svg/arro
deleted file mode 100644
index e69de29..0000000
--- a/src/assets/images/svg/arro
+++ /dev/null
diff --git a/src/assets/images/svg/clock.svg b/src/assets/images/svg/clock.svg
new file mode 100644
index 0000000..d8ba474
--- /dev/null
+++ b/src/assets/images/svg/clock.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.5 3.125C7.32422 3.125 3.125 7.32422 3.125 12.5C3.125 17.6758 7.32422 21.875 12.5 21.875C17.6758 21.875 21.875 17.6758 21.875 12.5C21.875 7.32422 17.6758 3.125 12.5 3.125Z" stroke="#3A9B43" stroke-width="1.5" stroke-miterlimit="10"/>
+<path d="M12.5 6.25V13.2812H17.1875" stroke="#3A9B43" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/images/svg/star.svg b/src/assets/images/svg/star.svg
new file mode 100644
index 0000000..1d0d4c9
--- /dev/null
+++ b/src/assets/images/svg/star.svg
@@ -0,0 +1,8 @@
+<svg width="145" height="25" viewBox="0 0 145 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.2382 23.4375C19.0737 23.4381 18.9133 23.3869 18.7797 23.291L12.4999 18.7383L6.22011 23.291C6.08595 23.3883 5.92432 23.4404 5.75858 23.4398C5.59284 23.4392 5.43159 23.3859 5.29814 23.2876C5.16469 23.1894 5.06595 23.0512 5.0162 22.8931C4.96645 22.735 4.96826 22.5652 5.02138 22.4082L7.4706 15.1538L1.12295 10.8008C0.985452 10.7066 0.88168 10.5709 0.82679 10.4135C0.771901 10.2562 0.768773 10.0854 0.817861 9.92612C0.86695 9.76685 0.965684 9.62745 1.09964 9.5283C1.23359 9.42914 1.39574 9.37542 1.5624 9.37498H9.39346L11.7567 2.10203C11.8076 1.94501 11.907 1.80815 12.0405 1.71109C12.174 1.61402 12.3348 1.56174 12.4999 1.56174C12.665 1.56174 12.8258 1.61402 12.9593 1.71109C13.0928 1.80815 13.1922 1.94501 13.2431 2.10203L15.6063 9.37742H23.4374C23.6043 9.37734 23.7668 9.43069 23.9011 9.52966C24.0355 9.62862 24.1346 9.76801 24.184 9.92739C24.2334 10.0868 24.2305 10.2578 24.1756 10.4154C24.1208 10.573 24.017 10.7089 23.8793 10.8032L17.5292 15.1538L19.977 22.4062C20.0166 22.5237 20.0278 22.6488 20.0095 22.7714C19.9912 22.894 19.9441 23.0105 19.8719 23.1112C19.7997 23.212 19.7046 23.2941 19.5944 23.3508C19.4842 23.4076 19.3621 23.4373 19.2382 23.4375Z" fill="#FFD600"/>
+<path d="M49.2382 23.4375C49.0737 23.4381 48.9133 23.3869 48.7797 23.291L42.4999 18.7383L36.2201 23.291C36.086 23.3883 35.9243 23.4404 35.7586 23.4398C35.5928 23.4392 35.4316 23.3859 35.2981 23.2876C35.1647 23.1894 35.0659 23.0512 35.0162 22.8931C34.9664 22.735 34.9683 22.5652 35.0214 22.4082L37.4706 15.1538L31.1229 10.8008C30.9855 10.7066 30.8817 10.5709 30.8268 10.4135C30.7719 10.2562 30.7688 10.0854 30.8179 9.92612C30.867 9.76685 30.9657 9.62745 31.0996 9.5283C31.2336 9.42914 31.3957 9.37542 31.5624 9.37498H39.3935L41.7567 2.10203C41.8076 1.94501 41.907 1.80815 42.0405 1.71109C42.174 1.61402 42.3348 1.56174 42.4999 1.56174C42.665 1.56174 42.8258 1.61402 42.9593 1.71109C43.0928 1.80815 43.1922 1.94501 43.2431 2.10203L45.6063 9.37742H53.4374C53.6043 9.37734 53.7668 9.43069 53.9011 9.52966C54.0355 9.62862 54.1346 9.76801 54.184 9.92739C54.2334 10.0868 54.2305 10.2578 54.1756 10.4154C54.1208 10.573 54.017 10.7089 53.8793 10.8032L47.5292 15.1538L49.977 22.4062C50.0166 22.5237 50.0278 22.6488 50.0095 22.7714C49.9912 22.894 49.9441 23.0105 49.8719 23.1112C49.7997 23.212 49.7046 23.2941 49.5944 23.3508C49.4842 23.4076 49.3621 23.4373 49.2382 23.4375Z" fill="#FFD600"/>
+<path d="M79.2382 23.4375C79.0737 23.4381 78.9133 23.3869 78.7797 23.291L72.4999 18.7383L66.2201 23.291C66.086 23.3883 65.9243 23.4404 65.7586 23.4398C65.5928 23.4392 65.4316 23.3859 65.2981 23.2876C65.1647 23.1894 65.0659 23.0512 65.0162 22.8931C64.9664 22.735 64.9683 22.5652 65.0214 22.4082L67.4706 15.1538L61.1229 10.8008C60.9855 10.7066 60.8817 10.5709 60.8268 10.4135C60.7719 10.2562 60.7688 10.0854 60.8179 9.92612C60.867 9.76685 60.9657 9.62745 61.0996 9.5283C61.2336 9.42914 61.3957 9.37542 61.5624 9.37498H69.3935L71.7567 2.10203C71.8076 1.94501 71.907 1.80815 72.0405 1.71109C72.174 1.61402 72.3348 1.56174 72.4999 1.56174C72.665 1.56174 72.8258 1.61402 72.9593 1.71109C73.0928 1.80815 73.1922 1.94501 73.2431 2.10203L75.6063 9.37742H83.4374C83.6043 9.37734 83.7668 9.43069 83.9011 9.52966C84.0355 9.62862 84.1346 9.76801 84.184 9.92739C84.2334 10.0868 84.2305 10.2578 84.1756 10.4154C84.1208 10.573 84.017 10.7089 83.8793 10.8032L77.5292 15.1538L79.977 22.4062C80.0166 22.5237 80.0278 22.6488 80.0095 22.7714C79.9912 22.894 79.9441 23.0105 79.8719 23.1112C79.7997 23.212 79.7046 23.2941 79.5944 23.3508C79.4842 23.4076 79.3621 23.4373 79.2382 23.4375Z" fill="#FFD600"/>
+<path d="M113.438 10.1562H105.039L102.5 2.34375L99.9609 10.1562H91.5625L98.3984 14.8438L95.7617 22.6562L102.5 17.7734L109.238 22.6562L106.602 14.8438L113.438 10.1562Z" stroke="#FFD600" stroke-width="2" stroke-linejoin="round"/>
+<path d="M101.5 17.2631L97.7105 20.0091L99.3459 15.1635L99.5878 14.4468L98.964 14.019L94.7891 11.1562H99.9609H100.687L100.912 10.4653L101.5 8.65602V17.2631Z" fill="#FFD600" stroke="#FFD600" stroke-width="2"/>
+<path d="M143.438 10.1562H135.039L132.5 2.34375L129.961 10.1562H121.562L128.398 14.8438L125.762 22.6562L132.5 17.7734L139.238 22.6562L136.602 14.8438L143.438 10.1562Z" stroke="#FFD600" stroke-width="1.5" stroke-linejoin="round"/>
+</svg>

diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.html b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
index 896de32..14ccdd3 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.html
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
@@ -1,3 +1,27 @@
-<p>
-  list-sites works!
-</p>
+<div class="container">
+  <ul class="p-3 d-flex align-items-center justify-content-center container">
+    <li class="p-3 d-flex justify-content-between align-items-center">
+      <div class="img-container ps-1">
+        <div class=""></div>
+      </div>
+      <div class="info-container">
+        <div class="title d-flex justify-content-between align-items-center">
+          <h2>Restaurante ǵpuls</h2>
+          <div>
+            <i><img src="../../../../../../assets/images/svg/star.svg" alt=""></i>
+          </div>
+        </div>
+        <div class="d-flex justify-content-between align-items-center">
+          <div class="d-flex">
+            <i><img src="../../../../../../assets/images/svg/clock.svg" alt=""></i>
+            <span>Abierto</span>
+            <span>Cierra a las 21:00</span>
+          </div>
+          <div>
+            <i><img src="../../../../../../assets/images/svg/user.svg" alt=""></i>
+          </div>
+        </div>
+      </div>
+    </li>
+  </ul>
+</div>
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
index e69de29..1529dd6 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
@@ -0,0 +1,38 @@
+* {
+  width: auto;
+  height: auto;
+}
+
+ul {
+  list-style-type: none;
+  padding-left: 0;
+}
+
+li {
+  @media only screen and (min-width: 1500px) {
+    min-height: 250px;
+    width: 1500px;
+    min-width: 1500px;
+  }
+  min-height: 250px;
+  width: 1026px;
+  min-width: 1026px;
+  border: 1.5px solid #8c8c8c;
+  border-radius: 20px;
+}
+
+.img-container {
+ 
+}
+
+.img-container div {
+  width: 400px;
+  height: 200px;
+  border-radius: 20px;
+  background-image: url(../../../../../../assets/images/restaurant_135621509.jpg);
+  background-size: cover;
+}
+
+.info-container{
+  width: 60%;
+}
diff --git a/src/app/modules/public/discover/components/sites/sites.component.html b/src/app/modules/public/discover/components/sites/sites.component.html
index 678375b..276a120 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.html
+++ b/src/app/modules/public/discover/components/sites/sites.component.html
@@ -1,24 +1,24 @@
 <div>
   <section
-    class="sites__header-sites d-flex flex-row justify-content-lg-between"
+    class="sites__header-sites d-flex flex-row justify-content-between align-items-center"
   >
-    <div class="d-flex flex-row align-items-center">
-      <button class="button-only-icon mr-0">
+    <div class="d-flex flex-row align-items-center ps-2">
+      <button class="button-only-icon mr-0" (click)="changeModeList()">
         <fa-icon [icon]="icon_border_all"></fa-icon>
       </button>
-      <button class="button-only-icon ml-0">
+      <button class="button-only-icon ml-0" (click)="changeModeSlide()">
         <fa-icon [icon]="icon_border_all"></fa-icon>
       </button>
     </div>
     <p class="text-center m-0">Todos los sitios</p>
-    <div class="d-flex flex-row">
+    <div class="pe-2">
       <app-dropdown-categories [name]="'Tiendas'"></app-dropdown-categories>
     </div>
   </section>
-  <div *ngIf="is_slide_mode" class="d-flex align-items-center">
+  <div *ngIf="is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
     <app-slide-sites></app-slide-sites>
   </div>
-  <div *ngIf="!is_slide_mode" class="sites_list">
+  <div *ngIf="!is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
     <app-list-sites></app-list-sites>
   </div>
 
diff --git a/src/app/modules/public/discover/components/sites/sites.component.scss b/src/app/modules/public/discover/components/sites/sites.component.scss
index f993430..02ab10c 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.scss
+++ b/src/app/modules/public/discover/components/sites/sites.component.scss
@@ -5,6 +5,6 @@
     border-bottom: 4px solid #B72929;
 }
 
-.sites_slide{
-    height:14.375rem;
+.sites__header-sites div{
+    width:auto;
 }
\ No newline at end of file
diff --git a/src/app/modules/public/discover/components/sites/sites.component.ts b/src/app/modules/public/discover/components/sites/sites.component.ts
index fd365f7..d24891f 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.ts
+++ b/src/app/modules/public/discover/components/sites/sites.component.ts
@@ -13,4 +13,12 @@
   ngOnInit() {
   }
 
+  changeModeList(){
+    this.is_slide_mode=true;
+  }
+
+  changeModeSlide(){
+    this.is_slide_mode=false;
+  }
+
 }
diff --git a/src/assets/images/svg/arro b/src/assets/images/svg/arro
deleted file mode 100644
index e69de29..0000000
--- a/src/assets/images/svg/arro
+++ /dev/null
diff --git a/src/assets/images/svg/clock.svg b/src/assets/images/svg/clock.svg
new file mode 100644
index 0000000..d8ba474
--- /dev/null
+++ b/src/assets/images/svg/clock.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.5 3.125C7.32422 3.125 3.125 7.32422 3.125 12.5C3.125 17.6758 7.32422 21.875 12.5 21.875C17.6758 21.875 21.875 17.6758 21.875 12.5C21.875 7.32422 17.6758 3.125 12.5 3.125Z" stroke="#3A9B43" stroke-width="1.5" stroke-miterlimit="10"/>
+<path d="M12.5 6.25V13.2812H17.1875" stroke="#3A9B43" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/images/svg/star.svg b/src/assets/images/svg/star.svg
new file mode 100644
index 0000000..1d0d4c9
--- /dev/null
+++ b/src/assets/images/svg/star.svg
@@ -0,0 +1,8 @@
+<svg width="145" height="25" viewBox="0 0 145 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.2382 23.4375C19.0737 23.4381 18.9133 23.3869 18.7797 23.291L12.4999 18.7383L6.22011 23.291C6.08595 23.3883 5.92432 23.4404 5.75858 23.4398C5.59284 23.4392 5.43159 23.3859 5.29814 23.2876C5.16469 23.1894 5.06595 23.0512 5.0162 22.8931C4.96645 22.735 4.96826 22.5652 5.02138 22.4082L7.4706 15.1538L1.12295 10.8008C0.985452 10.7066 0.88168 10.5709 0.82679 10.4135C0.771901 10.2562 0.768773 10.0854 0.817861 9.92612C0.86695 9.76685 0.965684 9.62745 1.09964 9.5283C1.23359 9.42914 1.39574 9.37542 1.5624 9.37498H9.39346L11.7567 2.10203C11.8076 1.94501 11.907 1.80815 12.0405 1.71109C12.174 1.61402 12.3348 1.56174 12.4999 1.56174C12.665 1.56174 12.8258 1.61402 12.9593 1.71109C13.0928 1.80815 13.1922 1.94501 13.2431 2.10203L15.6063 9.37742H23.4374C23.6043 9.37734 23.7668 9.43069 23.9011 9.52966C24.0355 9.62862 24.1346 9.76801 24.184 9.92739C24.2334 10.0868 24.2305 10.2578 24.1756 10.4154C24.1208 10.573 24.017 10.7089 23.8793 10.8032L17.5292 15.1538L19.977 22.4062C20.0166 22.5237 20.0278 22.6488 20.0095 22.7714C19.9912 22.894 19.9441 23.0105 19.8719 23.1112C19.7997 23.212 19.7046 23.2941 19.5944 23.3508C19.4842 23.4076 19.3621 23.4373 19.2382 23.4375Z" fill="#FFD600"/>
+<path d="M49.2382 23.4375C49.0737 23.4381 48.9133 23.3869 48.7797 23.291L42.4999 18.7383L36.2201 23.291C36.086 23.3883 35.9243 23.4404 35.7586 23.4398C35.5928 23.4392 35.4316 23.3859 35.2981 23.2876C35.1647 23.1894 35.0659 23.0512 35.0162 22.8931C34.9664 22.735 34.9683 22.5652 35.0214 22.4082L37.4706 15.1538L31.1229 10.8008C30.9855 10.7066 30.8817 10.5709 30.8268 10.4135C30.7719 10.2562 30.7688 10.0854 30.8179 9.92612C30.867 9.76685 30.9657 9.62745 31.0996 9.5283C31.2336 9.42914 31.3957 9.37542 31.5624 9.37498H39.3935L41.7567 2.10203C41.8076 1.94501 41.907 1.80815 42.0405 1.71109C42.174 1.61402 42.3348 1.56174 42.4999 1.56174C42.665 1.56174 42.8258 1.61402 42.9593 1.71109C43.0928 1.80815 43.1922 1.94501 43.2431 2.10203L45.6063 9.37742H53.4374C53.6043 9.37734 53.7668 9.43069 53.9011 9.52966C54.0355 9.62862 54.1346 9.76801 54.184 9.92739C54.2334 10.0868 54.2305 10.2578 54.1756 10.4154C54.1208 10.573 54.017 10.7089 53.8793 10.8032L47.5292 15.1538L49.977 22.4062C50.0166 22.5237 50.0278 22.6488 50.0095 22.7714C49.9912 22.894 49.9441 23.0105 49.8719 23.1112C49.7997 23.212 49.7046 23.2941 49.5944 23.3508C49.4842 23.4076 49.3621 23.4373 49.2382 23.4375Z" fill="#FFD600"/>
+<path d="M79.2382 23.4375C79.0737 23.4381 78.9133 23.3869 78.7797 23.291L72.4999 18.7383L66.2201 23.291C66.086 23.3883 65.9243 23.4404 65.7586 23.4398C65.5928 23.4392 65.4316 23.3859 65.2981 23.2876C65.1647 23.1894 65.0659 23.0512 65.0162 22.8931C64.9664 22.735 64.9683 22.5652 65.0214 22.4082L67.4706 15.1538L61.1229 10.8008C60.9855 10.7066 60.8817 10.5709 60.8268 10.4135C60.7719 10.2562 60.7688 10.0854 60.8179 9.92612C60.867 9.76685 60.9657 9.62745 61.0996 9.5283C61.2336 9.42914 61.3957 9.37542 61.5624 9.37498H69.3935L71.7567 2.10203C71.8076 1.94501 71.907 1.80815 72.0405 1.71109C72.174 1.61402 72.3348 1.56174 72.4999 1.56174C72.665 1.56174 72.8258 1.61402 72.9593 1.71109C73.0928 1.80815 73.1922 1.94501 73.2431 2.10203L75.6063 9.37742H83.4374C83.6043 9.37734 83.7668 9.43069 83.9011 9.52966C84.0355 9.62862 84.1346 9.76801 84.184 9.92739C84.2334 10.0868 84.2305 10.2578 84.1756 10.4154C84.1208 10.573 84.017 10.7089 83.8793 10.8032L77.5292 15.1538L79.977 22.4062C80.0166 22.5237 80.0278 22.6488 80.0095 22.7714C79.9912 22.894 79.9441 23.0105 79.8719 23.1112C79.7997 23.212 79.7046 23.2941 79.5944 23.3508C79.4842 23.4076 79.3621 23.4373 79.2382 23.4375Z" fill="#FFD600"/>
+<path d="M113.438 10.1562H105.039L102.5 2.34375L99.9609 10.1562H91.5625L98.3984 14.8438L95.7617 22.6562L102.5 17.7734L109.238 22.6562L106.602 14.8438L113.438 10.1562Z" stroke="#FFD600" stroke-width="2" stroke-linejoin="round"/>
+<path d="M101.5 17.2631L97.7105 20.0091L99.3459 15.1635L99.5878 14.4468L98.964 14.019L94.7891 11.1562H99.9609H100.687L100.912 10.4653L101.5 8.65602V17.2631Z" fill="#FFD600" stroke="#FFD600" stroke-width="2"/>
+<path d="M143.438 10.1562H135.039L132.5 2.34375L129.961 10.1562H121.562L128.398 14.8438L125.762 22.6562L132.5 17.7734L139.238 22.6562L136.602 14.8438L143.438 10.1562Z" stroke="#FFD600" stroke-width="1.5" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/images/svg/user.svg b/src/assets/images/svg/user.svg
new file mode 100644
index 0000000..698837b
--- /dev/null
+++ b/src/assets/images/svg/user.svg
@@ -0,0 +1,6 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.6289 8.20312C19.4859 10.189 18.0127 11.7188 16.4063 11.7188C14.7998 11.7188 13.3243 10.1895 13.1836 8.20312C13.0371 6.13721 14.4712 4.6875 16.4063 4.6875C18.3413 4.6875 19.7754 6.1748 19.6289 8.20312Z" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.4065 14.8438C13.2244 14.8438 10.1644 16.4243 9.39776 19.5024C9.29619 19.9097 9.55156 20.3125 9.97002 20.3125H22.8436C23.262 20.3125 23.5159 19.9097 23.4158 19.5024C22.6492 16.375 19.5892 14.8438 16.4065 14.8438Z" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M9.7659 9.0791C9.65164 10.665 8.46122 11.9141 7.17801 11.9141C5.89481 11.9141 4.70243 10.6655 4.59013 9.0791C4.47343 7.4292 5.63212 6.25 7.17801 6.25C8.72391 6.25 9.8826 7.45947 9.7659 9.0791Z" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.0586 14.9414C9.17724 14.5376 8.20653 14.3823 7.17772 14.3823C4.63866 14.3823 2.19237 15.6445 1.57958 18.103C1.49901 18.4282 1.70311 18.75 2.0371 18.75H7.51952" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/>
+</svg>

diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.html b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
index 896de32..14ccdd3 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.html
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.html
@@ -1,3 +1,27 @@
-<p>
-  list-sites works!
-</p>
+<div class="container">
+  <ul class="p-3 d-flex align-items-center justify-content-center container">
+    <li class="p-3 d-flex justify-content-between align-items-center">
+      <div class="img-container ps-1">
+        <div class=""></div>
+      </div>
+      <div class="info-container">
+        <div class="title d-flex justify-content-between align-items-center">
+          <h2>Restaurante ǵpuls</h2>
+          <div>
+            <i><img src="../../../../../../assets/images/svg/star.svg" alt=""></i>
+          </div>
+        </div>
+        <div class="d-flex justify-content-between align-items-center">
+          <div class="d-flex">
+            <i><img src="../../../../../../assets/images/svg/clock.svg" alt=""></i>
+            <span>Abierto</span>
+            <span>Cierra a las 21:00</span>
+          </div>
+          <div>
+            <i><img src="../../../../../../assets/images/svg/user.svg" alt=""></i>
+          </div>
+        </div>
+      </div>
+    </li>
+  </ul>
+</div>
diff --git a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
index e69de29..1529dd6 100644
--- a/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
+++ b/src/app/modules/public/discover/components/list-sites/list-sites.component.scss
@@ -0,0 +1,38 @@
+* {
+  width: auto;
+  height: auto;
+}
+
+ul {
+  list-style-type: none;
+  padding-left: 0;
+}
+
+li {
+  @media only screen and (min-width: 1500px) {
+    min-height: 250px;
+    width: 1500px;
+    min-width: 1500px;
+  }
+  min-height: 250px;
+  width: 1026px;
+  min-width: 1026px;
+  border: 1.5px solid #8c8c8c;
+  border-radius: 20px;
+}
+
+.img-container {
+ 
+}
+
+.img-container div {
+  width: 400px;
+  height: 200px;
+  border-radius: 20px;
+  background-image: url(../../../../../../assets/images/restaurant_135621509.jpg);
+  background-size: cover;
+}
+
+.info-container{
+  width: 60%;
+}
diff --git a/src/app/modules/public/discover/components/sites/sites.component.html b/src/app/modules/public/discover/components/sites/sites.component.html
index 678375b..276a120 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.html
+++ b/src/app/modules/public/discover/components/sites/sites.component.html
@@ -1,24 +1,24 @@
 <div>
   <section
-    class="sites__header-sites d-flex flex-row justify-content-lg-between"
+    class="sites__header-sites d-flex flex-row justify-content-between align-items-center"
   >
-    <div class="d-flex flex-row align-items-center">
-      <button class="button-only-icon mr-0">
+    <div class="d-flex flex-row align-items-center ps-2">
+      <button class="button-only-icon mr-0" (click)="changeModeList()">
         <fa-icon [icon]="icon_border_all"></fa-icon>
       </button>
-      <button class="button-only-icon ml-0">
+      <button class="button-only-icon ml-0" (click)="changeModeSlide()">
         <fa-icon [icon]="icon_border_all"></fa-icon>
       </button>
     </div>
     <p class="text-center m-0">Todos los sitios</p>
-    <div class="d-flex flex-row">
+    <div class="pe-2">
       <app-dropdown-categories [name]="'Tiendas'"></app-dropdown-categories>
     </div>
   </section>
-  <div *ngIf="is_slide_mode" class="d-flex align-items-center">
+  <div *ngIf="is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
     <app-slide-sites></app-slide-sites>
   </div>
-  <div *ngIf="!is_slide_mode" class="sites_list">
+  <div *ngIf="!is_slide_mode" class="d-flex align-items-center has-bg-gray-light">
     <app-list-sites></app-list-sites>
   </div>
 
diff --git a/src/app/modules/public/discover/components/sites/sites.component.scss b/src/app/modules/public/discover/components/sites/sites.component.scss
index f993430..02ab10c 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.scss
+++ b/src/app/modules/public/discover/components/sites/sites.component.scss
@@ -5,6 +5,6 @@
     border-bottom: 4px solid #B72929;
 }
 
-.sites_slide{
-    height:14.375rem;
+.sites__header-sites div{
+    width:auto;
 }
\ No newline at end of file
diff --git a/src/app/modules/public/discover/components/sites/sites.component.ts b/src/app/modules/public/discover/components/sites/sites.component.ts
index fd365f7..d24891f 100644
--- a/src/app/modules/public/discover/components/sites/sites.component.ts
+++ b/src/app/modules/public/discover/components/sites/sites.component.ts
@@ -13,4 +13,12 @@
   ngOnInit() {
   }
 
+  changeModeList(){
+    this.is_slide_mode=true;
+  }
+
+  changeModeSlide(){
+    this.is_slide_mode=false;
+  }
+
 }
diff --git a/src/assets/images/svg/arro b/src/assets/images/svg/arro
deleted file mode 100644
index e69de29..0000000
--- a/src/assets/images/svg/arro
+++ /dev/null
diff --git a/src/assets/images/svg/clock.svg b/src/assets/images/svg/clock.svg
new file mode 100644
index 0000000..d8ba474
--- /dev/null
+++ b/src/assets/images/svg/clock.svg
@@ -0,0 +1,4 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.5 3.125C7.32422 3.125 3.125 7.32422 3.125 12.5C3.125 17.6758 7.32422 21.875 12.5 21.875C17.6758 21.875 21.875 17.6758 21.875 12.5C21.875 7.32422 17.6758 3.125 12.5 3.125Z" stroke="#3A9B43" stroke-width="1.5" stroke-miterlimit="10"/>
+<path d="M12.5 6.25V13.2812H17.1875" stroke="#3A9B43" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/images/svg/star.svg b/src/assets/images/svg/star.svg
new file mode 100644
index 0000000..1d0d4c9
--- /dev/null
+++ b/src/assets/images/svg/star.svg
@@ -0,0 +1,8 @@
+<svg width="145" height="25" viewBox="0 0 145 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.2382 23.4375C19.0737 23.4381 18.9133 23.3869 18.7797 23.291L12.4999 18.7383L6.22011 23.291C6.08595 23.3883 5.92432 23.4404 5.75858 23.4398C5.59284 23.4392 5.43159 23.3859 5.29814 23.2876C5.16469 23.1894 5.06595 23.0512 5.0162 22.8931C4.96645 22.735 4.96826 22.5652 5.02138 22.4082L7.4706 15.1538L1.12295 10.8008C0.985452 10.7066 0.88168 10.5709 0.82679 10.4135C0.771901 10.2562 0.768773 10.0854 0.817861 9.92612C0.86695 9.76685 0.965684 9.62745 1.09964 9.5283C1.23359 9.42914 1.39574 9.37542 1.5624 9.37498H9.39346L11.7567 2.10203C11.8076 1.94501 11.907 1.80815 12.0405 1.71109C12.174 1.61402 12.3348 1.56174 12.4999 1.56174C12.665 1.56174 12.8258 1.61402 12.9593 1.71109C13.0928 1.80815 13.1922 1.94501 13.2431 2.10203L15.6063 9.37742H23.4374C23.6043 9.37734 23.7668 9.43069 23.9011 9.52966C24.0355 9.62862 24.1346 9.76801 24.184 9.92739C24.2334 10.0868 24.2305 10.2578 24.1756 10.4154C24.1208 10.573 24.017 10.7089 23.8793 10.8032L17.5292 15.1538L19.977 22.4062C20.0166 22.5237 20.0278 22.6488 20.0095 22.7714C19.9912 22.894 19.9441 23.0105 19.8719 23.1112C19.7997 23.212 19.7046 23.2941 19.5944 23.3508C19.4842 23.4076 19.3621 23.4373 19.2382 23.4375Z" fill="#FFD600"/>
+<path d="M49.2382 23.4375C49.0737 23.4381 48.9133 23.3869 48.7797 23.291L42.4999 18.7383L36.2201 23.291C36.086 23.3883 35.9243 23.4404 35.7586 23.4398C35.5928 23.4392 35.4316 23.3859 35.2981 23.2876C35.1647 23.1894 35.0659 23.0512 35.0162 22.8931C34.9664 22.735 34.9683 22.5652 35.0214 22.4082L37.4706 15.1538L31.1229 10.8008C30.9855 10.7066 30.8817 10.5709 30.8268 10.4135C30.7719 10.2562 30.7688 10.0854 30.8179 9.92612C30.867 9.76685 30.9657 9.62745 31.0996 9.5283C31.2336 9.42914 31.3957 9.37542 31.5624 9.37498H39.3935L41.7567 2.10203C41.8076 1.94501 41.907 1.80815 42.0405 1.71109C42.174 1.61402 42.3348 1.56174 42.4999 1.56174C42.665 1.56174 42.8258 1.61402 42.9593 1.71109C43.0928 1.80815 43.1922 1.94501 43.2431 2.10203L45.6063 9.37742H53.4374C53.6043 9.37734 53.7668 9.43069 53.9011 9.52966C54.0355 9.62862 54.1346 9.76801 54.184 9.92739C54.2334 10.0868 54.2305 10.2578 54.1756 10.4154C54.1208 10.573 54.017 10.7089 53.8793 10.8032L47.5292 15.1538L49.977 22.4062C50.0166 22.5237 50.0278 22.6488 50.0095 22.7714C49.9912 22.894 49.9441 23.0105 49.8719 23.1112C49.7997 23.212 49.7046 23.2941 49.5944 23.3508C49.4842 23.4076 49.3621 23.4373 49.2382 23.4375Z" fill="#FFD600"/>
+<path d="M79.2382 23.4375C79.0737 23.4381 78.9133 23.3869 78.7797 23.291L72.4999 18.7383L66.2201 23.291C66.086 23.3883 65.9243 23.4404 65.7586 23.4398C65.5928 23.4392 65.4316 23.3859 65.2981 23.2876C65.1647 23.1894 65.0659 23.0512 65.0162 22.8931C64.9664 22.735 64.9683 22.5652 65.0214 22.4082L67.4706 15.1538L61.1229 10.8008C60.9855 10.7066 60.8817 10.5709 60.8268 10.4135C60.7719 10.2562 60.7688 10.0854 60.8179 9.92612C60.867 9.76685 60.9657 9.62745 61.0996 9.5283C61.2336 9.42914 61.3957 9.37542 61.5624 9.37498H69.3935L71.7567 2.10203C71.8076 1.94501 71.907 1.80815 72.0405 1.71109C72.174 1.61402 72.3348 1.56174 72.4999 1.56174C72.665 1.56174 72.8258 1.61402 72.9593 1.71109C73.0928 1.80815 73.1922 1.94501 73.2431 2.10203L75.6063 9.37742H83.4374C83.6043 9.37734 83.7668 9.43069 83.9011 9.52966C84.0355 9.62862 84.1346 9.76801 84.184 9.92739C84.2334 10.0868 84.2305 10.2578 84.1756 10.4154C84.1208 10.573 84.017 10.7089 83.8793 10.8032L77.5292 15.1538L79.977 22.4062C80.0166 22.5237 80.0278 22.6488 80.0095 22.7714C79.9912 22.894 79.9441 23.0105 79.8719 23.1112C79.7997 23.212 79.7046 23.2941 79.5944 23.3508C79.4842 23.4076 79.3621 23.4373 79.2382 23.4375Z" fill="#FFD600"/>
+<path d="M113.438 10.1562H105.039L102.5 2.34375L99.9609 10.1562H91.5625L98.3984 14.8438L95.7617 22.6562L102.5 17.7734L109.238 22.6562L106.602 14.8438L113.438 10.1562Z" stroke="#FFD600" stroke-width="2" stroke-linejoin="round"/>
+<path d="M101.5 17.2631L97.7105 20.0091L99.3459 15.1635L99.5878 14.4468L98.964 14.019L94.7891 11.1562H99.9609H100.687L100.912 10.4653L101.5 8.65602V17.2631Z" fill="#FFD600" stroke="#FFD600" stroke-width="2"/>
+<path d="M143.438 10.1562H135.039L132.5 2.34375L129.961 10.1562H121.562L128.398 14.8438L125.762 22.6562L132.5 17.7734L139.238 22.6562L136.602 14.8438L143.438 10.1562Z" stroke="#FFD600" stroke-width="1.5" stroke-linejoin="round"/>
+</svg>
diff --git a/src/assets/images/svg/user.svg b/src/assets/images/svg/user.svg
new file mode 100644
index 0000000..698837b
--- /dev/null
+++ b/src/assets/images/svg/user.svg
@@ -0,0 +1,6 @@
+<svg width="25" height="25" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M19.6289 8.20312C19.4859 10.189 18.0127 11.7188 16.4063 11.7188C14.7998 11.7188 13.3243 10.1895 13.1836 8.20312C13.0371 6.13721 14.4712 4.6875 16.4063 4.6875C18.3413 4.6875 19.7754 6.1748 19.6289 8.20312Z" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M16.4065 14.8438C13.2244 14.8438 10.1644 16.4243 9.39776 19.5024C9.29619 19.9097 9.55156 20.3125 9.97002 20.3125H22.8436C23.262 20.3125 23.5159 19.9097 23.4158 19.5024C22.6492 16.375 19.5892 14.8438 16.4065 14.8438Z" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10"/>
+<path d="M9.7659 9.0791C9.65164 10.665 8.46122 11.9141 7.17801 11.9141C5.89481 11.9141 4.70243 10.6655 4.59013 9.0791C4.47343 7.4292 5.63212 6.25 7.17801 6.25C8.72391 6.25 9.8826 7.45947 9.7659 9.0791Z" stroke="#1C1C1C" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M10.0586 14.9414C9.17724 14.5376 8.20653 14.3823 7.17772 14.3823C4.63866 14.3823 2.19237 15.6445 1.57958 18.103C1.49901 18.4282 1.70311 18.75 2.0371 18.75H7.51952" stroke="#1C1C1C" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round"/>
+</svg>
diff --git a/src/styles.scss b/src/styles.scss
index abcfea0..0cbebbd 100644
--- a/src/styles.scss
+++ b/src/styles.scss
@@ -20,7 +20,7 @@
 
 /* Carousel */
 .owl-carousel {
-  width: auto;
+  width: 100%;
 }
 .owl-carousel .owl-nav .owl-prev {
   height: 47px;