New action page and new publication page finished.

src/app/pages/publications/new-action/new-action.page.html

@@ -1,9 +1,62 @@
-<ion-header>
+<ion-header class="ion-no-border">
   <ion-toolbar>
-    <ion-title>new-action</ion-title>
+    <div class="title-content">
+      <div class="div-title">
+        <ion-label class="title">Nova Ação</ion-label>
+      </div>
+    </div>
   </ion-toolbar>
 </ion-header>
 
 <ion-content>
+  <div class="ion-item-container">
+    <ion-input placeholder="Assunto" ></ion-input>
+  </div>
+
+  <div class="container-div">
+    <div class="ion-item-class-2">
+      <div class="ion-icon-class">
+        <ion-icon slot="start" src="assets/images/icons-calendar.svg"></ion-icon>
+      </div>
+      <div class="ion-input-class">
+        <ion-datetime 
+          placeholder="Fim"
+          displayFormat="D MMM YYYY H:mm"
+          minuteValues="0,15,30,45"
+          monthShortNames="Jan, Fev, Mar, Abr, Mai, Jun, Jul, Aug, Sep, Out, Nov, Dez"
+          min="2018" 
+          max="2022">
+        </ion-datetime>
+      </div>
+    </div>
+  </div>
+
+  <div class="container-div">
+    <div class="ion-item-class-2">
+      <div class="ion-icon-class">
+        <ion-icon slot="start" src="assets/images/icons-description.svg"></ion-icon>
+      </div>
+      <div class="ion-textarea-class">
+        <ion-textarea rows="3" cols="20" placeholder="Descrição da ação..."></ion-textarea>
+      </div>
+    </div>
+  </div>
+
+  
 
 </ion-content>
+
+<ion-footer class="ion-no-border">
+  <ion-toolbar class="footer-toolbar">
+    <ion-buttons slot="start">
+      <ion-button class="btn-cancel" fill="clear" color="#061b52" (click)="close()">
+        <ion-label>Cancelar</ion-label>
+      </ion-button>
+    </ion-buttons>
+    <ion-buttons slot="end">
+      <ion-button class="btn-ok" fill="clear" color="#fff" (click)="save()">
+        <ion-label>Criar</ion-label>
+      </ion-button>
+    </ion-buttons>
+  </ion-toolbar>
+</ion-footer>