Merge pull request htmlacademy-adaptive#4 from Tuvakova/module4-task1

Делаем базовую стилизацию проекта
Tuvakova · Nov 6, 2024 · 95167bb · 95167bb
2 parents 2f2d512 + 3fd11e6
commit 95167bb
Show file tree

Hide file tree

Showing 25 changed files with 337 additions and 79 deletions.
diff --git a/source/catalog.html b/source/catalog.html
@@ -82,7 +82,7 @@ <h3 class="product-card__title">
               </tr>
             </table>
           </div>
-          <a class="product-card__order-link action-button" href="#">Заказать</a>
+          <a class="product-card__order-link action-button action-button--small " href="#">Заказать</a>
         </li>
         <li class="catalog__item product-card">
           <a class="product-card__img-link" href="#">
@@ -111,7 +111,7 @@ <h3 class="product-card__title">
               </tr>
             </table>
           </div>
-          <a class="product-card__order-link action-button" href="#">Заказать</a>
+          <a class="product-card__order-link action-button action-button--small" href="#">Заказать</a>
         </li>
         <li class="catalog__item product-card">
           <a class="product-card__img-link" href="№">
@@ -140,7 +140,7 @@ <h3 class="product-card__title">
               </tr>
             </table>
           </div>
-          <a class="product-card__order-link action-button" href="#">Заказать</a>
+          <a class="product-card__order-link action-button action-button--small" href="#">Заказать</a>
         </li>
         <li class="catalog__item product-card">
           <a class="product-card__img-link" href="#">
@@ -169,7 +169,7 @@ <h3 class="product-card__title">
               </tr>
             </table>
           </div>
-          <a class="product-card__order-link action-button" href="#">Заказать</a>
+          <a class="product-card__order-link action-button action-button--small" href="#">Заказать</a>
         </li>
         <li class="catalog__item product-card">
           <a class="product-card__img-link" href="№">
@@ -198,7 +198,7 @@ <h3 class="product-card__title">
               </tr>
             </table>
           </div>
-          <a class="product-card__order-link action-button" href="#">Заказать</a>
+          <a class="product-card__order-link action-button action-button--small" href="#">Заказать</a>
         </li>
         <li class="catalog__item product-card">
           <a class="product-card__img-link" href="#">
@@ -227,7 +227,7 @@ <h3 class="product-card__title">
               </tr>
             </table>
           </div>
-          <a class="product-card__order-link action-button" href="#">Заказать</a>
+          <a class="product-card__order-link action-button action-button--small" href="#">Заказать</a>
         </li>
         <li class="catalog__item product-card">
           <a class="product-card__img-link" href="№">
@@ -256,7 +256,7 @@ <h3 class="product-card__title">
               </tr>
             </table>
           </div>
-          <a class="product-card__order-link action-button" href="#">Заказать</a>
+          <a class="product-card__order-link action-button action-button--small" href="#">Заказать</a>
         </li>
         <li class="catalog__item more-products-card">
           <div class="more-products-card__content">
@@ -281,31 +281,31 @@ <h3 class="additional-product-card__title">Сахарозаменитель</h3>
               <span class="additional-product-card__unit">1 упаковка (100г)</span>
               <span class="additional-product-card__price">200 р.</span>
             </p>
-            <a class="additional-product-card__order action-button" href="#">Заказать</a>
+            <a class="additional-product-card__order action-button action-button--small" href="#">Заказать</a>
           </li>
           <li class="additional-products__item additional-product-card">
             <h3 class="additional-product-card__title">Питьевая вода</h3>
             <p class="additional-product-card__content">
               <span class="additional-product-card__unit">5 литров</span>
               <span class="additional-product-card__price">50 р.</span>
             </p>
-            <a class="additional-product-card__order action-button" href="#">Заказать</a>
+            <a class="additional-product-card__order action-button action-button--small" href="#">Заказать</a>
           </li>
           <li class="additional-products__item additional-product-card">
             <h3 class="additional-product-card__title">Молоко</h3>
             <p class="additional-product-card__content">
               <span class="additional-product-card__unit">1 литр</span>
               <span class="additional-product-card__price">100 р.</span>
             </p>
-            <a class="additional-product-card__order action-button" href="#">Заказать</a>
+            <a class="additional-product-card__order action-button action-button--small" href="#">Заказать</a>
           </li>
           <li class="additional-products__item additional-product-card">
             <h3 class="additional-product-card__title">Витамины</h3>
             <p class="additional-product-card__content">
               <span class="additional-product-card__unit">1 упаковка (30 г)</span>
               <span class="additional-product-card__price">300 р.</span>
             </p>
-            <a class="additional-product-card__order action-button" href="#">Заказать</a>
+            <a class="additional-product-card__order action-button action-button--small" href="#">Заказать</a>
           </li>
         </ul>
         <div class="promo-block">
@@ -321,7 +321,7 @@ <h3 class="subscription-form__title">Акции и новинки</h3>
         <form class="subscription-form__input" action="https://echo.htmlacademy.ru" method="post">
           <label for="subscription-email"></label>
           <input class="subscription-form__field" placeholder="к[email protected]" type="email" name="subscription-email" id="subscription-email" required>
-          <button class="button subscription-form__button" type="submit">Подписаться</button>
+          <button class="action-button action-button--big subscription-form__button" type="submit">Подписаться</button>
         </form>
       </div>
     </section>
@@ -371,7 +371,15 @@ <h2 class="visually-hidden">Адрес магазина</h2>
         </li>
       </ul>
       <p class="page-footer__developer developer">
-        <a class="developer__link developer__link--text" href="#" aria-label="Перейти на сайт разработчика">HTML Academy</a>
+        <a class="developer__link developer__link--text" href="#" aria-label="Перейти на сайт разработчика">HTML Academy
+          <svg aria-hidden="true" focusable="false" width="27" height="35" viewBox="0 0 27 35" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+            <g clip-path="url(#clip0_136479_495)">
+              <path d="M13.6426 0.515754L13.5 0.5L0 1.90733V26.5129L13.5 34.5L27 26.5129V1.90733L13.6426 0.515754ZM25.2344 25.5151L13.5 32.4573L1.76561 25.5151V15.4293L13.4507 22.3451L13.4701 23.5984L5.45351 18.8548L5.44295 20.0801L13.4894 24.8885L13.5088 26.175L5.46408 21.4174L5.45351 22.6427L13.5 27.4511L21.6239 22.6182V21.3929V17.409L25.2432 15.2595L25.2344 25.5151ZM25.2344 13.9519L22.0147 15.8319L20.5325 16.7071L13.4666 12.5201L13.456 13.7454L19.4957 17.318L19.4429 17.3495L19.3126 17.4247L18.4536 17.9166L13.4666 14.9689L13.456 16.1942L17.3921 18.5222L16.4591 19.1314L16.438 19.1436L13.4666 17.402L13.456 18.6273L15.4029 19.7615L13.4155 20.9483L1.7973 14.0762L13.4349 7.11831L25.2344 13.9519ZM25.2344 12.7266L13.4401 5.81075L1.76561 12.7196V3.4897L13.5 2.26442L25.2344 3.4897V12.7266Z" fill="#666666" />
+            </g>
+            <defs>
+            </defs>
+          </svg>
+        </a>
       </p>
     </div>
   </footer>