Skip to content
Closed
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
18 changes: 9 additions & 9 deletions src/App.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -24,15 +24,15 @@ import "./styles.css";
* If you don't have one of the social sites listed, leave it as an empty string.
*/
const siteProps = {
name: "Alexandrie Grenier",
title: "Web Designer & Content Creator",
email: "alex@example.com",
gitHub: "microsoft",
instagram: "microsoft",
linkedIn: "satyanadella",
medium: "",
twitter: "microsoft",
youTube: "Code",
name: "Krishna Keshav",
title: "Software Engineer",
email: "krishna2000chy@gmail.com",
gitHub: "KeshavCh0udhary",
instagram: "keshavch0udhary/",
linkedIn: "Krishna--Keshav",
medium: "krishna2000chy",
twitter: "Krishna__Keshav",
youTube: "",
};

const primaryColor = "#4E567E";
Expand Down
5 changes: 2 additions & 3 deletions src/Components/About.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -35,8 +35,7 @@ const skillsList = [
"User experience",
"Inclusive design",
"Focus group testing",
"Mobile user interfaces",
"Graphic design",
"Backend Development",
];

/**
Expand All @@ -45,7 +44,7 @@ const skillsList = [
* about you on a professional level.
*/
const detailOrQuote =
"I am passionate about solving problems in new creative ways to drive innovation. By leveraging my UI/UX experience I continually look for new and better ways to make tech accessible by all.";
"I am passionate about solving problems in new creative ways to drive innovation. By leveraging my Software Development experience I continually look for new and better ways to make tech accessible by all.";

const About = () => {
return (
Expand Down
6 changes: 3 additions & 3 deletions src/Components/Home.jsx
Original file line number Diff line number Diff line change
Expand Up @@ -20,7 +20,7 @@ import PropTypes from "prop-types";
* Need an image? Check out https://unsplash.com to download a photo you
* freely use on your site.
*/
import image from "../images/woman-with-tablet.jpg";
import image from "../images/Home.jpg";

const imageAltText = "Adult female in office setting leaning against a glass wall while holding a platinum Microsoft Surface Pro 7 in tablet mode preparing to write with Microsoft Surface Pen";

Expand All @@ -29,8 +29,8 @@ const Home = ({ name, title }) => {
<section id="home" className="min-height">
<img className="background" src={image} alt="" />
<div style={{ position: "absolute", top: "5rem", left: "2rem", width: "17rem" }}>
<h1>{name}</h1>
<h2>{title}</h2>
<h1 style={{ color: "white" }}>{name}</h1>
<h2 style={{ color: "white" }}>{title}</h2>
</div>
<div style={{ position: "absolute", bottom: "3rem", left: "50%" }}>
<img src={arrowSvg} style={{ height: "3rem", width: "3rem" }} alt={imageAltText} />
Expand Down
Binary file added src/images/Home.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file removed src/images/woman-with-tablet.jpg
Binary file not shown.
Loading