Socialify

Folder ..

Viewing login.page.html
35 lines (36 loc) • 1.7 KB

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
<link rel="stylesheet" type="text/css" href="../../assets/dist/semantic.min.css">
<script src="../../assets/dist/semantic.min.js"></script>
<ion-content>
  <div class="full-width">
    <div class="container-login">
      <h1 class="title">Sign In</h1>
      <label for="email" class="inputLabel">Email</label>
      <input class="inputField" type="email" id="loginEmail" name="email" placeholder="Email address" autocomplete="off">
      <label for="password" class="inputLabel">Password</label>
      <input class="inputField" type="password" id="loginPassword" name="password" placeholder="Password" autocomplete="off">
      <a id="registerButton" class="btn-left">Register</a>
      <a (click)="doLogin()" id="loginButton" class="btn-right">Login</a>
    </div>
  </div>
</ion-content>
<!-- <img class="logo" src="../../assets/images/logo.png">
  <p class="logo-description">Login to your Learnrabbit account</p>
  <ion-item>
    <ion-label position="floating">Email address</ion-label>
    <ion-input type="email" required id="loginEmail" autocomplete="off"></ion-input>
  </ion-item>
  <ion-item>
    <ion-label position="floating">Password</ion-label>
    <ion-input type="password" required id="loginPassword" autocomplete="off"></ion-input>
  </ion-item>
  <ion-button (click)="doLogin()" color="dark" id="loginButton" expand="block" fill="solid">
    Login
    <ion-icon slot="end" name="arrow-forward"></ion-icon>
  </ion-button>
  <ion-button color="primary" id="registerButton" expand="block" fill="solid">
    Register
    <ion-icon slot="end" name="arrow-forward"></ion-icon>
  </ion-button>
  <ion-text color="primary">
      <p id="registerToggle" class="regLink">Create a free account</p>
    </ion-text> -->