diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..2e84532 Binary files /dev/null and b/.DS_Store differ diff --git a/Images/download-1.jpg b/Images/download-1.jpg new file mode 100644 index 0000000..034c57f Binary files /dev/null and b/Images/download-1.jpg differ diff --git a/Images/download-2.jpg b/Images/download-2.jpg new file mode 100644 index 0000000..2892baa Binary files /dev/null and b/Images/download-2.jpg differ diff --git a/Images/download.jpg b/Images/download.jpg new file mode 100644 index 0000000..b8b074d Binary files /dev/null and b/Images/download.jpg differ diff --git a/Images/images-1.jpg b/Images/images-1.jpg new file mode 100644 index 0000000..73190b3 Binary files /dev/null and b/Images/images-1.jpg differ diff --git a/Images/images-2.jpg b/Images/images-2.jpg new file mode 100644 index 0000000..8dc4f62 Binary files /dev/null and b/Images/images-2.jpg differ diff --git a/Images/images-3.jpg b/Images/images-3.jpg new file mode 100644 index 0000000..dc901af Binary files /dev/null and b/Images/images-3.jpg differ diff --git a/Images/images-4.jpg b/Images/images-4.jpg new file mode 100644 index 0000000..0057520 Binary files /dev/null and b/Images/images-4.jpg differ diff --git a/Images/images-5.jpg b/Images/images-5.jpg new file mode 100644 index 0000000..e24637c Binary files /dev/null and b/Images/images-5.jpg differ diff --git a/Images/images-6.jpg b/Images/images-6.jpg new file mode 100644 index 0000000..5b64334 Binary files /dev/null and b/Images/images-6.jpg differ diff --git a/Images/images-7.jpg b/Images/images-7.jpg new file mode 100644 index 0000000..498491a Binary files /dev/null and b/Images/images-7.jpg differ diff --git a/Images/images-8.jpg b/Images/images-8.jpg new file mode 100644 index 0000000..9631f28 Binary files /dev/null and b/Images/images-8.jpg differ diff --git a/Images/images.jpg b/Images/images.jpg new file mode 100644 index 0000000..b71be70 Binary files /dev/null and b/Images/images.jpg differ diff --git a/Images/index.js b/Images/index.js new file mode 100644 index 0000000..1d68f58 --- /dev/null +++ b/Images/index.js @@ -0,0 +1,36 @@ +// const card_button=document.getElementById("card_button").style.backgroundColor='aqua'; + +// const container = document.getElementById('grid'); + +const productData = [{ + img: "images/download-2.jpg", + title: "Product", + price: "$50", + button: "Add to Cart" +},{ + img: "images/download-1.jpg", + title: "Product", + price: "$50", + button: "Add to Cart" +} +] + +//Container of all the cards +const container = document.getElementById('grid'); + +productData.forEach((result) => { + //Create a card element + const card = document.getElementById('div'); + //Construct card content + const content = ` +
+ product +
+
${result.title}
+

${result.price}

+
+ +
`; + + container.innerHTML += content +}) \ No newline at end of file diff --git a/Images/style.css b/Images/style.css new file mode 100644 index 0000000..fd9fbc0 --- /dev/null +++ b/Images/style.css @@ -0,0 +1,25 @@ +.card { + /* margin-left: 10px; */ + max-width: 150px; + display: inline-block; + padding: 1%; +} +.card-img-top { + list-style: none; + padding: 5px; + text-align: center; + margin: 0 auto; + height: 350px; + width: 270px; +} +.dropdown { + text-align: right; + display: list-item; +} +h1 { + font-size: 60px; +} + +container { + +} \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..69abdca --- /dev/null +++ b/index.html @@ -0,0 +1,82 @@ + + + + + + + + + + + Hello, world! + + +
+

Amazon

+
+ +
+ +
+

Catalog

+

Showing all 11 results

+
+
+ + +
+
+ + +
+ + + + --> + + + + + + + \ No newline at end of file