diff --git a/carddeck1/cards.html b/carddeck1/cards.html
new file mode 100644
index 0000000..83eaea3
--- /dev/null
+++ b/carddeck1/cards.html
@@ -0,0 +1,26 @@
+
+
+
+
+
+ flex card
+
+
+
+gardening cards for lil gardeners
+
+
+
+
1.png
+
![](./images/1.png)
+
+
+
+
1.png
+
![](./images/2.png)
+
+
+
+
+
+
diff --git a/carddeck1/deck1.py b/carddeck1/deck1.py
new file mode 100644
index 0000000..c9e2cc6
--- /dev/null
+++ b/carddeck1/deck1.py
@@ -0,0 +1,63 @@
+import os
+folder = "./images/"
+#defining as a list
+images = []
+titles = []
+#shows all the images
+os.listdir(folder)
+for image in os.listdir(folder):
+ print(image)
+ print(folder + image)
+ print("---")
+ images.append(folder + image)
+ titles.append(image)
+
+#html
+counter = 0
+all_cards = ""
+
+for image in images:
+ #html image element
+ img = f"
"
+ #img = "
"
+
+ #define title
+ title = titles[counter]
+
+ #printing to inspect
+ print(img)
+
+ #mini template for card
+ card = f"""
+
+ """
+ #printing to inspect mini template
+ print(card)
+
+ #add it to the all cards variable
+ all_cards = all_cards + card
+ #we add +1 to our counter
+
+counter = counter + 1
+html = f"""
+
+
+
+
+ flex card
+
+
+
+gardening cards for lil gardeners
+
+
+
+
+"""
+with open("cards.html", "w") as output:
+ output.write(html)
\ No newline at end of file
diff --git a/carddeck1/stylesheet.css b/carddeck1/stylesheet.css
new file mode 100644
index 0000000..b167782
--- /dev/null
+++ b/carddeck1/stylesheet.css
@@ -0,0 +1,24 @@
+.card
+{
+ width: 90mm;
+ height: 120mm;
+ border: solid 1px black;
+ border-radius: 10px;
+ box-shadow: 5px 5px 0px gray;
+ float: left;
+ margin: 2mm;
+ position: relative;
+}
+.card > p > img {
+ width: 80mm;
+ height: 80mm;
+ position: absolute;
+ top: 20mm;
+ left: 5mm;
+}
+.card > h2{
+ position: absolute;
+ top: 5mm;
+ left: 5mm;
+ margin: 0;
+}