fix: change color price

RezenkovD · Aug 14, 2023 · a61efa1 · a61efa1
1 parent d49ec6d
commit a61efa1
Show file tree

Hide file tree

Showing 2 changed files with 27 additions and 4 deletions.
diff --git a/vr_club_site/templates/site/index.html b/vr_club_site/templates/site/index.html
@@ -87,7 +87,7 @@
                     <div class="when-time">
                         60 хвилин
                     </div>
-                    <div class="how-many">
+                    <div class="how-many-o">
                         200 грн
                     </div>
                 </div>
@@ -108,7 +108,7 @@
                     <div class="when-time">
                         60 хвилин
                     </div>
-                    <div class="how-many">
+                    <div class="how-many-b">
                         250 грн
                     </div>
                 </div>

diff --git a/vr_club_site/templates/site/style/index.css b/vr_club_site/templates/site/style/index.css
@@ -286,7 +286,7 @@
     line-height: 155%; /* 31px */
 }
 
-.how-many {
+.how-many-o {
     width: 180px;
     height: 61px;
     flex-shrink: 0;
@@ -298,6 +298,18 @@
     line-height: 155%; /* 62px */
 }
 
+.how-many-b {
+     width: 180px;
+    height: 61px;
+    flex-shrink: 0;
+    color: #4FB4FE;
+    font-family: Montserrat, serif;
+    font-size: 40px;
+    font-style: normal;
+    font-weight: 700;
+    line-height: 155%; /* 62px */
+}
+
 .btn-price,
 .btn-prices * {
     box-sizing: border-box;
@@ -631,7 +643,7 @@
         line-height: 110%; /* 17.6px */
     }
 
-    .how-many {
+    .how-many-o {
         width: 133px;
         height: 51px;
         color: #EF7D1E;
@@ -642,6 +654,17 @@
         line-height: 155%; /* 49.6px */
     }
 
+    .how-many-b {
+        width: 133px;
+        height: 51px;
+        color: #4FB4FE;
+        font-family: Montserrat, serif;
+        font-size: 32px;
+        font-style: normal;
+        font-weight: 700;
+        line-height: 155%; /* 49.6px */
+    }
+
     .btn-price {
         margin-top: 20px;
         width: 311px;