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

Merge branch 'main' of https://github.com/DevEhChad/chadsreactproject

Browse Source
This commit is contained in:
Chad Doty
2023-05-02 16:24:55 -04:00
parent ebc3d6baa9 1527b5c20a
commit 1c654c541f
12 changed files with 529 additions and 509 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/pages/About.js
View File

@@ -1,23 +1,23 @@
import React from "react";
import MultiplePizzas from "../assets/shityourself.jpg";
import "../styles/About.css";
function About() {
return (
<div className="about">
<div
className="aboutTop"
style={{ backgroundImage: `url(${MultiplePizzas})` }}
></div>
<div className="aboutBottom">
<h1> ABOUT US</h1>
<p>
Hello, My name is Chad and I'm currently working towards my goals on trying to become a developer.
I been working hard and trying to learn quickly.
I try to be patient but I really wanna just learn fast.
</p>
</div>
</div>
);
}
import React from "react";
import MultiplePizzas from "../assets/shityourself.jpg";
import "../styles/About.css";
function About() {
return (
<div className="about">
<div
className="aboutTop"
style={{ backgroundImage: `url(${MultiplePizzas})` }}
></div>
<div className="aboutBottom">
<h1> ABOUT US</h1>
<p>
Hello, My name is Chad and I'm currently working towards my goals on trying to become a developer.
I been working hard and trying to learn quickly.
I try to be patient but I really wanna just learn fast.
</p>
</div>
</div>
);
}
export default About;

66
src/pages/Contact.js
View File

@@ -1,34 +1,34 @@
import React from "react";
import TrainLeft from "../assets/1132066.jpg";
import "../styles/Contact.css";
function Contact() {
return (
<div className="contact">
<div
className="leftSide"
style={{ backgroundImage: `url(${TrainLeft})` }}
></div>
<div className="rightSide">
<h1> Contact Us</h1>
<form id="contact-form" method="POST">
<label htmlFor="name">Full Name</label>
<input name="name" placeholder="Enter full name..." type="text" />
<label htmlFor="email">Email</label>
<input name="email" placeholder="Enter email..." type="email" />
<label htmlFor="message">Message</label>
<textarea
rows="6"
placeholder="Enter message..."
name="message"
required
></textarea>
<button type="submit"> Send Message</button>
</form>
</div>
</div>
);
}
import React from "react";
import TrainLeft from "../assets/1132066.jpg";
import "../styles/Contact.css";
function Contact() {
return (
<div className="contact">
<div
className="leftSide"
style={{ backgroundImage: `url(${TrainLeft})` }}
></div>
<div className="rightSide">
<h1> Contact Us</h1>
<form id="contact-form" method="POST">
<label htmlFor="name">Full Name</label>
<input name="name" placeholder="Enter full name..." type="text" />
<label htmlFor="email">Email</label>
<input name="email" placeholder="Enter email..." type="email" />
<label htmlFor="message">Message</label>
<textarea
rows="6"
placeholder="Enter message..."
name="message"
required
></textarea>
<button type="submit"> Send Message</button>
</form>
</div>
</div>
);
}
export default Contact;

20
src/pages/Home.js
View File

@@ -18,3 +18,23 @@ function Home() {
}
export default Home;
import React from "react";
import { Link } from "react-router-dom";
import BannerImage from "../assets/Tokyo-Ghoul-Backgrounds.jpg";
import "../styles/Home.css";
function Home() {
return (
<div className="home" style={{ backgroundImage: `url(${BannerImage})` }}>
<div className="headerContainer">
<h1> Chad's Test Website </h1>
<p> This is kinda fun</p>
<Link to='shop'>
<button> This is a button </button>
</Link>
</div>
</div>
);
}
export default Home;