conflict.html

<ion-header>
  <ion-navbar color="primary">
    <button ion-button menuToggle >
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>New Conflict</ion-title>
  </ion-navbar>
</ion-header>


<ion-content padding>

 <form (ngSubmit)="logForm(form)">
<ion-list>

<ion-item>
  <ion-label stacked color="green">A. What are you aware of?</ion-label>
  <ion-input type="text" name="first"[(ngModel)]="first"></ion-input>
</ion-item>
<ion-item>
  <ion-label stacked color="">B. Thoughts and beleifs that automatically come to mind about A.</ion-label>
  <ion-input type="text" name="second" [(ngModel)]="second" ></ion-input>
</ion-item>
<ion-item>

  <ion-label stacked color="">C. Please tell how you felt and list any behaviors:</ion-label>
  <ion-input type="text"  name="third"[(ngModel)]="third"></ion-input>
</ion-item>

<ion-item>
  <ion-label stacked color="">D. Please identify the mental mistakes in your autmatic thoughts and beliefs at B(Please refer to the menu on common ways of overthinking)</ion-label>
  <ion-input type="text" name="fourth"[(ngModel)]="fourth"></ion-input>
</ion-item>

<ion-item>
  <ion-label stacked color="">E. Effective new beleifs(these are based on facts, helps you achieve your goals and help you feel how you want to feel)</ion-label>
  <ion-input type="text" name="fifth" [(ngModel)]="fifth"></ion-input>
</ion-item>

<ion-item>
  <ion-label stacked color="">F. New feelings resulting from E. </ion-label>
  <ion-input type="text" name="sixth" [(ngModel)]="sixth" ></ion-input>
</ion-item>
<ion-item>

  <button ion-button>Submit!</button>
</ion-item>
</ion-list>
 </form>
</ion-content>