diff --git a/CNAME b/CNAME
new file mode 100644
index 0000000000..ecc9863531
--- /dev/null
+++ b/CNAME
@@ -0,0 +1 @@
+sripathim.com
diff --git a/README.md b/README.md
deleted file mode 100644
index 8aaa0a31d4..0000000000
--- a/README.md
+++ /dev/null
@@ -1,44 +0,0 @@
-# vCard - Personal portfolio
-
-
-
-
-[](https://twitter.com/intent/follow?screen_name=codewithsadee)
-[](https://youtu.be/SoxmIlgf2zM)
-
-vCard is a fully responsive personal portfolio website, responsive for all devices, built using HTML, CSS, and JavaScript.
-
-## Demo
-
-
-
-
-## Prerequisites
-
-Before you begin, ensure you have met the following requirements:
-
-* [Git](https://git-scm.com/downloads "Download Git") must be installed on your operating system.
-
-## Installing vCard
-
-To install **vCard**, follow these steps:
-
-Linux and macOS:
-
-```bash
-sudo git clone https://github.com/codewithsadee/vcard-personal-portfolio.git
-```
-
-Windows:
-
-```bash
-git clone https://github.com/codewithsadee/vcard-personal-portfolio.git
-```
-
-## Contact
-
-If you want to contact me you can reach me at [Twitter](https://www.twitter.com/codewithsadee).
-
-## License
-
-This project is **free to use** and does not contains any license.
diff --git a/assets/00_sripathi_m_data_engineer.pdf b/assets/00_sripathi_m_data_engineer.pdf
new file mode 100644
index 0000000000..b77f2c0e04
Binary files /dev/null and b/assets/00_sripathi_m_data_engineer.pdf differ
diff --git a/assets/css/style.css b/assets/css/style.css
index 4dcaeaa2b0..dc2e20ed8b 100644
--- a/assets/css/style.css
+++ b/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; }
-}
\ No newline at end of file
+}
diff --git a/assets/images/768px-SpaCy_logo.svg.png b/assets/images/768px-SpaCy_logo.svg.png
new file mode 100644
index 0000000000..3997487801
Binary files /dev/null and b/assets/images/768px-SpaCy_logo.svg.png differ
diff --git a/assets/images/Azure_yellow.png b/assets/images/Azure_yellow.png
new file mode 100644
index 0000000000..e860997cf5
Binary files /dev/null and b/assets/images/Azure_yellow.png differ
diff --git a/assets/images/Keras_yellow.png b/assets/images/Keras_yellow.png
new file mode 100644
index 0000000000..d403213a21
Binary files /dev/null and b/assets/images/Keras_yellow.png differ
diff --git a/assets/images/Numpy_yellow.png b/assets/images/Numpy_yellow.png
new file mode 100644
index 0000000000..b8c0f01173
Binary files /dev/null and b/assets/images/Numpy_yellow.png differ
diff --git a/assets/images/Pandas_logo.svg.png b/assets/images/Pandas_logo.svg.png
new file mode 100644
index 0000000000..6cc56c2a4e
Binary files /dev/null and b/assets/images/Pandas_logo.svg.png differ
diff --git a/assets/images/Pandas_yellow.png b/assets/images/Pandas_yellow.png
new file mode 100644
index 0000000000..8f45ff399c
Binary files /dev/null and b/assets/images/Pandas_yellow.png differ
diff --git a/assets/images/TF_White_Primary_Horizontal.png b/assets/images/TF_White_Primary_Horizontal.png
new file mode 100644
index 0000000000..f60fdbbd25
Binary files /dev/null and b/assets/images/TF_White_Primary_Horizontal.png differ
diff --git a/assets/images/TF_yellow.png b/assets/images/TF_yellow.png
new file mode 100644
index 0000000000..7633954a47
Binary files /dev/null and b/assets/images/TF_yellow.png differ
diff --git a/assets/images/blog-1.jpg b/assets/images/blog-1.jpg
index 8b59c46ed2..2fadae6262 100644
Binary files a/assets/images/blog-1.jpg and b/assets/images/blog-1.jpg differ
diff --git a/assets/images/fav_log.png b/assets/images/fav_log.png
new file mode 100644
index 0000000000..3032b27def
Binary files /dev/null and b/assets/images/fav_log.png differ
diff --git a/assets/images/keras-dark.png b/assets/images/keras-dark.png
new file mode 100644
index 0000000000..099329625a
Binary files /dev/null and b/assets/images/keras-dark.png differ
diff --git a/assets/images/numpy.png b/assets/images/numpy.png
new file mode 100644
index 0000000000..b53648c3bc
Binary files /dev/null and b/assets/images/numpy.png differ
diff --git a/assets/images/scikit learn.jpg b/assets/images/scikit learn.jpg
new file mode 100644
index 0000000000..1ef0335176
Binary files /dev/null and b/assets/images/scikit learn.jpg differ
diff --git a/assets/images/seaborn.png b/assets/images/seaborn.png
new file mode 100644
index 0000000000..913ffd9232
Binary files /dev/null and b/assets/images/seaborn.png differ
diff --git a/assets/images/sklearn_yellow.png b/assets/images/sklearn_yellow.png
new file mode 100644
index 0000000000..88ca39c4e9
Binary files /dev/null and b/assets/images/sklearn_yellow.png differ
diff --git a/assets/images/spacy_yellow.png b/assets/images/spacy_yellow.png
new file mode 100644
index 0000000000..c9fa2fb78c
Binary files /dev/null and b/assets/images/spacy_yellow.png differ
diff --git a/assets/js/script.js b/assets/js/script.js
index 6439a82ccf..0825d7bc54 100644
--- a/assets/js/script.js
+++ b/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++) {
}
});
-}
\ No newline at end of file
+}
diff --git a/index.html b/index.html
index efac5f0167..1614e9b9da 100644
--- a/index.html
+++ b/index.html
@@ -2,1200 +2,566 @@
-
-
-
- vCard - Personal Portfolio
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+ Sripathi Mohanasundaram - Personal Portfolio
-
+
+
-
+
+
-
+
+
+
+
+
+
+
+
+
+