neosubhamoy/neosubhamoy-portfolio
1
1
Fork 0
mirror of https://github.com/neosubhamoy/neosubhamoy-portfolio.git synced 2025-12-20 01:09:35 +05:30
Code Issues Wiki Activity

(feat): added weavy line heading in contact form

Browse Source
This commit is contained in:
Subhamoy Biswas
2023-12-15 00:54:28 +05:30
parent 64e9923ac3
commit 02505fb36a
2 changed files with 8 additions and 42 deletions
Download Patch File Download Diff File Expand all files Collapse all files

45
htdocs/assets/style.css
View File

@@ -953,22 +953,6 @@ video {
margin-top: 30vh; margin-top: 30vh;
} }
.mt-auto {
margin-top: auto;
}
.mt-20 {
margin-top: 5rem;
}
.mt-24 {
margin-top: 6rem;
}
.mt-\[6\.5rem\] {
margin-top: 6.5rem;
}
.block { .block {
display: block; display: block;
} }
@@ -1078,10 +1062,6 @@ video {
width: 0.5rem; width: 0.5rem;
} }
.w-\[100px\] {
width: 100px;
}
.w-\[200px\] { .w-\[200px\] {
width: 200px; width: 200px;
} }
@@ -1155,14 +1135,6 @@ video {
width: 100vw; width: 100vw;
} }
.flex-1 {
flex: 1 1 0%;
}
.flex-\[1\] {
flex: 1;
}
.origin-left { .origin-left {
transform-origin: left; transform-origin: left;
} }
@@ -1321,10 +1293,6 @@ video {
border-width: 5px; border-width: 5px;
} }
.border {
border-width: 1px;
}
.border-b-\[1px\] { .border-b-\[1px\] {
border-bottom-width: 1px; border-bottom-width: 1px;
} }
@@ -1418,11 +1386,6 @@ video {
border-top-color: rgb(56 189 248 / var(--tw-border-opacity)); 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));
}
.bg-\[rgba\(0\2c _0\2c _0\2c _0\.4\)\] { .bg-\[rgba\(0\2c _0\2c _0\2c _0\.4\)\] {
background-color: rgba(0, 0, 0, 0.4); background-color: rgba(0, 0, 0, 0.4);
} }
@@ -2185,14 +2148,14 @@ video {
margin-top: 3.5rem; margin-top: 3.5rem;
} }
.lg\:mt-\[7rem\] {
margin-top: 7rem;
}
.lg\:mt-\[6\.5rem\] { .lg\:mt-\[6\.5rem\] {
margin-top: 6.5rem; margin-top: 6.5rem;
} }
.lg\:mt-\[7rem\] {
margin-top: 7rem;
}
.lg\:block { .lg\:block {
display: block; display: block;
} }

5
htdocs/contact.php
View File

@@ -85,7 +85,10 @@ require 'core/query_functions.php';
<div class="rightsec w-full lg:w-[40%]"> <div class="rightsec w-full lg:w-[40%]">
<form id="contactForm" class="contactform w-full flex flex-col justify-center bg-bg_secondary rounded-lg p-5" method="POST" enctype="application/x-www-form-urlencoded" autocomplete="off"> <form id="contactForm" class="contactform w-full flex flex-col justify-center bg-bg_secondary rounded-lg p-5" method="POST" enctype="application/x-www-form-urlencoded" autocomplete="off">
<input class="hidden" autocomplete="false" name="hidden" type="text"> <input class="hidden" autocomplete="false" name="hidden" type="text">
<p class="self-start w-[40%] pb-1 text-lg mb-4 whitespace-nowrap"><i class="fa-solid fa-bell text-accent_primary"></i>&nbsp; Contact Form</p> <p class="self-start w-[40%] pb-1 text-lg whitespace-nowrap"><i class="fa-solid fa-bell text-accent_primary"></i>&nbsp; Contact Form</p>
<svg class="mb-4" width="170" height="10" viewBox="0 0 703 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2 9.5C13.65 0.833334 25.3 0.833334 36.95 9.5C48.6 18.1667 60.25 18.1667 71.9 9.5C83.55 0.833334 95.2 0.833334 106.85 9.5C118.5 18.1667 130.15 18.1667 141.8 9.5C153.45 0.833334 165.1 0.833334 176.75 9.5C188.4 18.1667 200.05 18.1667 211.7 9.5C223.35 0.833334 235 0.833334 246.65 9.5C258.3 18.1667 269.95 18.1667 281.6 9.5C293.25 0.833334 304.9 0.833334 316.55 9.5C328.2 18.1667 339.85 18.1667 351.5 9.5C363.15 0.833334 374.8 0.833334 386.45 9.5C398.1 18.1667 409.75 18.1667 421.4 9.5C433.05 0.833334 444.7 0.833334 456.35 9.5C468 18.1667 479.65 18.1667 491.3 9.5C502.95 0.833334 514.6 0.833334 526.25 9.5C537.9 18.1667 549.55 18.1667 561.2 9.5C572.85 0.833334 584.5 0.833334 596.15 9.5C607.8 18.1667 619.45 18.1667 631.1 9.5C642.75 0.833334 654.4 0.833334 666.05 9.5C677.7 18.1667 689.35 18.1667 701 9.5" stroke="#38BDF8" stroke-width="8"/>
</svg>
<div class="nameinputcont w-full relative my-4"> <div class="nameinputcont w-full relative my-4">
<input id="contactNameInput" type="text" class="peer w-full p-2 border-[2px] bg-bg_secondary border-accent_secondary_transparent rounded outline-none focus:border-accent_primary"> <input id="contactNameInput" type="text" class="peer w-full p-2 border-[2px] bg-bg_secondary border-accent_secondary_transparent rounded outline-none focus:border-accent_primary">
<span class="absolute text-sm -top-[0.60rem] left-4 px-3 bg-bg_secondary peer-focus:text-accent_primary">Your Full Name</span> <span class="absolute text-sm -top-[0.60rem] left-4 px-3 bg-bg_secondary peer-focus:text-accent_primary">Your Full Name</span>