From c7a29951b776f7e69f129c92826ddad4a9ed9061 Mon Sep 17 00:00:00 2001
From: dvankevich <dvankevich@gmail.com>
Date: Thu, 5 Sep 2024 17:07:22 +0300
Subject: [PATCH] add flip card 3

---
 index.html | 38 +++++++++++++++++++++++++++-----------
 1 file changed, 27 insertions(+), 11 deletions(-)

diff --git a/index.html b/index.html
index 8b4aa77..fa3f58c 100644
--- a/index.html
+++ b/index.html
@@ -188,17 +188,33 @@ <h2>LONG BATTERY LIFE WITH SOLAR CHARGING</h2>
           </div>
         </li>
         <li class="catalog-list-item">
-          <picture class="catalog-item-image">
-            <source srcset="./images/catalog-3-desktop.png 1x, ./images/catalog-3-desktop@2x.png 2x"
-              media="(min-width: 1280px)" />
-            <source srcset="./images/catalog-3-tablet.png 1x, ./images/catalog-3-tablet@2x.png 2x"
-              media="(min-width: 768px)" />
-            <source srcset="./images/catalog-3-mobile.png 1x, ./images/catalog-3-mobile@2x.png 2x"
-              media="(max-width: 767px)" />
-            <img src="./images/catalog-3-desktop.png" alt="Garmin Descent MK1" />
-          </picture>
-          <p class="catalog-item-name">Garmin Descent MK1</p>
-          <p class="catalog-item-price">€680</p>
+          <div class="flip-card-inner">
+            <div class="flip-card-front">
+              <picture class="catalog-item-image">
+                <source srcset="./images/catalog-3-desktop.png 1x, ./images/catalog-3-desktop@2x.png 2x"
+                  media="(min-width: 1280px)" />
+                <source srcset="./images/catalog-3-tablet.png 1x, ./images/catalog-3-tablet@2x.png 2x"
+                  media="(min-width: 768px)" />
+                <source srcset="./images/catalog-3-mobile.png 1x, ./images/catalog-3-mobile@2x.png 2x"
+                  media="(max-width: 767px)" />
+                <img src="./images/catalog-3-desktop.png" alt="Garmin Descent MK1" />
+              </picture>
+              <p class="catalog-item-name">Garmin Descent MK1</p>
+              <p class="catalog-item-price">€680</p>
+            </div>
+            <div class="flip-card-back">
+              <h2>ALL DAY, EVERY DAY</h2>
+              <p>Conquer every hour with advanced training features, 24/7 health and wellness monitoring, and up to more
+                than a month of
+                battery life with the Power Sapphire™ solar charging lens1 and a rugged watch case designed for larger
+                wrists.</p>
+              <h2>LONG BATTERY LIFE WITH SOLAR CHARGING</h2>
+              <p>Get up to 37 days in smartwatch mode with solar charging in 3 hours of direct sunlight (50,000 lux) per
+                day and up to
+                122 hours in GPS mode with solar charging (assumes continuous use for entire period in 50,000 lux
+                conditions).</p>
+            </div>
+          </div>
         </li>
         <li class="catalog-list-item">
           <picture class="catalog-item-image">