Реализую ТЗ 6.1

htmlacademy-adaptive · Sep 24, 2024 · e2022ef · e2022ef
1 parent 64e02bf
commit e2022ef
Showing 1 changed file with 36 additions and 12 deletions.
diff --git a/source/catalog.html b/source/catalog.html
@@ -42,10 +42,14 @@ <h1 class="catalog__title">Каталог продукции</h1>
       <ul class="catalog__list">
         <li class="catalog__item product-card">
           <div class="product-card__image-wrapper">
-            <img class="product-card__image" src="" width="" height="" alt="Cat energy pro 500 г">
+            <a class="product-card__link" href="product-card.html" target="_blank">
+              <img class="product-card__image" src="" width="" height="" alt="Cat energy pro 500 г">
+            </a>
           </div>
           <div class="product-card__info-wrapper">
-            <h2 class="product-card__title">Cat energy pro 500 г</h2>
+            <a class="product-card__link" href="product-card.html" target="_blank">
+              <h2 class="product-card__title">Cat energy pro 500 г</h2>
+            </a>
             <div class="product-card__desc-wrapper">
               <p class="product-card__desc"><span class="product-card__prop">Масса</span><span class="product-card__value">500 г</span></p>
               <p class="product-card__desc"><span class="product-card__prop">Вкус</span><span class="product-card__value">Курица</span></p>
@@ -56,10 +60,14 @@ <h2 class="product-card__title">Cat energy pro 500 г</h2>
         </li>
         <li class="catalog__item product-card">
           <div class="product-card__image-wrapper">
-            <img class="product-card__image" src="" width="" height="" alt="Cat energy pro 1000 г">
+            <a class="product-card__link" href="product-card.html" target="_blank">
+              <img class="product-card__image" src="" width="" height="" alt="Cat energy pro 1000 г">
+            </a>
           </div>
           <div class="product-card__info-wrapper">
-            <h2 class="product-card__title">Cat energy pro 1000 г</h2>
+            <a class="product-card__link" href="product-card.html" target="_blank">
+              <h2 class="product-card__title">Cat energy pro 1000 г</h2>
+            </a>
             <div class="product-card__desc-wrapper">
               <p class="product-card__desc"><span class="product-card__prop">Масса</span><span class="product-card__value">1000 г</span></p>
               <p class="product-card__desc"><span class="product-card__prop">Вкус</span><span class="product-card__value">Курица</span></p>
@@ -70,10 +78,14 @@ <h2 class="product-card__title">Cat energy pro 1000 г</h2>
         </li>
         <li class="catalog__item product-card">
           <div class="product-card__image-wrapper">
-            <img class="product-card__image" src="" width="" height="" alt="Cat energy pro 500 г">
+            <a class="product-card__link" href="product-card.html" target="_blank">
+              <img class="product-card__image" src="" width="" height="" alt="Cat energy pro 500 г">
+            </a>
           </div>
           <div class="product-card__info-wrapper">
-            <h2 class="product-card__title">Cat energy pro 500 г</h2>
+            <a class="product-card__link" href="product-card.html" target="_blank">
+              <h2 class="product-card__title">Cat energy pro 500 г</h2>
+            </a>
             <div class="product-card__desc-wrapper">
               <p class="product-card__desc"><span class="product-card__prop">Масса</span><span class="product-card__value">500 г</span></p>
               <p class="product-card__desc"><span class="product-card__prop">Вкус</span><span class="product-card__value">Рыба</span></p>
@@ -84,10 +96,14 @@ <h2 class="product-card__title">Cat energy pro 500 г</h2>
         </li>
         <li class="catalog__item product-card">
           <div class="product-card__image-wrapper">
-            <img class="product-card__image" src="" width="" height="" alt="Cat energy pro 1000 г">
+            <a class="product-card__link" href="product-card.html" target="_blank">
+              <img class="product-card__image" src="" width="" height="" alt="Cat energy pro 1000 г">
+            </a>
           </div>
           <div class="product-card__info-wrapper">
-            <h2 class="product-card__title">Cat energy pro 1000 г</h2>
+            <a class="product-card__link" href="product-card.html" target="_blank">
+              <h2 class="product-card__title">Cat energy pro 1000 г</h2>
+            </a>
             <div class="product-card__desc-wrapper">
               <p class="product-card__desc"><span class="product-card__prop">Масса</span><span class="product-card__value">1000 г</span></p>
               <p class="product-card__desc"><span class="product-card__prop">Вкус</span><span class="product-card__value">Рыба</span></p>
@@ -98,10 +114,14 @@ <h2 class="product-card__title">Cat energy pro 1000 г</h2>
         </li>
         <li class="catalog__item product-card">
           <div class="product-card__image-wrapper">
-            <img class="product-card__image" src="" width="" height="" alt="Cat energy slim 500 г">
+            <a class="product-card__link" href="product-card.html" target="_blank">
+              <img class="product-card__image" src="" width="" height="" alt="Cat energy slim 500 г">
+            </a>
           </div>
           <div class="product-card__info-wrapper">
-            <h2 class="product-card__title">Cat energy slim 500 г</h2>
+            <a class="product-card__link" href="product-card.html" target="_blank">
+              <h2 class="product-card__title">Cat energy slim 500 г</h2>
+            </a>
             <div class="product-card__desc-wrapper">
               <p class="product-card__desc"><span class="product-card__prop">Масса</span><span class="product-card__value">500 г</span></p>
               <p class="product-card__desc"><span class="product-card__prop">Вкус</span><span class="product-card__value">Гречка</span></p>
@@ -130,10 +150,14 @@ <h2 class="product-card__title">Cat energy slim 1000 г</h2>
         </li>
         <li class="catalog__item product-card">
           <div class="product-card__image-wrapper">
-            <img class="product-card__image" src="" width="" height="" alt="Cat energy slim 500 г">
+            <a class="product-card__link" href="product-card.html" target="_blank">
+              <img class="product-card__image" src="" width="" height="" alt="Cat energy slim 500 г">
+            </a>
           </div>
           <div class="product-card__info-wrapper">
-            <h2 class="product-card__title">Cat energy slim 500 г</h2>
+            <a class="product-card__link" href="product-card.html" target="_blank">
+              <h2 class="product-card__title">Cat energy slim 500 г</h2>
+            </a>
             <div class="product-card__desc-wrapper">
               <p class="product-card__desc"><span class="product-card__prop">Масса</span><span class="product-card__value">500 г</span></p>
               <p class="product-card__desc"><span class="product-card__prop">Вкус</span><span class="product-card__value">Рис</span></p>