harivansh-afk/React-Portfolio
1
0
Fork 0
mirror of https://github.com/harivansh-afk/React-Portfolio.git synced 2026-04-19 05:02:49 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

chore: more chanages

Browse source
This commit is contained in:
Harivansh Rathi 2025-01-04 04:32:59 +05:30
parent 0fd21602f3
commit 4114e514a2
10 changed files with 249 additions and 783 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/pages/home/index.js
View file

@ -52,6 +52,10 @@ export const Home = () => {
<div className="text order-2 order-lg-1 h-100 d-lg-flex justify-content-center">
<div className="align-self-center ">
<div className="intro mx-auto">
<div
className="mobile-image d-lg-none"
style={{ backgroundImage: `url(/assets/images/Image%20with%20Background%20Removed.png)` }}
></div>
<h2 className="mb-1x">{introdata.title}</h2>
<h1 className="fluidz-48 mb-1x">
<Typewriter

43
src/pages/home/style.css
View file

@ -45,6 +45,7 @@ section {
height: auto !important;
padding: 20px 0;
margin-top: 40px;
text-align: center;
}
.intro_sec .text,
@ -65,17 +66,49 @@ section {
}
.intro_sec > .h_bg-image {
min-height: 400px;
margin-top: 10px !important;
margin-bottom: 30px !important;
display: none;
}
.intro_sec .mobile-image {
width: 250px;
height: 250px;
margin: 0 auto 20px;
border-radius: 50%;
overflow: hidden;
position: relative;
background-size: cover;
background-position: center 30%;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
background-color: var(--image-container-bg);
border: 3px solid var(--secondary-color);
filter: saturate(0.5);
}
.intro_btn-action {
display: flex;
flex-direction: column;
align-items: center;
gap: 15px;
}
.ac_btn {
padding: 12px 24px;
margin: 10px 0;
width: 100%;
margin: 0;
width: 200px;
text-align: center;
}
.intro_sec .intro {
display: flex;
flex-direction: column;
align-items: center;
}
.intro_sec .text p {
text-align: center;
max-width: 90%;
margin: 0 auto 20px;
}
}
/* Extra small devices (phones, 600px and down) */