neosubhamoy/neosubhamoy-portfolio
1
1
Fork 0
mirror of https://github.com/neosubhamoy/neosubhamoy-portfolio.git synced 2025-12-19 22:53:03 +05:30
Code Issues Wiki Activity

(feat): added basic contact page hero section

Browse Source
This commit is contained in:
Subhamoy Biswas
2023-12-05 22:41:57 +05:30
parent bf0bb2d610
commit edf77397d8
3 changed files with 61 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
htdocs/assets/images/contact-heroimage.svg Normal file
View File

File diff suppressed because one or more lines are too long
Side by Side

After

Width:  |  Height:  |  Size: 7.0 KiB

59
htdocs/assets/style.css
View File

@@ -706,11 +706,6 @@ video {
margin-bottom: 0.30rem;
}
.my-auto {
margin-top: auto;
margin-bottom: auto;
}
.mb-1 {
margin-bottom: 0.25rem;
}
@@ -1032,6 +1027,14 @@ video {
width: 100vw;
}
.w-\[40\%\] {
width: 40%;
}
.w-\[230px\] {
width: 230px;
}
.rotate-\[15deg\] {
--tw-rotate: 15deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -1164,14 +1167,14 @@ video {
border-width: 2px;
}
.border-\[5px\] {
border-width: 5px;
}
.border-\[3px\] {
border-width: 3px;
}
.border-\[5px\] {
border-width: 5px;
}
.border-b-\[2px\] {
border-bottom-width: 2px;
}
@@ -1184,14 +1187,14 @@ video {
border-top-width: 1px;
}
.border-t-\[5px\] {
border-top-width: 5px;
}
.border-t-\[3px\] {
border-top-width: 3px;
}
.border-t-\[5px\] {
border-top-width: 5px;
}
.border-\[rgba\(255\2c _255\2c _255\2c _0\.15\)\] {
border-color: rgba(255, 255, 255, 0.15);
}
@@ -1234,6 +1237,15 @@ video {
border-top-color: rgb(56 189 248 / var(--tw-border-opacity));
}
.border-b-accent_primary {
--tw-border-opacity: 1;
border-bottom-color: rgb(56 189 248 / var(--tw-border-opacity));
}
.border-b-accent_secondary_transparent {
border-bottom-color: rgba(255, 255, 255, 0.30);
}
.bg-\[rgba\(0\2c _0\2c _0\2c _0\.4\)\] {
background-color: rgba(0, 0, 0, 0.4);
}
@@ -1331,11 +1343,6 @@ video {
padding-right: 1.75rem;
}
.px-\[0\.65rem\] {
padding-left: 0.65rem;
padding-right: 0.65rem;
}
.px-\[0\.80rem\] {
padding-left: 0.80rem;
padding-right: 0.80rem;
@@ -1563,6 +1570,10 @@ video {
outline-offset: 2px;
}
.outline-accent_primary {
outline-color: #38BDF8;
}
.blur-2xl {
--tw-blur: blur(40px);
filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
@@ -1889,6 +1900,10 @@ video {
margin-top: 7rem;
}
.lg\:mt-5 {
margin-top: 1.25rem;
}
.lg\:block {
display: block;
}
@@ -1929,6 +1944,14 @@ video {
width: 350px;
}
.lg\:w-auto {
width: auto;
}
.lg\:w-\[40\%\] {
width: 40%;
}
.lg\:rotate-0 {
--tw-rotate: 0deg;
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));