feat: button View CV

Author: dumkaguv

Dmitrii_Golovicichin_CV_EN_no_photo.pdf

@@ -442,15 +442,31 @@ <h2 class="hero__title-absolute" data-js-hero-title>
               </div>
             </div>
           </div>
-          <div class="hero__explore-button-outer">
-            <a class="hero__explore-button button glass-block" href="#about">
-              Details below
-              <svg fill="#000000" height="20px" width="20px" viewBox="0 0 330 330">
-                <path
-                  d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393  c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393  s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"
-                />
-              </svg>
-            </a>
+          <div class="hero__explore-buttons">
+            <div class="hero__explore-button-outer">
+              <a
+                href="./Dmitrii_Golovicichin_CV_EN_no_photo.pdf"
+                class="hero__explore-button button glass-block"
+                target="_blank"
+                rel="noopener noreferrer"
+                >View CV</a
+              >
+            </div>
+            <div class="hero__explore-button-outer">
+              <a class="hero__explore-button button glass-block" href="#about">
+                Details
+                <svg
+                  fill="#000000"
+                  height="20px"
+                  width="20px"
+                  viewBox="0 0 330 330"
+                >
+                  <path
+                    d="M325.607,79.393c-5.857-5.857-15.355-5.858-21.213,0.001l-139.39,139.393L25.607,79.393  c-5.857-5.857-15.355-5.858-21.213,0.001c-5.858,5.858-5.858,15.355,0,21.213l150.004,150c2.813,2.813,6.628,4.393,10.606,4.393  s7.794-1.581,10.606-4.394l149.996-150C331.465,94.749,331.465,85.251,325.607,79.393z"
+                  />
+                </svg>
+              </a>
+            </div>
           </div>
         </div>
       </section>
@@ -1070,7 +1086,7 @@ <h3 class="slider__item-title">
           </div>
         </div>
       </section>
-      <section id="work-experience" class="container">
+      <section id="work-experience" data-aos="fade-right" class="container">
         <header class="container__header">
           <h2 class="container__header-title">
             Work <span class="highlighted-text">Experience</span>
@@ -1083,7 +1099,7 @@ <h2 class="container__header-title">
                 <time
                   datetime="2023-09"
                   class="work-experience-card__date highlighted-text"
-                  >September 2023 - Present</time
+                  >September 2023 - May 2025</time
                 >
                 <h3 class="work-experience-card__title">
                   <a

index.html

@@ -78,6 +78,13 @@
     }
   }
 
+  &__explore-buttons {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    column-gap: 20px;
+  }
+
   &__explore-button {
     display: flex;
     align-items: center;

styles/blocks/sections/_hero.scss

@@ -1476,6 +1476,13 @@ body.loaded .header {
     margin-inline: auto;
   }
 }
+.hero__explore-buttons {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  -moz-column-gap: 20px;
+       column-gap: 20px;
+}
 .hero__explore-button {
   display: flex;
   align-items: center;