lavina_bridge/webpages/login-form/index.html

74 lines
1.9 KiB
HTML

<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
<title>My Website Title</title>
</head>
<body>
<div class="welcome-to">
<h1>Welcome to</h1>
</div>
<div class="shimmering-name">
<h1>Lavina</h1>
</div>
<img class="slowpoke-moves" src="/images/slowpoke_blinking.gif" alt="this slowpoke moves" width="250"/>
<div class="login">
<form class="login__form" onsubmit="">
<h1 class="login__title">Log In</h1>
<div class="login__inputs">
<div class="login__box">
<input type="text" id="login" placeholder="Login" required class="login__input"/>
</div>
<div class="login__box">
<input type="password" placeholder="Password" required class="login__input"
on:input=move |ev| { set_pwd(event_target_value(&ev))}
/>
</div>
</div>
<button type="submit" class="login__button">Start messaging</button>
<div class="login__register">
Dont have an account? <a href="#">Register</a>
</div>
</form>
<form class="login__form" onsubmit="">
<h1 class="login__title">Log In</h1>
<div class="login__inputs">
<div class="login__box">
<input type="text" id="login" placeholder="Login" required class="login__input"/>
</div>
<div class="login__box">
<input type="password" placeholder="Password" required class="login__input"
on:input=move |ev| { set_pwd(event_target_value(&ev))}
/>
</div>
</div>
<button type="submit" class="login__button">Start messaging</button>
<div class="login__register">
Dont have an account? <a href="#">Register</a>
</div>
</form>
</div>
</body>
</html>