HOSN-app/app/src/pages/login/login.html

<ion-content>
  <div class="header"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 300 100" xml:space="preserve" width="100%" class="svg-triangle">
      <polygon points="0,99  0,100 300,100 300,75" fill="#FFFFFF" /></svg>
    <div class="logo">
      <img src="assets/imgs/logo.png" alt="Logo">
    </div>
  </div>
  <div class="content">
    <h1>Hybrid OSN</h1>
    <button ion-button outline block (click)="login()">Login</button>
    <a href="#" (click)="showAbout()">Learn more</a>
  </div>
</ion-content>