chad/chadsreactproject
1
0
Fork 0
mirror of https://github.com/DevEhChad/chadsreactproject.git synced 2025-11-08 21:41:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

push

Browse Source
This commit is contained in:
Chad Doty
2024-11-18 19:26:29 -05:00
parent 7a76949ec3
commit 9e45e30b1d
35 changed files with 187 additions and 89 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
src/pages/About.js
View File

@@ -9,10 +9,11 @@ function About() {
style={{ backgroundImage: `url(${ChadsImage})` }}
></div>
<div className="aboutBottom">
<h1> ABOUT US</h1>
<h1> ABOUT ME</h1>
<p>
Hello, My name is Chad! Nice to meet you! I'm currently working towards my goals on trying to become a developer and a content creator.
If you have any pointers, are a developer, and or a gamer, please join the discord! Also, Don't forget to look at my YouTube channel and other Socials!
Hello, My name is Chad! Nice to meet you! I'm currently working toward my goals on trying to become a developer and a content creator.
I have done a couple projects on C#, C++ and JavaScript. My Goal is to learn C#, C++, JavaScript so I can be more fluent.
If you have any pointers, or are a developer or even a gamer, please join the discord! Also, Don't forget to look at my YouTube channel and other Socials!
</p>
<div className="discordInvAbout">
<a class="btn" href="https://discord.gg/brQXPhQ" target="_blank" rel="noopener noreferrer">Join The Discord!</a>

8
src/pages/Home.js
View File

@@ -7,11 +7,15 @@ function Home() {
return (
<div className="home" style={{ backgroundImage: `url(${BannerImage})` }}>
<div className="headerContainer">
<h1> Eh Chad's Test Website </h1>
<p> For more info go to my about page! </p>
<h1> EhChad Services Website </h1>
<p> For more info go to my about pages! </p>
<Link to='socials'>
<button> Socials Page </button>
</Link>
<Link to='about'>
<button> About Page </button>
</Link>
</div>
</div>
);

45
src/pages/Socials.js
View File

@@ -1,36 +1,25 @@
import React from "react";
import "../styles/Socials.css";
import { SocialList } from "../helpers/SocialList";
import SocialItem from "../components/SocialItem";
function Socials() {
return (
<div className="socialBody">
<div className="social1">
<h1> Just A Test </h1>
<p> Test Paragraph</p>
<div className="socialButton1">
<a class="btn" href="https://discord.gg/brQXPhQ" target="_blank" rel="noreferrer">Join the Cord!</a>
</div>
</div>
<div className="social2">
<h1> Just A Test 2</h1>
<p> Test Paragraph 2</p>
<div className="socialButton2">
<a class="btn" href="https://discord.gg/brQXPhQ" target="_blank" rel="noreferrer">Join the Cord2!</a>
</div>
</div>
</div>
<div className="social">
<h1 className="socialTitle">Check Out My Socials</h1>
<div className="socialList">
{SocialList.map((socialItem, key) => {
return (
<SocialItem
key={key}
image={socialItem.image}
name={socialItem.name}
link={socialItem.link}
/>
);
})}
</div>
</div>
);
}