Skip to content

Commit

Permalink
Merge pull request #181 from MastersAcademy/3-forms_lesiaturuta
Browse files Browse the repository at this point in the history 
3 forms lesiaturuta
  • Loading branch information
@vadym-zinchenko-moc
vadym-zinchenko-moc authored Oct 31, 2023
2 parents 08f8a93 + 555c41f commit 5a1cfbd
Show file tree
Hide file tree
Showing 6 changed files with 398 additions and 12 deletions.
3 changes: 3 additions & 0 deletions homeworks/lesia.turua_lesiaturuta/PokemonProject/about.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -28,6 +28,9 @@
<li>
<a class="menu__link menu__link--active" href="./about.html">About</a>
</li>
<li>
<a class="menu__link" href="./login.html">Login</a>
</li>
</ul>
</div>
</nav>
Expand Down
Binary file added homeworks/lesia.turua_lesiaturuta/PokemonProject/assets/search.png
View file
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
43 changes: 42 additions & 1 deletion homeworks/lesia.turua_lesiaturuta/PokemonProject/cards.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -27,10 +27,51 @@
<li>
<a class="menu__link" href="./about.html">About</a>
</li>
<li>
<a class="menu__link" href="./login.html">Login</a>
</li>
</ul>

</div>
</nav>
<form class="form__search justify__content--center">
<div class="container justify__content--between">
<select class="form__search-select" id="select" name="select">
<option value="option_1" selected>Type</option>
<option value="option_2">Type #2</option>
<option value="option_3">Type #3</option>
</select>
<fieldset class="form__search-radio">
<div class="justify__content--center">
<input class="form__search-radio-radio gap-right6" type="radio" id="only-new" name="sel" checked
value="Only new">
<label class="form__search-radio-label" for="only-new">Only new</label>
</div>
<div class="justify__content--center">
<input class="form__search-radio-radio gap-right6" type="radio" id="favorites" name="sel"
value="Favorites">
<label class="form__search-radio-label" for="favorites">Favorites</label>
</div>
</fieldset>
<fieldset class="form__search-checkbox">
<div class="justify__content--center">
<input class="form__search-checkbox-checkbox gap-right6" type="checkbox" id="big" name="big"
value="Big">
<label class="form__search-checkbox-label" for="big">Big</label>
</div>
<div class="justify__content--center">
<input class="form__search-checkbox-checkbox gap-right6" type="checkbox" id="small" name="small"
value="Small">
<label class="form__search-checkbox-label" for="small">Small</label>
</div>
</fieldset>
<div class="form__search-input">
<input type="text" class="form__search-input-search" placeholder="Search">
<img src="./assets/search.png" alt="search" class="form__search-input-image">
<button class="form__search-input-button" type="submit">Apply</button>
</div>
</div>
</form>

</header>
<main class="main">
Expand Down Expand Up @@ -259,4 +300,4 @@ <h3 class="card__header-title">Urshifu</h3>
</main>
</body>

</html>
</html>
22 changes: 22 additions & 0 deletions homeworks/lesia.turua_lesiaturuta/PokemonProject/get-result.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,22 @@
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./style.css">
<title>get-result</title>
</head>
<body>
<main class="result">
<h1 class="result__title">Success</h1>
<a class="result__link" href="./cards.html">
<span class="login__form-button">Home</span>
</a>
</main>
</body>
</html>
58 changes: 58 additions & 0 deletions homeworks/lesia.turua_lesiaturuta/PokemonProject/login.html
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,58 @@
<!doctype html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>PokemonProject</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="./style.css">
</head>
<body class="height100vh">
<header class="header">
<nav class="nav justify__content--center">
<div class="container justify__content--between">
<div class="nav__logo">
<img class="logo__icon" src="./assets/logo-icon.svg" alt="logo">
<img class="logo__title" src="./assets/name-icon.svg" alt="name">
</div>
<ul class="nav__menu">
<li>
<a class="menu__link" href="./cards.html">Pokemons</a>
</li>
<li>
<a class="menu__link" href="./about.html">About</a>
</li>
<li>
<a class="menu__link menu__link--active" href="./login.html">Login</a>
</li>
</ul>
</div>
</nav>
</header>
<main class="login">
<form class="login__form" action="./get-result.html">
<h1 class="login__form-title">Login page</h1>
<div class="login__form-email">
<label class="login__form-email-label" for="email">Email</label>
<input class="login__form-email-input" required id="email" placeholder="Enter your email address" type="email" value="">
</div>
<div class="login__form-password">
<label class="login__form-password-label" for="password">Password</label>
<input class="login__form-password-input" required id="password" placeholder="Enter your password" type="password" value="">
</div>
<div class="login__form-checkbox">
<input class="login__form-checkbox-input gap-right6" id="checkbox" type="checkbox" required>
<label class="login__form-checkbox-name" for="checkbox">I’m not a robot</label>
</div>
<button class="login__form-button" type="submit">Login</button>
</form>
</main>

</body>

</html>
Loading

0 comments on commit 5a1cfbd

Please sign in to comment.