Dev1

CNAME

@@ -0,0 +1 @@
+sripathim.com

assets/css/style.css

@@ -1,20 +1,3 @@
-/*-----------------------------------*\
-  #style.css
-\*-----------------------------------*/
-
-
-/**
- * copyright 2022 @codewithsadee
- */
-
-
-
-
-
-/*-----------------------------------*\
-  #CUSTOM PROPERTY
-\*-----------------------------------*/
-
 :root {
 
   /**
@@ -23,7 +6,7 @@
 
   /* gradient */
 
-  --bg-gradient-onyx: linear-gradient(
+ --bg-gradient-onyx: linear-gradient(
     to bottom right, 
     hsl(240, 1%, 25%) 3%, 
     hsl(0, 0%, 19%) 97%
@@ -506,8 +489,6 @@ main {
 
 .about-text p { margin-bottom: 15px; }
 
-
-
 /**
  * #service 
  */
@@ -798,7 +779,7 @@ main {
 .timeline-list span {
   color: var(--vegas-gold);
   font-weight: var(--fw-400);
-  line-height: 1.6;
+  line-height: 2.5
 }
 
 .timeline-item:not(:last-child)::before {
@@ -1062,7 +1043,7 @@ main {
 
 .blog-banner-box {
   width: 100%;
-  height: 200px;
+  height: 50px;
   border-radius: 12px;
   overflow: hidden;
 }
@@ -1222,6 +1203,42 @@ textarea.form-input::-webkit-resizer { display: none; }
 .form-btn:disabled:hover::before { background: var(--bg-gradient-jet); }
 
 
+.resume-btn {
+  position: relative;
+  width: 100%;
+  background: var(--border-gradient-onyx);
+  color: var(--orange-yellow-crayola);
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 10px;
+  padding: 13px 20px;
+  border-radius: 14px;
+  font-size: var(--fs-6);
+  text-transform: capitalize;
+  box-shadow: var(--shadow-3);
+  z-index: 1;
+  transition: var(--transition-1);
+}
+
+.resume-btn::before {
+  content: "";
+  position: absolute;
+  inset: 1px;
+  background: var(--bg-gradient-jet);
+  border-radius: inherit;
+  z-index: -1;
+  transition: var(--transition-1);
+}
+
+.resume-btn ion-icon { font-size: 16px; }
+
+.resume-btn:hover { background: var(--bg-gradient-yellow-1); }
+
+.resume-btn:hover::before { background: var(--bg-gradient-yellow-2); }
+
+
+
 
 
 
@@ -1639,6 +1656,11 @@ textarea.form-input::-webkit-resizer { display: none; }
     margin-left: auto;
   }
 
+  .resume-btn {
+    width: max-content;
+    margin-left: auto;
+  }
+
 }
 
 
@@ -1871,6 +1893,63 @@ textarea.form-input::-webkit-resizer { display: none; }
 
   .social-list { justify-content: center; }
 
+  strong {
+  color: var(--orange-yellow-crayola);
+  font-weight: var(--fw-600);
+  }
+
+.certifications {
+  margin-top: 20px;
+}
+
+.certifications-title  { margin-bottom: 20px; }
+
+.certifications-list {
+  display: flex;
+  flex-direction: column;
+  gap: 15px;
+}
+
+.certification-info {
+  flex-grow: 1;
+}
+
+.certification-info h4 {
+  color: var(--white-2);
+  font-size: var(--fs-4);
+  font-weight: var(--fw-500);
+  margin-bottom: 5px;
+}
+
+.certification-info p {
+  color: var(--light-gray);
+  font-size: var(--fs-7);
+  margin-bottom: 10px;
+}
+
+.certification-info a {
+  color: var(--orange-yellow-crayola);
+  font-size: var(--fs-7);
+  font-weight: var(--fw-500);
+  text-decoration: none;
+}
+
+.blog-link {
+  color: var(--orange-yellow-crayola);
+  font-size: var(--fs-6);
+  font-weight: var(--fw-400);
+  transition: color var(--transition-1);
+}
+
+.blog-link:hover .highlight {
+  color: var(--vegas-gold);
+}
+
+.highlight {
+  font-weight: var(--fw-600);
+}
+
+
 
 
   /**
@@ -1879,4 +1958,4 @@ textarea.form-input::-webkit-resizer { display: none; }
 
   .timeline-text { max-width: 700px; }
 
-}
+}

assets/js/script.js

@@ -54,7 +54,6 @@ modalCloseBtn.addEventListener("click", testimonialsModalFunc);
 overlay.addEventListener("click", testimonialsModalFunc);
 
 
-
 // custom select variables
 const select = document.querySelector("[data-select]");
 const selectItems = document.querySelectorAll("[data-select-item]");
@@ -156,4 +155,4 @@ for (let i = 0; i < navigationLinks.length; i++) {
     }
 
   });
-}
+}