diff --git a/public/assets/main/2_0/css/style.css b/public/assets/main/2_0/css/style.css
index c4cc8bd..31ffed9 100644
--- a/public/assets/main/2_0/css/style.css
+++ b/public/assets/main/2_0/css/style.css
@@ -1,16 +1,3 @@
-/*-----------------------------------*\
- #style.css
-\*-----------------------------------*/
-
-
-/**
- * copyright 2022 @codewithsadee
- */
-
-
-
-
-
/*-----------------------------------*\
#CUSTOM PROPERTY
\*-----------------------------------*/
@@ -161,10 +148,6 @@ body {
background: var(--smoky-black);
}
-
-
-
-
/*-----------------------------------*\
#REUSED STYLE
\*-----------------------------------*/
@@ -315,10 +298,6 @@ article.active {
z-index: -1;
}
-
-
-
-
/*-----------------------------------*\
#MAIN
\*-----------------------------------*/
@@ -329,10 +308,6 @@ main {
min-width: 259px;
}
-
-
-
-
/*-----------------------------------*\
#SIDEBAR
\*-----------------------------------*/
@@ -480,18 +455,14 @@ main {
font-size: 18px;
}
-
.social-item .social-link:hover {
color: var(--light-gray);
}
-
.social-link ion-icon {
pointer-events: none;
}
-
-
/*-----------------------------------*\
#NAVBAR
\*-----------------------------------*/
@@ -533,10 +504,6 @@ main {
color: var(--orange-yellow-crayola);
}
-
-
-
-
/*-----------------------------------*\
#ABOUT
\*-----------------------------------*/
@@ -556,8 +523,6 @@ main {
margin-bottom: 15px;
}
-
-
/**
* #service
*/
@@ -623,8 +588,6 @@ main {
line-height: 1.6;
}
-
-
/*-----------------------------------*\
#RESUME
\*-----------------------------------*/
@@ -633,7 +596,6 @@ main {
margin-bottom: 30px;
}
-
/**
* education and experience
*/
@@ -702,54 +664,6 @@ main {
line-height: 1.6;
}
-
-/**
- * skills
- */
-
-.skills-title {
- margin-bottom: 20px;
-}
-
-.skills-list {
- padding: 20px;
-}
-
-
-.skills-item:not(:last-child) {
- margin-bottom: 15px;
-}
-
-.skill .title-wrapper {
- display: flex;
- align-items: center;
- gap: 5px;
- margin-bottom: 8px;
-}
-
-.skill .title-wrapper data {
- color: var(--light-gray);
- font-size: var(--fs-7);
- font-weight: var(--fw-300);
-}
-
-.skill-progress-bg {
- background: var(--jet);
- width: 100%;
- height: 8px;
- border-radius: 10px;
-}
-
-.skill-progress-fill {
- background: var(--text-gradient-yellow);
- height: 100%;
- border-radius: inherit;
-}
-
-
-
-
-
/*-----------------------------------*\
#PORTFOLIO
\*-----------------------------------*/
@@ -928,236 +842,6 @@ main {
font-weight: var(--fw-300);
}
-
-
-
-
-/*-----------------------------------*\
- #BLOG
-\*-----------------------------------*/
-
-.blog-posts {
- margin-bottom: 10px;
-}
-
-.blog-posts-list {
- display: grid;
- grid-template-columns: 1fr;
- gap: 20px;
-}
-
-.blog-post-item>a {
- position: relative;
- background: var(--border-gradient-onyx);
- height: 100%;
- box-shadow: var(--shadow-4);
- border-radius: 16px;
- z-index: 1;
-}
-
-.blog-post-item>a::before {
- content: "";
- position: absolute;
- inset: 1px;
- border-radius: inherit;
- background: var(--eerie-black-1);
- z-index: -1;
-}
-
-.blog-banner-box {
- width: 100%;
- height: 200px;
- border-radius: 12px;
- overflow: hidden;
-}
-
-.blog-banner-box img {
- width: 100%;
- height: 100%;
- object-fit: cover;
- transition: var(--transition-1);
-}
-
-.blog-post-item>a:hover .blog-banner-box img {
- transform: scale(1.1);
-}
-
-.blog-content {
- padding: 15px;
-}
-
-.blog-meta {
- display: flex;
- justify-content: flex-start;
- align-items: center;
- gap: 7px;
- margin-bottom: 10px;
-}
-
-.blog-meta :is(.blog-category, time) {
- color: var(--light-gray-70);
- font-size: var(--fs-6);
- font-weight: var(--fw-300);
-}
-
-.blog-meta .dot {
- background: var(--light-gray-70);
- width: 4px;
- height: 4px;
- border-radius: 4px;
-}
-
-.blog-item-title {
- margin-bottom: 10px;
- line-height: 1.3;
- transition: var(--transition-1);
-}
-
-.blog-post-item>a:hover .blog-item-title {
- color: var(--orange-yellow-crayola);
-}
-
-.blog-text {
- color: var(--light-gray);
- font-size: var(--fs-6);
- font-weight: var(--fw-300);
- line-height: 1.6;
-}
-
-
-
-
-
-/*-----------------------------------*\
- #CONTACT
-\*-----------------------------------*/
-
-.mapbox {
- position: relative;
- height: 250px;
- width: 100%;
- border-radius: 16px;
- margin-bottom: 30px;
- border: 1px solid var(--jet);
- overflow: hidden;
-}
-
-.mapbox figure {
- height: 100%;
-}
-
-.mapbox iframe {
- width: 100%;
- height: 100%;
- border: none;
-}
-
-.contact-form {
- margin-bottom: 10px;
-}
-
-.form-title {
- margin-bottom: 20px;
-}
-
-.input-wrapper {
- display: grid;
- grid-template-columns: 1fr;
- gap: 25px;
- margin-bottom: 25px;
-}
-
-.form-input {
- color: var(--white-2);
- font-size: var(--fs-6);
- font-weight: var(--fw-400);
- padding: 13px 20px;
- border: 1px solid var(--jet);
- border-radius: 14px;
- outline: none;
-}
-
-.form-input::placeholder {
- font-weight: var(--fw-500);
-}
-
-.form-input:focus {
- border-color: var(--orange-yellow-crayola);
-}
-
-textarea.form-input {
- min-height: 100px;
- height: 120px;
- max-height: 200px;
- resize: vertical;
- margin-bottom: 25px;
-}
-
-textarea.form-input::-webkit-resizer {
- display: none;
-}
-
-.form-input:focus:invalid {
- border-color: var(--bittersweet-shimmer);
-}
-
-.form-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);
-}
-
-.form-btn::before {
- content: "";
- position: absolute;
- inset: 1px;
- background: var(--bg-gradient-jet);
- border-radius: inherit;
- z-index: -1;
- transition: var(--transition-1);
-}
-
-.form-btn ion-icon {
- font-size: 16px;
-}
-
-.form-btn:hover {
- background: var(--bg-gradient-yellow-1);
-}
-
-.form-btn:hover::before {
- background: var(--bg-gradient-yellow-2);
-}
-
-.form-btn:disabled {
- opacity: 0.7;
- cursor: not-allowed;
-}
-
-.form-btn:disabled:hover {
- background: var(--border-gradient-onyx);
-}
-
-.form-btn:disabled:hover::before {
- background: var(--bg-gradient-jet);
-}
-
-
-
-
-
/*-----------------------------------*\
#RESPONSIVE
\*-----------------------------------*/
@@ -1176,13 +860,8 @@ textarea.form-input::-webkit-resizer {
.blog-banner-box {
height: auto;
}
-
}
-
-
-
-
/**
* responsive larger than 580px screen
*/
@@ -1206,11 +885,8 @@ textarea.form-input::-webkit-resizer {
--fs-6: 15px;
--fs-7: 15px;
--fs-8: 12px;
-
}
-
-
/**
* #REUSED STYLE
*/
@@ -1239,8 +915,6 @@ textarea.form-input::-webkit-resizer {
font-size: 18px;
}
-
-
/**
* #MAIN
*/
@@ -1250,8 +924,6 @@ textarea.form-input::-webkit-resizer {
margin-bottom: 100px;
}
-
-
/**
* #SIDEBAR
*/
@@ -1313,8 +985,6 @@ textarea.form-input::-webkit-resizer {
width: calc(100% - 64px);
}
-
-
/**
* #NAVBAR
*/
@@ -1331,8 +1001,6 @@ textarea.form-input::-webkit-resizer {
--fs-8: 14px;
}
-
-
/**
* #ABOUT
*/
@@ -1386,10 +1054,8 @@ textarea.form-input::-webkit-resizer {
margin-bottom: 25px;
}
-
-
/**
- * #PORTFOLIO, BLOG
+ * #PORTFOLIO
*/
.project-img,
@@ -1404,46 +1070,8 @@ textarea.form-input::-webkit-resizer {
.blog-content {
padding: 25px;
}
-
-
-
- /**
- * #CONTACT
- */
-
- .mapbox {
- height: 380px;
- border-radius: 18px;
- }
-
- .input-wrapper {
- gap: 30px;
- margin-bottom: 30px;
- }
-
- .form-input {
- padding: 15px 20px;
- }
-
- textarea.form-input {
- margin-bottom: 30px;
- }
-
- .form-btn {
- --fs-6: 16px;
- padding: 16px 20px;
- }
-
- .form-btn ion-icon {
- font-size: 18px;
- }
-
}
-
-
-
-
/**
* responsive larger than 768px screen
*/
@@ -1463,8 +1091,6 @@ textarea.form-input::-webkit-resizer {
width: 100px;
}
-
-
/**
* SIDEBAR
*/
@@ -1474,8 +1100,6 @@ textarea.form-input::-webkit-resizer {
gap: 30px 15px;
}
-
-
/**
* NAVBAR
*/
@@ -1484,10 +1108,6 @@ textarea.form-input::-webkit-resizer {
--fs-8: 15px;
}
-
-
-
-
/**
* PORTFOLIO
*/
@@ -1529,28 +1149,8 @@ textarea.form-input::-webkit-resizer {
.blog-posts-list {
grid-template-columns: 1fr 1fr;
}
-
-
-
- /**
- * CONTACT
- */
-
- .input-wrapper {
- grid-template-columns: 1fr 1fr;
- }
-
- .form-btn {
- width: max-content;
- margin-left: auto;
- }
-
}
-
-
-
-
/**
* responsive larger than 1024px screen
*/
@@ -1573,8 +1173,6 @@ textarea.form-input::-webkit-resizer {
}
-
-
/**
* REUSED STYLE
*/
@@ -1585,8 +1183,6 @@ textarea.form-input::-webkit-resizer {
box-shadow: var(--shadow-5);
}
-
-
/**
* MAIN
*/
@@ -1601,8 +1197,6 @@ textarea.form-input::-webkit-resizer {
margin: auto;
}
-
-
/**
* NAVBAR
*/
@@ -1628,8 +1222,6 @@ textarea.form-input::-webkit-resizer {
font-weight: var(--fw-500);
}
-
-
/**
* ABOUT
*/
@@ -1641,13 +1233,6 @@ textarea.form-input::-webkit-resizer {
gap: 20px 25px;
}
- /* testimonials */
-
- .testimonials-item {
- min-width: calc(50% - 15px);
- }
-
-
/**
* PORTFOLIO
*/
@@ -1655,23 +1240,8 @@ textarea.form-input::-webkit-resizer {
.project-list {
grid-template-columns: repeat(3, 1fr);
}
-
-
-
- /**
- * BLOG
- */
-
- .blog-banner-box {
- height: 230px;
- }
-
}
-
-
-
-
/**
* responsive larger than 1250px screen
*/
@@ -1706,8 +1276,6 @@ textarea.form-input::-webkit-resizer {
height: 60px;
}
-
-
/**
* REUSED STYLE
*/
@@ -1721,8 +1289,6 @@ textarea.form-input::-webkit-resizer {
min-height: 100%;
}
-
-
/**
* MAIN
*/
@@ -1742,8 +1308,6 @@ textarea.form-input::-webkit-resizer {
margin: 0;
}
-
-
/**
* SIDEBAR
*/
@@ -1808,8 +1372,6 @@ textarea.form-input::-webkit-resizer {
justify-content: center;
}
-
-
/**
* RESUME
*/
@@ -1817,5 +1379,4 @@ textarea.form-input::-webkit-resizer {
.timeline-text {
max-width: 700px;
}
-
}
\ No newline at end of file