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 basic contact details on contact page

Browse Source
This commit is contained in:
Subhamoy Biswas
2023-12-09 01:14:44 +05:30
parent 8ad0c7df4d
commit 40fa2a3203
2 changed files with 42 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

24
htdocs/assets/style.css
View File

@@ -907,6 +907,18 @@ video {
margin-top: 1.5rem; margin-top: 1.5rem;
} }
.mr-5 {
margin-right: 1.25rem;
}
.mt-14 {
margin-top: 3.5rem;
}
.mb-14 {
margin-bottom: 3.5rem;
}
.flex { .flex {
display: flex; display: flex;
} }
@@ -987,6 +999,10 @@ video {
height: 100vh; height: 100vh;
} }
.h-\[20px\] {
height: 20px;
}
.w-0 { .w-0 {
width: 0px; width: 0px;
} }
@@ -1072,6 +1088,10 @@ video {
width: 30%; width: 30%;
} }
.w-\[20px\] {
width: 20px;
}
.rotate-\[15deg\] { .rotate-\[15deg\] {
--tw-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)); 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));
@@ -1511,6 +1531,10 @@ video {
font-weight: 700; font-weight: 700;
} }
.font-light {
font-weight: 300;
}
.text-accent_four { .text-accent_four {
--tw-text-opacity: 1; --tw-text-opacity: 1;
color: rgb(172 203 222 / var(--tw-text-opacity)); color: rgb(172 203 222 / var(--tw-text-opacity));

23
htdocs/contact.php
View File

@@ -25,8 +25,7 @@ require 'core/query_functions.php';
<h2 class="text-lg mt-3 mb-1 lg:mt-2 lg:mb-1 lg:whitespace-nowrap">You're just one <span class="text-accent_primary font-bold">step</span> away from reaching out!</h2> <h2 class="text-lg mt-3 mb-1 lg:mt-2 lg:mb-1 lg:whitespace-nowrap">You're just one <span class="text-accent_primary font-bold">step</span> away from reaching out!</h2>
<h3 class="text-lg mt-1 mb-3 lg:mt-1 lg:mb-2 lg:whitespace-nowrap">I'd love to <span class="text-accent_primary font-bold">hear from you</span> just drop a <span class="text-accent_primary font-bold">message</span></h3> <h3 class="text-lg mt-1 mb-3 lg:mt-1 lg:mb-2 lg:whitespace-nowrap">I'd love to <span class="text-accent_primary font-bold">hear from you</span> just drop a <span class="text-accent_primary font-bold">message</span></h3>
<div class="w-full flex justify-start items-center my-7 lg:my-6"> <div class="w-full flex justify-start items-center my-7 lg:my-6">
<button class="w-fit px-5 py-1 my-2 mr-2 font-bold bg-accent_primary text-bg_primary rounded-full hover:shadow-lg hover:shadow-accent_secondary_transparent hover:bg-accent_secondary hover:rounded-lg transition transform duration-500" onclick="window.open('', '_blank')"><i class="text-bg_primary fa-brands fa-whatsapp"></i> WhatsApp</button> <button class="w-fit px-5 py-1 my-2 mr-2 font-bold bg-accent_primary text-bg_primary rounded-full hover:shadow-lg hover:shadow-accent_secondary_transparent hover:bg-accent_secondary hover:rounded-lg transition transform duration-500" onclick="location.href='#contactsection'"><i class="fa-solid fa-chevron-down"></i> Get Details</button>
<button class="w-fit px-5 py-1 my-2 ml-2 font-bold bg-accent_primary text-bg_primary rounded-full hover:shadow-lg hover:shadow-accent_secondary_transparent hover:bg-accent_secondary hover:rounded-lg transition transform duration-500" onclick="window.open('', '_blank')"><i class="text-bg_primary fa-brands fa-telegram"></i> Telegram</button>
</div> </div>
</div> </div>
<div class="heroimage w-full h-full flex justify-center lg:justify-end items-center mt-10 lg:mt-0"> <div class="heroimage w-full h-full flex justify-center lg:justify-end items-center mt-10 lg:mt-0">
@@ -36,9 +35,23 @@ require 'core/query_functions.php';
<div class="absolute bg-accent_primary w-[70px] h-[70px] rounded-full shadow-[0px_0px_120px_20px] shadow-accent_primary_transparent blur-2xl mr-0 mb-[2rem] lg:mb-0 lg:mr-[12.5rem] lg:mt-[3.5rem]"></div> <div class="absolute bg-accent_primary w-[70px] h-[70px] rounded-full shadow-[0px_0px_120px_20px] shadow-accent_primary_transparent blur-2xl mr-0 mb-[2rem] lg:mb-0 lg:mr-[12.5rem] lg:mt-[3.5rem]"></div>
</div> </div>
</div> </div>
<div class="contactsection w-full flex justify-between items-start mt-32 mb-72 lg:mb-32 px-2 lg:px-0"> <div id="contactsection" class="contactsection w-full flex flex-col justify-start lg:flex-row lg:justify-between items-start mt-32 mb-72 lg:mb-32 px-2 lg:px-0">
<div class="leftsec"> <div class="leftsec mb-14 lg:mb-0">
<h4 class="text-2xl font-bold mb-10">My <span class="text-accent_primary">Contact</span> Details</h4>
<div class="contactinfocont mt-14">
<div class="flex items-center my-4">
<span class="w-[40px] h-[40px] bg-accent_primary text-bg_primary flex justify-center items-center rounded-full mr-5" title="Contact via Phone Call"><i class="fa-solid fa-phone"></i></span>
<p class="text-lg font-light cursor-pointer" onclick="copy_to_clipboard('+91 8695174974', 'Number')">+91 8695174974</p>
</div>
<div class="flex items-center my-4">
<span class="w-[40px] h-[40px] bg-accent_primary text-bg_primary flex justify-center items-center rounded-full mr-5" title="Contact via Email"><i class="fa-solid fa-envelope"></i></span>
<p class="text-lg font-light cursor-pointer" onclick="location.href='mailto:hey@neosubhamoy.com'">hey@neosubhamoy.com</p>
</div>
<div class="flex items-center my-4">
<span class="w-[40px] h-[40px] bg-accent_primary text-bg_primary flex justify-center items-center rounded-full mr-5" title="Chat with me on Telegram"><i class="fa-brands fa-telegram"></i></span>
<p class="text-lg font-light cursor-pointer" onclick="window.open('https://t.me/neo_subhamoy', '_blank')">t.me/neo_subhamoy</p>
</div>
</div>
</div> </div>
<div class="rightsec w-full lg:w-[40%]"> <div class="rightsec w-full lg:w-[40%]">
<form class="contactform w-full flex flex-col justify-center bg-bg_secondary rounded-lg p-5" action=""> <form class="contactform w-full flex flex-col justify-center bg-bg_secondary rounded-lg p-5" action="">