Skip to content

Commit

Permalink
Исправление верстки
Browse files Browse the repository at this point in the history
  • Loading branch information
@KershDKas
KershDKas committed Nov 14, 2024
1 parent 6ffd36d commit e50e831
Show file tree
Hide file tree
Showing 3 changed files with 112 additions and 112 deletions.
212 changes: 106 additions & 106 deletions source/catalog.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,20 +6,20 @@
</head>
<body class="page__body">
<header class="main-header">
<a class="site__logo">
<a class="logo">
<img src="img/logo.svg" height="50px" width="60px" alt="Кэт энерджи">
<img src="img/site-name.svg" height="18px" width="101px" alt="Название сайта CAT ENERGY">
</a>
<nav class="main-nav">
<button class="main-nav__toggle" type="button"><span class="visually-hidden">Открыть меню</span></button>
<div class="main-nav__wrapper">
<ul class="main-nav__list secondary-nav__list">
<ul class="main-nav__list">
<li class="main-nav__item">
<a href="index.html">
Главная
</a>
</li>
<li class="main-nav__item secondary-nav__item--active">
<li class="main-nav__item main-nav__item--active">
<a>
Каталог продукций
</a>
Expand All @@ -35,155 +35,155 @@
</header>

<main class="main-container">
<h1 class="catalog__title">Каталог продукции</h1>
<section class="catalog">
<h1 class="catalog__title">Каталог продукции</h1>
<h2 class="visually-hidden">Список товаров в каталоге</h2>
<div class="catalog__wrapper">
<ul class="catalog__list">
<li class="catalog__item">
<article class="card">
<h3 class="card__title">Cat Energy PRO 500 г</h3>
<img class="card__image" src="img/cat-energy-pro-500-chiken.png" width="68px" height="86px" alt="Фото для товара Cat Energy PRO 500 г со вкусом курица">
<div class="card__description">
<div class="card__definition">
<p class="card__definition-name">Масса</p>
<p class="card__definition-value">500 г</p>
</div>
<div class="card__definition">
<p class="card__definition-name">Вкус</p>
<p class="card__definition-value">Курица</p>
</div>
<div class="card__definition">
<p class="card__definition-name">Цена</p>
<p class="card__definition-value">700 ₽</p>
</div>
</div>
<table class="card__description">
<tr class="card__definition">
<th class="card__definition-name">Масса</p>
<th class="card__definition-value">500 г</p>
</tr>
<tr class="card__definition">
<th class="card__definition-name">Вкус</p>
<th class="card__definition-value">Курица</p>
</tr>
<tr class="card__definition">
<th class="card__definition-name">Цена</p>
<th class="card__definition-value">700 ₽</p>
</tr>
</table>
<a class="button card__link" href="#">Заказать</a>
</article>
</li>
<li class="catalog__item">
<article class="card">
<h3 class="card__title">Cat Energy PRO 1000 г</h3>
<img class="card__image" src="img/cat-energy-pro-1000-chiken.png" width="68px" height="86px" alt="Фото для товара Cat Energy PRO 1000 г со вкусом курицы">
<div class="card__description">
<div class="card__definition">
<p class="card__definition-name">Масса</p>
<p class="card__definition-value">1000 г</p>
</div>
<div class="card__definition">
<p class="card__definition-name">Вкус</p>
<p class="card__definition-value">Курица</p>
</div>
<div class="card__definition">
<p class="card__definition-name">Цена</p>
<p class="card__definition-value">1000 ₽</p>
</div>
</div>
<table class="card__description">
<tr class="card__definition">
<th class="card__definition-name">Масса</p>
<th class="card__definition-value">1000 г</p>
</tr>
<tr class="card__definition">
<th class="card__definition-name">Вкус</p>
<th class="card__definition-value">Курица</p>
</tr>
<tr class="card__definition">
<th class="card__definition-name">Цена</p>
<th class="card__definition-value">1000 ₽</p>
</tr>
</table>
<a class="button card__link" href="#">Заказать</a>
</article>
</li>
<li class="catalog__item">
<article class="card">
<h3 class="card__title">Cat Energy PRO 500 г</h3>
<img class="card__image" src="img/cat-energy-pro-500-fish.png" width="68px" height="86px" alt="Фото для товара Cat Energy PRO 500 г со вкусом рыбы">
<div class="card__description">
<div class="card__definition">
<p class="card__definition-name">Масса</p>
<p class="card__definition-value">500 г</p>
</div>
<div class="card__definition">
<p class="card__definition-name">Вкус</p>
<p class="card__definition-value">Рыба</p>
</div>
<div class="card__definition">
<p class="card__definition-name">Цена</p>
<p class="card__definition-value">700 ₽</p>
</div>
</div>
<table class="card__description">
<tr class="card__definition">
<th class="card__definition-name">Масса</p>
<th class="card__definition-value">500 г</p>
</tr>
<tr class="card__definition">
<th class="card__definition-name">Вкус</p>
<th class="card__definition-value">Рыба</p>
</tr>
<tr class="card__definition">
<th class="card__definition-name">Цена</p>
<th class="card__definition-value">700 ₽</p>
</tr>
</table>
<a class="button card__link" href="#">Заказать</a>
</article>
</li>
<li class="catalog__item">
<article class="card">
<h3 class="card__title">Cat Energy PRO 1000 г</h3>
<img class="card__image" src="img/cat-energy-pro-1000-fish.png" width="68px" height="86px" alt="Фото для товара Cat Energy PRO 500 г со вкусом рыбы">
<div class="card__description">
<div class="card__definition">
<p class="card__definition-name">Масса</p>
<p class="card__definition-value">1000 г</p>
</div>
<div class="card__definition">
<p class="card__definition-name">Вкус</p>
<p class="card__definition-value">Рыба</p>
</div>
<div class="card__definition">
<p class="card__definition-name">Цена</p>
<p class="card__definition-value">1000 ₽</p>
</div>
</div>
<table class="card__description">
<tr class="card__definition">
<th class="card__definition-name">Масса</p>
<th class="card__definition-value">1000 г</p>
</tr>
<tr class="card__definition">
<th class="card__definition-name">Вкус</p>
<th class="card__definition-value">Рыба</p>
</tr>
<tr class="card__definition">
<th class="card__definition-name">Цена</p>
<th class="card__definition-value">1000 ₽</p>
</tr>
</table>
<a class="button card__link" href="#">Заказать</a>
</article>
</li>
<li class="catalog__item">
<article class="card">
<h3 class="card__title">Cat Energy Slim 500 г</h3>
<img class="card__image" src="img/cat-energy-pro-500-buckwheat.png" width="68px" height="86px" alt="Фото для товара Cat Energy PRO 500 г со вкусом гречи">
<div class="card__description">
<div class="card__definition">
<p class="card__definition-name">Масса</p>
<p class="card__definition-value">500 г</p>
</div>
<div class="card__definition">
<p class="card__definition-name">Вкус</p>
<p class="card__definition-value">Гречка</p>
</div>
<div class="card__definition">
<p class="card__definition-name">Цена</p>
<p class="card__definition-value">400 ₽</p>
</div>
</div>
<table class="card__description">
<tr class="card__definition">
<th class="card__definition-name">Масса</p>
<th class="card__definition-value">500 г</p>
</tr>
<tr class="card__definition">
<th class="card__definition-name">Вкус</p>
<th class="card__definition-value">Гречка</p>
</tr>
<tr class="card__definition">
<th class="card__definition-name">Цена</p>
<th class="card__definition-value">400 ₽</p>
</tr>
</table>
<a class="button card__link" href="#">Заказать</a>
</article>
</li>
<li class="catalog__item">
<article class="card">
<h3 class="card__title">Cat Energy Slim 500 г</h3>
<img class="card__image" src="img/cat-energy-pro-1000-buckwheat.png" width="68px" height="86px" alt="Фото для товара Cat Energy PRO 500 г со вкусом гречи">
<div class="card__description">
<div class="card__definition">
<p class="card__definition-name">Масса</p>
<p class="card__definition-value">1000 г</p>
</div>
<div class="card__definition">
<p class="card__definition-name">Вкус</p>
<p class="card__definition-value">Гречка</p>
</div>
<div class="card__definition">
<p class="card__definition-name">Цена</p>
<p class="card__definition-value">1000 ₽</p>
</div>
</div>
<table class="card__description">
<tr class="card__definition">
<th class="card__definition-name">Масса</p>
<th class="card__definition-value">1000 г</p>
</tr>
<tr class="card__definition">
<th class="card__definition-name">Вкус</p>
<th class="card__definition-value">Гречка</p>
</tr>
<tr class="card__definition">
<th class="card__definition-name">Цена</p>
<th class="card__definition-value">1000 ₽</p>
</tr>
</table>
<a class="button card__link" href="#">Заказать</a>
</article>
</li>
<li class="catalog__item">
<article class="card">
<h3 class="card__title">Cat Energy Slim 500 г</h3>
<img class="card__image" src="img/cat-energy-pro-500-rice.png" width="68px" height="86px" alt="Фото для товара Cat Energy PRO 500 г со вкусом риса">
<div class="card__description">
<div class="card__definition">
<p class="card__definition-name">Масса</p>
<p class="card__definition-value">500 г</p>
</div>
<div class="card__definition">
<p class="card__definition-name">Вкус</p>
<p class="card__definition-value">Рис</p>
</div>
<div class="card__definition">
<p class="card__definition-name">Цена</p>
<p class="card__definition-value">500 ₽</p>
</div>
</div>
<table class="card__description">
<tr class="card__definition">
<th class="card__definition-name">Масса</p>
<th class="card__definition-value">500 г</p>
</tr>
<tr class="card__definition">
<th class="card__definition-name">Вкус</p>
<th class="card__definition-value">Рис</p>
</tr>
<tr class="card__definition">
<th class="card__definition-name">Цена</p>
<th class="card__definition-value">500 ₽</p>
</tr>
</table>
<a class="button card__link" href="#">Заказать</a>
</article>
</li>
Expand All @@ -209,7 +209,7 @@ <h3 class="additional-goods-card__title">Сахарозаменитель</h3>
<p class="additional-goods-card__description-name">1 упаковка (100 г)</p>
<p class="additional-goods-card__description-price">200 ₽</p>
</div>
<a class="button card__link">Заказать</a>
<a class="button additional-goods__link">Заказать</a>
</section>
</li>
<li class="additional-goods__item">
Expand All @@ -219,7 +219,7 @@ <h3 class="additional-goods-card__title">Питьевая вода</h3>
<p class="additional-goods-card__description-name">5 литров</p>
<p class="additional-goods-card__description-price">50 ₽</p>
</div>
<a class="button card__link">Заказать</a>
<a class="button additional-goods__link">Заказать</a>
</section>
</li>
<li class="additional-goods__item">
Expand All @@ -229,7 +229,7 @@ <h3 class="additional-goods-card__title">Молоко</h3>
<p class="additional-goods-card__description-name">1 литр</p>
<p class="additional-goods-card__description-price">100 ₽</p>
</div>
<a class="button card__link">Заказать</a>
<a class="button additional-goods__link">Заказать</a>
</section>
</li>
<li class="additional-goods__item">
Expand All @@ -239,7 +239,7 @@ <h3 class="additional-goods-card__title">Витамины</h3>
<p class="additional-goods-card__description-name">1 упаковка (30 г)</p>
<p class="additional-goods-card__description-price">300 ₽</p>
</div>
<a class="button card__link">Заказать</a>
<a class="button additional-goods__link">Заказать</a>
</section>
</li>
<p class="additional-goods__present">Закажите все и получите чехол для кота в подарок!</p>
Expand Down
10 changes: 5 additions & 5 deletions source/form.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
</head>
<body class="page__body">
<header class="main-header">
<a class="site__logo">
<a class="logo">
<img src="img/logo.svg" height="50px" width="60px" alt="Кэт энерджи">
<img src="img/site-name.svg" height="18px" width="101px" alt="Название сайта CAT ENERGY">
</a>
Expand Down Expand Up @@ -96,25 +96,25 @@ <h2 class="form__title">Комментарий</h2>
<div class="form__additional control">
<h2 class="control__title">Дополнительно</h2>
<ul class="control__list">
<li class="additional-info__item">
<li class="control__item">
<label class="control__label">
<input class="control__label-input" type="checkbox" name="sweetener">
Сахарозаменитель
</label>
</li>
<li class="additional-info__item">
<li class="control__item">
<label class="control__label">
<input class="control__label-input" type="checkbox" name="drinking-water">
Питьевая вода
</label>
</li>
<li class="additional-info__item">
<li class="control__item">
<label class="control__label">
<input class="control__label-input" type="checkbox" name="milk">
Молоко
</label>
</li>
<li class="additional-info__item">
<li class="control__item">
<label class="control__label">
<input class="control__label-input" type="checkbox" name="vitamins">
Витамины
Expand Down
2 changes: 1 addition & 1 deletion source/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -6,7 +6,7 @@
</head>
<body class="page__body">
<header class="main-header">
<a class="site__logo">
<a class="logo">
<img src="img/logo.svg" height="50px" width="60px" alt="Кэт энерджи">
<img src="img/site-name.svg" height="18px" width="101px" alt="Название сайта CAT ENERGY">
</a>
Expand Down

0 comments on commit e50e831

Please sign in to comment.