<form class="auth-form">
  <div class="list">
    <ul class="no-pseudo no-bg">
      <li class="item-content item-input form-block">
        <div class="item-inner no-pseudo">
          <label>Username or Email</label>
          <div class="item-input-wrap">
            <input type="text" name="username" placeholder="alishachenoy@example.com" />
            <span class="input-clear-button">
            </span>
          </div>
        </div>
      </li>
      <li class="item-content item-input form-block">
        <div class="item-inner">
          <label>Enter Password</label>
          <div class="item-input-wrap posr">
            <input type="password" name="password" placeholder="*********" />
            <span class="input-clear-button">
            </span>
            <i class="f7-icons">eye_slash</i>
          </div>
        </div>
      </li>
    </ul>
  </div>
  <div class="list">
    <ul class="no-pseudo no-bg">
      <li>
        <a href="/walk-through/" class="auth-btn link">LOGIN</a>
      </li>
      <li class="social-auth text-center">
        <p>or Login With</p>
        <a href="#">
          <img src="https://osumstudio.com/envato/purposeapp/img/icons/google.svg" />
          <span>Google</span>
        </a>
        <a href="#">
          <img src="https://osumstudio.com/envato/purposeapp/img/icons/facebook.svg" />
          <span>Facebook</span>
        </a>
      </li>
    </ul>
    <div class="block-footer">
      <p class="text-center">New User?
        <a href="/">Sign Up Now</a>
      </p>
    </div>
  </div>
</form>