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

chore: edits to ui

Browse source
This commit is contained in:
Harivansh Rathi 2025-01-03 19:24:49 +05:30
parent 1b599490ae
commit 79615758d4
3 changed files with 148 additions and 148 deletions
Download patch file Download diff file Expand all files Collapse all files

10
src/header/index.js
View file

@ -1,9 +1,10 @@
import React, { useState } from "react";
import React, { useState } from "react";
import "./style.css";
import { VscGrabber, VscClose } from "react-icons/vsc";
import { Link } from "react-router-dom";
import { logotext ,socialprofils } from "../content_option";
import Themetoggle from "../components/themetoggle";
import { Socialicons } from "../components/socialicons";
const Headermain = () => {
const [isActive, setActive] = useState("false");
@ -50,13 +51,10 @@ const Headermain = () => {
</div>
</div>
</div>
<div className="menu_footer d-flex flex-column flex-md-row justify-content-between align-items-md-center position-absolute w-100 p-3">
<div className="menu_footer d-flex flex-column flex-md-row justify-content-center align-items-md-center position-absolute w-100 p-3">
<div className="d-flex">
<a href={socialprofils.github}>Github</a>
<a href={socialprofils.linkedin}>LinkedIn</a>
<a href={socialprofils.portfolio}>Resume</a>
<Socialicons />
</div>
<p className="copyright m-0">copyright __ {logotext}</p>
</div>
</div>
</header>

18
src/header/style.css
View file

@ -141,7 +141,7 @@
background-color: var(--primary-color);
will-change: transform;
transform: translateY(-100%);
transition: .5s ease all;
transition: 0.5s ease all;
}
.menu__opend .bg__menu {
@ -156,22 +156,24 @@
}
.the_menu {
padding-top: 20vh;
padding-bottom: 20vh;
padding-top: 40vh;
padding-bottom: 10vh;
padding-left: 0;
text-align: center;
}
@media (min-width: 992px) {
.menu__container {
margin-left: 33.3333%;
margin-left: 0;
text-align: center;
}
.the_menu {
padding-top: 10vh;
padding-top: 30vh;
padding-bottom: 10vh;
}
}
.the_menu .menu_item>a {
.the_menu .menu_item > a {
color: var(--text-color-2);
line-height: 1;
font-size: 2rem;
@ -183,12 +185,12 @@
font-family: Marcellus;
}
.the_menu .menu_item>a:hover {
.the_menu .menu_item > a:hover {
color: var(--text-color-3);
}
@media (min-width: 768px) {
.the_menu .menu_item>a {
.the_menu .menu_item > a {
font-size: 4.8vw;
}
}

46
src/pages/about/index.js
View file

@ -54,6 +54,29 @@ export const About = () => {
</table>
</Col>
</Row>
<Row className="sec_sp">
<Col lg="5">
<h3 className="color_sec py-4">Education</h3>
</Col>
<Col lg="7">
<div>
<p>
<strong>University of Virginia, Charlottesville, VA</strong>
<br />
Bachelor of Arts, Computer Science
<br />
Expected May 2026
<br />
Cumulative GPA: 3.55/4.0
<br />
Relevant Coursework:
<br />
Data structures and algo, Computer systems and organization,
Software dev essentials
</p>
</div>
</Col>
</Row>
<Row className="sec_sp">
<Col lg="5">
<h3 className="color_sec py-4">Skills</h3>
@ -78,29 +101,6 @@ export const About = () => {
})}
</Col>
</Row>
<Row className="sec_sp">
<Col lg="5">
<h3 className="color_sec py-4">Education</h3>
</Col>
<Col lg="7">
<div>
<p>
<strong>University of Virginia, Charlottesville, VA</strong>
<br />
Bachelor of Arts, Computer Science
<br />
Expected May 2026
<br />
Cumulative GPA: 3.55/4.0
<br />
Relevant Coursework:
<br />
Data structures and algo, Computer systems and organization,
Software dev essentials
</p>
</div>
</Col>
</Row>
</Container>
</HelmetProvider>
);