diff --git a/src/main/java/mx/gob/jumapacelaya/ui/ActDiariaView.java b/src/main/java/mx/gob/jumapacelaya/ui/ActDiariaView.java
index 7d166d0..86ed2fb 100644
--- a/src/main/java/mx/gob/jumapacelaya/ui/ActDiariaView.java
+++ b/src/main/java/mx/gob/jumapacelaya/ui/ActDiariaView.java
@@ -1,15 +1,63 @@
 package mx.gob.jumapacelaya.ui;
+import com.vaadin.flow.component.Unit;
+import com.vaadin.flow.component.checkbox.CheckboxGroup;
+import com.vaadin.flow.component.combobox.ComboBox;
+import com.vaadin.flow.component.datepicker.DatePicker;
+import com.vaadin.flow.component.formlayout.FormLayout;
+import com.vaadin.flow.component.grid.Grid;
+import com.vaadin.flow.component.html.Span;
+import com.vaadin.flow.component.orderedlayout.FlexLayout;
+import com.vaadin.flow.component.orderedlayout.HorizontalLayout;
+import com.vaadin.flow.component.orderedlayout.VerticalLayout;
+import com.vaadin.flow.component.textfield.TextArea;
+import com.vaadin.flow.component.textfield.TextField;
 import com.vaadin.flow.router.PageTitle;
 import com.vaadin.flow.router.Route;
+import com.vaadin.flow.theme.lumo.LumoUtility;
 import jakarta.annotation.security.PermitAll;
+import org.checkerframework.checker.units.qual.A;
+
+import java.util.Collections;
 
 
 @PermitAll
 @PageTitle("Home")
-@Route(value = "/", layout = MainLayout.class)
-public class ActDiariaView {
+@Route(value = "actdiaria", layout = MainLayout.class)
+public class ActDiariaView extends VerticalLayout {
+
+    //Variables Locales
+    HorizontalLayout header = new HorizontalLayout();
+
+
+    public ActDiariaView() {
+
+        Span etiqueta = new Span("Listado de tividades");
+
+        FormLayout formLayout=new FormLayout();
+        FlexLayout flexLayout = new FlexLayout();
+
+        etiqueta.setWidth(100, Unit.PERCENTAGE);
+
+        flexLayout.setMaxWidth(100, Unit.PERCENTAGE);
+        flexLayout.setWidth("100%");
+        flexLayout.getElement().getStyle().set("background-color","red");
+        flexLayout.getElement().getStyle().set("border-radius", LumoUtility.BorderRadius.LARGE);
+
+        header.setSizeUndefined();
+        header.setFlexGrow(1,etiqueta);
+        header.add(etiqueta);
+        header.getElement().getStyle().set("background-color","green");
+
+        formLayout.add(header);
+        formLayout.setSizeUndefined();
+
+        flexLayout.add(Collections.singleton(formLayout));
+
+
+        add(flexLayout);
+
+        //Tabla echa con un grid
 
-    public  ActDiariaView() {
 
     }
-}
+}
\ No newline at end of file
diff --git a/src/main/java/mx/gob/jumapacelaya/ui/MainLayout.java b/src/main/java/mx/gob/jumapacelaya/ui/MainLayout.java
index 5081f19..92a4170 100644
--- a/src/main/java/mx/gob/jumapacelaya/ui/MainLayout.java
+++ b/src/main/java/mx/gob/jumapacelaya/ui/MainLayout.java
@@ -77,7 +77,7 @@ public class MainLayout extends AppLayout {
         SideNav nav = new SideNav();
 
         nav.addItem(new SideNavItem("Mantenimiento", MantenimientoView.class, VaadinIcon.COGS.create()));
-       // nav.addItem(new SideNavItem("Actividad Diaria", ActDiariaView.class, VaadinIcon.ALARM.create()));
+        nav.addItem(new SideNavItem("Actividad Diaria", ActDiariaView.class, VaadinIcon.ALARM.create()));
         return nav;
     }