Skip to content

Commit

Permalink
Merge pull request #368 from MastersAcademy/8-dom_snischuk
Browse files Browse the repository at this point in the history 
8-dom_snischuk
  • Loading branch information
@oleg-nikulin-moc
oleg-nikulin-moc authored Nov 24, 2023
2 parents 935bf79 + 6bce0c3 commit 4cb4ff9
Show file tree
Hide file tree
Showing 5 changed files with 506 additions and 275 deletions.
263 changes: 12 additions & 251 deletions homeworks/max.snischuk_snischuk/PokemonProject/pokemons.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -31,19 +31,20 @@
</nav>
</header>
<main>
<form class="filters" action="./pokemons.html" method="get">
<form class="filters" action="./pokemons.html" method="get" data-form-filters>
<fieldset class="filters__container">
<select class="filters__select" name="type">
<select class="filters__select" name="pokemons-types">
<option value="" selected>Type</option>
<option value="fighting">Fighting</option>
<option value="dark">Dark</option>
<option value="fire">Fire</option>
<option value="water">Water</option>
<option value="Fire">Fire</option>
<option value="Dragon">Dragon</option>
<option value="Poison">Poison</option>
<option value="Flying">Flying</option>
<option value="Ground">Ground</option>
</select>
<fieldset class="filters__group">
<input class="filters__input" id="only-new" type="radio" name="option" value="only-new">
<label class="filters__custom filters__custom--radio" for="only-new">Only new</label>
<input class="filters__input" id="favorites" type="radio" name="option" value="favorites">
<input class="filters__input" id="all" type="radio" name="radio-options" value="all">
<label class="filters__custom filters__custom--radio" for="all">All</label>
<input class="filters__input" id="favorites" type="radio" name="radio-options" value="favorites">
<label class="filters__custom filters__custom--radio" for="favorites">Favorites</label>
</fieldset>
<fieldset class="filters__group">
Expand All @@ -61,250 +62,10 @@
<section class="pokemons">
<div class="pokemons__container">
<h2 class="pokemons__title">Study project "Pokemons"</h2>
<ul class="pokemons__cards">
<li class="pokemons__card-item card-pokemon">
<div class="card-pokemon__header">
<img class="card-pokemon__image" src="./images/urshifu.png" alt="urshifu">
<h3 class="card-pokemon__title">Urshifu</h3>
</div>
<ul class="card-pokemon__body">
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Height: </span>6' 03"
</li>
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Weight: </span>231.5 lbs
</li>
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Number: </span>0002
</li>
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Type: </span>
<button class="card-pokemon__btn card-pokemon__btn--yellow"
type="button">Fighting</button>
<button class="card-pokemon__btn card-pokemon__btn--red" type="button">Dark</button>
</li>
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Weaknesses: </span>
<button class="card-pokemon__btn card-pokemon__btn--pink"
type="button">Fairy</button>
<button class="card-pokemon__btn card-pokemon__btn--purple"
type="button">Flying</button>
</li>
</ul>
</li>
<li class="pokemons__card-item card-pokemon">
<div class="card-pokemon__header">
<img class="card-pokemon__image" src="./images/urshifu.png" alt="urshifu">
<h3 class="card-pokemon__title">Urshifu</h3>
</div>
<ul class="card-pokemon__body">
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Height: </span>6' 03"
</li>
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Weight: </span>231.5 lbs
</li>
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Number: </span>0002
</li>
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Type: </span>
<button class="card-pokemon__btn card-pokemon__btn--yellow"
type="button">Fighting</button>
<button class="card-pokemon__btn card-pokemon__btn--red" type="button">Dark</button>
</li>
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Weaknesses: </span>
<button class="card-pokemon__btn card-pokemon__btn--pink"
type="button">Fairy</button>
<button class="card-pokemon__btn card-pokemon__btn--purple"
type="button">Flying</button>
</li>
</ul>
</li>
<li class="pokemons__card-item card-pokemon">
<div class="card-pokemon__header">
<img class="card-pokemon__image" src="./images/urshifu.png" alt="urshifu">
<h3 class="card-pokemon__title">Urshifu</h3>
</div>
<ul class="card-pokemon__body">
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Height: </span>6' 03"
</li>
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Weight: </span>231.5 lbs
</li>
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Number: </span>0002
</li>
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Type: </span>
<button class="card-pokemon__btn card-pokemon__btn--yellow"
type="button">Fighting</button>
<button class="card-pokemon__btn card-pokemon__btn--red" type="button">Dark</button>
</li>
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Weaknesses: </span>
<button class="card-pokemon__btn card-pokemon__btn--pink"
type="button">Fairy</button>
<button class="card-pokemon__btn card-pokemon__btn--purple"
type="button">Flying</button>
</li>
</ul>
</li>
<li class="pokemons__card-item card-pokemon">
<div class="card-pokemon__header">
<img class="card-pokemon__image" src="./images/urshifu.png" alt="urshifu">
<h3 class="card-pokemon__title">Urshifu</h3>
</div>
<ul class="card-pokemon__body">
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Height: </span>6' 03"
</li>
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Weight: </span>231.5 lbs
</li>
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Number: </span>0002
</li>
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Type: </span>
<button class="card-pokemon__btn card-pokemon__btn--yellow"
type="button">Fighting</button>
<button class="card-pokemon__btn card-pokemon__btn--red" type="button">Dark</button>
</li>
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Weaknesses: </span>
<button class="card-pokemon__btn card-pokemon__btn--pink"
type="button">Fairy</button>
<button class="card-pokemon__btn card-pokemon__btn--purple"
type="button">Flying</button>
</li>
</ul>
</li>
<li class="pokemons__card-item card-pokemon">
<div class="card-pokemon__header">
<img class="card-pokemon__image" src="./images/urshifu.png" alt="urshifu">
<h3 class="card-pokemon__title">Urshifu</h3>
</div>
<ul class="card-pokemon__body">
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Height: </span>6' 03"
</li>
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Weight: </span>231.5 lbs
</li>
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Number: </span>0002
</li>
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Type: </span>
<button class="card-pokemon__btn card-pokemon__btn--yellow"
type="button">Fighting</button>
<button class="card-pokemon__btn card-pokemon__btn--red" type="button">Dark</button>
</li>
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Weaknesses: </span>
<button class="card-pokemon__btn card-pokemon__btn--pink"
type="button">Fairy</button>
<button class="card-pokemon__btn card-pokemon__btn--purple"
type="button">Flying</button>
</li>
</ul>
</li>
<li class="pokemons__card-item card-pokemon">
<div class="card-pokemon__header">
<img class="card-pokemon__image" src="./images/urshifu.png" alt="urshifu">
<h3 class="card-pokemon__title">Urshifu</h3>
</div>
<ul class="card-pokemon__body">
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Height: </span>6' 03"
</li>
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Weight: </span>231.5 lbs
</li>
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Number: </span>0002
</li>
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Type: </span>
<button class="card-pokemon__btn card-pokemon__btn--yellow"
type="button">Fighting</button>
<button class="card-pokemon__btn card-pokemon__btn--red" type="button">Dark</button>
</li>
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Weaknesses: </span>
<button class="card-pokemon__btn card-pokemon__btn--pink"
type="button">Fairy</button>
<button class="card-pokemon__btn card-pokemon__btn--purple"
type="button">Flying</button>
</li>
</ul>
</li>
<li class="pokemons__card-item card-pokemon">
<div class="card-pokemon__header">
<img class="card-pokemon__image" src="./images/urshifu.png" alt="urshifu">
<h3 class="card-pokemon__title">Urshifu</h3>
</div>
<ul class="card-pokemon__body">
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Height: </span>6' 03"
</li>
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Weight: </span>231.5 lbs
</li>
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Number: </span>0002
</li>
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Type: </span>
<button class="card-pokemon__btn card-pokemon__btn--yellow"
type="button">Fighting</button>
<button class="card-pokemon__btn card-pokemon__btn--red" type="button">Dark</button>
</li>
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Weaknesses: </span>
<button class="card-pokemon__btn card-pokemon__btn--pink"
type="button">Fairy</button>
<button class="card-pokemon__btn card-pokemon__btn--purple"
type="button">Flying</button>
</li>
</ul>
</li>
<li class="pokemons__card-item card-pokemon">
<div class="card-pokemon__header">
<img class="card-pokemon__image" src="./images/urshifu.png" alt="urshifu">
<h3 class="card-pokemon__title">Urshifu</h3>
</div>
<ul class="card-pokemon__body">
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Height: </span>6' 03"
</li>
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Weight: </span>231.5 lbs
</li>
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Number: </span>0002
</li>
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Type: </span>
<button class="card-pokemon__btn card-pokemon__btn--yellow"
type="button">Fighting</button>
<button class="card-pokemon__btn card-pokemon__btn--red" type="button">Dark</button>
</li>
<li class="card-pokemon__text">
<span class="card-pokemon__text--bold">Weaknesses: </span>
<button class="card-pokemon__btn card-pokemon__btn--pink"
type="button">Fairy</button>
<button class="card-pokemon__btn card-pokemon__btn--purple"
type="button">Flying</button>
</li>
</ul>
</li>
</ul>
<ul class="pokemons__cards" data-cards-container></ul>
</div>
</section>
</main>
<script src="./scripts/pokemons.js"></script>
</body>
</html>
Loading

0 comments on commit 4cb4ff9

Please sign in to comment.