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

Add files via upload

Browse Source 
Third  Commit
This commit is contained in:
Dev EhChad
2023-05-01 08:52:34 -04:00
committed by GitHub
parent 5f1a55f931
commit 1527b5c20a
20 changed files with 706 additions and 616 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;

40
src/pages/Home.js
View File

@@ -1,20 +1,20 @@
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='menu'>
<button> This is a button </button>
</Link>
</div>
</div>
);
}
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;

50
src/pages/Shop.js
View File

@@ -1,26 +1,26 @@
import React from "react";
import { ShopList } from "../helpers/ShopList";
import ShopItem from "../components/ShopItem";
import "../styles/Shop.css";
function Shop() {
return (
<div className="shop">
<h1 className="shopTitle">My Menu</h1>
<div className="shopList">
{ShopList.map((shopItem, key) => {
return (
<ShopItem
key={key}
image={shopItem.image}
name={shopItem.name}
price={shopItem.price}
/>
);
})}
</div>
</div>
);
}
import React from "react";
import { ShopList } from "../helpers/ShopList";
import ShopItem from "../components/ShopItem";
import "../styles/Shop.css";
function Shop() {
return (
<div className="shop">
<h1 className="shopTitle">Test Shop</h1>
<div className="shopList">
{ShopList.map((shopItem, key) => {
return (
<ShopItem
key={key}
image={shopItem.image}
name={shopItem.name}
price={shopItem.price}
/>
);
})}
</div>
</div>
);
}
export default Shop;