Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <div class="container" [ngClass]="{'right-panel-active': rightPanelActive}">
- <div class="form-container sign-up-container">
- <form action="#">
- <h1>Създай акаунт</h1>
- <input type="text" placeholder="Име" />
- <input type="email" placeholder="Електронна поща" />
- <input type="password" placeholder="Парола" />
- <button>Регистрация</button>
- </form>
- </div>
- <div class="form-container sign-in-container">
- <form action="#">
- <h1>Вход</h1>
- <input type="email" placeholder="Електронна поща" />
- <input type="password" placeholder="Парола" />
- <a href="#">Забравена парола?</a>
- <button>Вход</button>
- </form>
- </div>
- <div class="overlay-container">
- <div class="overlay">
- <div class="overlay-panel overlay-left">
- <h1>Добре дошли отново!</h1>
- <p>За да останете свързани с нас, моля влезте с вашите лични данни</p>
- <button class="ghost" (click)="deactivateRightPanel()">Вход</button>
- </div>
- <div class="overlay-panel overlay-right">
- <h1>Здравей, приятел!</h1>
- <p>Въведете своите лични данни и започнете пътуването си с нас</p>
- <button class="ghost" (click)="activateRightPanel()">Регистрация</button>
- </div>
- </div>
- </div>
- </div>
- <button (click)="activateRightPanel()">Sign Up</button>
- <button (click)="deactivateRightPanel()">Sign In</button>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement