chad/chadsreactproject
1
0
Fork 0
mirror of https://github.com/DevEhChad/chadsreactproject.git synced 2025-11-09 05:51:36 +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

42
src/components/Footer.js
View File

@@ -1,22 +1,22 @@
import React from "react";
import InstagramIcon from '@mui/icons-material/Instagram';
import TwitterIcon from '@mui/icons-material/Twitter';
import FacebookIcon from '@mui/icons-material/Facebook';
import LinkedInIcon from '@mui/icons-material/LinkedIn';
import "../styles/Footer.css";
function Footer() {
return (
<div className="footer">
<div className="socialMedia">
<a href="https://www.instagram.com/"><InstagramIcon /> </a>
<a href="https://twitter.com/home"><TwitterIcon /> </a>
<a href="https://www.facebook.com/"><FacebookIcon /> </a>
<a href="https://www.linkedin.com/"><LinkedInIcon /> </a>
</div>
<p> &copy; 2023 chadstestsite.com</p>
</div>
);
}
import React from "react";
import InstagramIcon from '@mui/icons-material/Instagram';
import TwitterIcon from '@mui/icons-material/Twitter';
import FacebookIcon from '@mui/icons-material/Facebook';
import LinkedInIcon from '@mui/icons-material/LinkedIn';
import "../styles/Footer.css";
function Footer() {
return (
<div className="footer">
<div className="socialMedia">
<a href="https://www.instagram.com/"><InstagramIcon /> </a>
<a href="https://twitter.com/home"><TwitterIcon /> </a>
<a href="https://www.facebook.com/"><FacebookIcon /> </a>
<a href="https://www.linkedin.com/"><LinkedInIcon /> </a>
</div>
<p> &copy; 2023 chadstestsite.com</p>
</div>
);
}
export default Footer;

24
src/components/ShopItem.js
View File

@@ -1,13 +1,13 @@
import React from "react";
function ShopItem({ image, name, price }) {
return (
<div className="shopItem">
<div style={{ backgroundImage: `url(${image})` }}> </div>
<h1> {name} </h1>
<p> ${price} </p>
</div>
);
}
import React from "react";
function ShopItem({ image, name, price }) {
return (
<div className="shopItem">
<div style={{ backgroundImage: `url(${image})` }}> </div>
<h1> {name} </h1>
<p> ${price} </p>
</div>
);
}
export default ShopItem;