diff --git a/src/Pages/ProductPage/ProductPage.css b/src/Pages/ProductPage/ProductPage.css index 40599c3..7de889d 100644 --- a/src/Pages/ProductPage/ProductPage.css +++ b/src/Pages/ProductPage/ProductPage.css @@ -7,6 +7,13 @@ text-align: center; } +.image1{ + position: relative; + right: 450px; + top: 100px; + border-radius: 100px; +} + .panel1 { height: 500px; font-family: 'Times New Roman', Times, serif; @@ -29,6 +36,7 @@ */ .header2 { position: relative; + top: -350px; left: 55%; height: 500px; width: 40%; @@ -41,6 +49,7 @@ .panel1 button { position: relative; + top: -350px; left: 25%; width: 15%; } \ No newline at end of file diff --git a/src/Pages/ProductPage/ProductPage.js b/src/Pages/ProductPage/ProductPage.js index 55b28b6..685dc71 100644 --- a/src/Pages/ProductPage/ProductPage.js +++ b/src/Pages/ProductPage/ProductPage.js @@ -1,6 +1,10 @@ import "./ProductPage.css" +import image from "../../images/testglasses.jpg"; function Product() { + let name = "Test Glasses"; + let manufacturer = "Stark Industries" + let cost = 99.99; return (
@@ -9,10 +13,16 @@ function Product() {
{/* create an overall panel, with header 2, the image, and the button inside of it */}
+
+ +
-

Name:

-

Manufacturer:

-

Cost:

+

Name: {name}

+

Manufacturer: {manufacturer}

+

Cost: {cost}