diff --git a/cards.js b/cards.js
new file mode 100644
index 0000000..6eadc8f
--- /dev/null
+++ b/cards.js
@@ -0,0 +1,18 @@
+export default function cards(props){
+ return`
+
+
+

+
+
${props.nome}
+
${props.qualidades}
+
${props.preço}
+
+
+
+
+
+
+
+ `;
+}
\ No newline at end of file
diff --git a/componente.js b/componente.js
new file mode 100644
index 0000000..29526b9
--- /dev/null
+++ b/componente.js
@@ -0,0 +1,59 @@
+import cards from "./cards.js";
+
+let card = document.getElementById("card");
+
+let props = [
+ {
+ nome:"Tênis Nike Flex Experience Run 12 Feminino",
+ image:"https://imgcentauro-a.akamaihd.net/360x360/M140YG03.jpg",
+ qualidades:"Cinza",
+ preço:"R$279,99"
+ },
+
+ {
+ nome:"Tênis Nike Revolution 7 - Feminino",
+ image:" https://imgcentauro-a.akamaihd.net/360x360/985825KL.jpg",
+ qualidades:"Rosa claro/branco",
+ preço:"R$ 299,99"
+ },
+ {
+ nome:"Tênis Nike SB Force 58 PRM Masculino",
+ image:"https://imgcentauro-a.akamaihd.net/768x768/97989912.jpg",
+ qualidades:"Bege",
+ preço:"R$ 569,99"
+ },
+ {
+ nome:"Tênis Nike Revolution 7 - Masculino",
+ image:"https://imgcentauro-a.akamaihd.net/360x360/98582434.jpg ",
+ qualidades:"Verde",
+ preço:"R$ 270,74"
+ },
+ {
+ nome:"Tênis Nike Revolution 7 - Feminino",
+ image:"https://imgcentauro-a.akamaihd.net/360x360/9858250P.jpg",
+ qualidades:"Preto/rosa cla",
+ preço:"R$ 299,99"
+ },
+ {
+ nome:"Tênis Nike Air Winflo 10 - Masculino",
+ image:"https://imgcentauro-a.akamaihd.net/360x360/98277301A1.jpg",
+ qualidades:"Branco",
+ preço:"R$ 429,99"
+ },
+ {
+ nome:"Tênis Nike Revolution 7 Juvenil",
+ image:"https://static.netshoes.com.br/produtos/tenis-nike-revolution-7-juvenil/18/JD8-6365-018/JD8-6365-018_zoom1.jpg?ts=1708335838?ims=1088x",
+ qualidades:"Rosa",
+ preço:"R$ 303,99"
+ },
+ {
+ nome:"Tênis Nike In-Season TR 13 Feminino",
+ image:"https://static.netshoes.com.br/produtos/tenis-nike-in-season-tr-13-feminino/14/JD8-5710-014/JD8-5710-014_zoom1.jpg?ts=1698436182?ims=400x",
+ qualidades:"Branco",
+ preço:"R$ 360,99"
+ },
+];
+
+for(let i = 0; i < props.length ; i++){
+ card.innerHTML += cards(props[i]);
+}
\ No newline at end of file
diff --git a/cores-trabalho/cores b/cores-trabalho/cores
new file mode 100644
index 0000000..3f5e56d
--- /dev/null
+++ b/cores-trabalho/cores
@@ -0,0 +1,20 @@
+2 - Cores
+
+ primary #C92071
+ secondary #B5B6F2
+ tertiary #991956
+ error #EE4266
+ success #52CA76
+ warning #F6AA1C
+
+Grayscale
+
+ dark-gray #1F1F1F
+ dark-gray-2 #474747
+ dark-gray-3 #666666
+ light-gray #8F8F8F
+ light-gray-2 #CCCCCC
+ light-gray-3 #F5F5F5
+ white #FFFFFF
+
+####ESSAS SAO AS CORES QUE IREMMOS USAR NO TRABALHO#####
\ No newline at end of file
diff --git a/grupo-01 b/grupo-01
new file mode 160000
index 0000000..7f65e5e
--- /dev/null
+++ b/grupo-01
@@ -0,0 +1 @@
+Subproject commit 7f65e5ee4920ec11c0fce6bdb88e11df88946ef4
diff --git a/imagens da gallery/g-img-1.jpg b/imagens da gallery/g-img-1.jpg
new file mode 100644
index 0000000..596aee9
Binary files /dev/null and b/imagens da gallery/g-img-1.jpg differ
diff --git a/imagens da gallery/g-img-2.jpg b/imagens da gallery/g-img-2.jpg
new file mode 100644
index 0000000..335990b
Binary files /dev/null and b/imagens da gallery/g-img-2.jpg differ
diff --git a/imagens da gallery/g-img-3.jpg b/imagens da gallery/g-img-3.jpg
new file mode 100644
index 0000000..5112156
Binary files /dev/null and b/imagens da gallery/g-img-3.jpg differ
diff --git a/imagens dos cards/pngwing.com (1).png b/imagens dos cards/pngwing.com (1).png
new file mode 100644
index 0000000..c800167
Binary files /dev/null and b/imagens dos cards/pngwing.com (1).png differ
diff --git a/imagens dos cards/pngwing.com (2).png b/imagens dos cards/pngwing.com (2).png
new file mode 100644
index 0000000..4bae47b
Binary files /dev/null and b/imagens dos cards/pngwing.com (2).png differ
diff --git a/imagens dos cards/pngwing.com (3).png b/imagens dos cards/pngwing.com (3).png
new file mode 100644
index 0000000..dc3b56a
Binary files /dev/null and b/imagens dos cards/pngwing.com (3).png differ
diff --git a/imagens dos cards/pngwing.com (4).png b/imagens dos cards/pngwing.com (4).png
new file mode 100644
index 0000000..90a321a
Binary files /dev/null and b/imagens dos cards/pngwing.com (4).png differ
diff --git a/imagens dos cards/pngwing.com (5).png b/imagens dos cards/pngwing.com (5).png
new file mode 100644
index 0000000..8267fd7
Binary files /dev/null and b/imagens dos cards/pngwing.com (5).png differ
diff --git a/imagens dos cards/pngwing.com (6).png b/imagens dos cards/pngwing.com (6).png
new file mode 100644
index 0000000..dde1d04
Binary files /dev/null and b/imagens dos cards/pngwing.com (6).png differ
diff --git a/imagens dos cards/pngwing.com (7).png b/imagens dos cards/pngwing.com (7).png
new file mode 100644
index 0000000..5557662
Binary files /dev/null and b/imagens dos cards/pngwing.com (7).png differ
diff --git a/imagens dos cards/pngwing.com.png b/imagens dos cards/pngwing.com.png
new file mode 100644
index 0000000..6c8c5aa
Binary files /dev/null and b/imagens dos cards/pngwing.com.png differ
diff --git a/index.html b/index.html
index c17d647..3297655 100644
--- a/index.html
+++ b/index.html
@@ -9,129 +9,71 @@
-
-
-
-
+