diff --git a/img/cat.jpeg b/img/cat.jpeg
new file mode 100644
index 0000000..b54b04f
Binary files /dev/null and b/img/cat.jpeg differ
diff --git a/img/dog.jpeg b/img/dog.jpeg
new file mode 100644
index 0000000..be331c3
Binary files /dev/null and b/img/dog.jpeg differ
diff --git a/img/hamster.jpeg b/img/hamster.jpeg
new file mode 100644
index 0000000..96e55f5
Binary files /dev/null and b/img/hamster.jpeg differ
diff --git a/img/hokkaido.jpeg b/img/hokkaido.jpeg
new file mode 100644
index 0000000..fcbc6db
Binary files /dev/null and b/img/hokkaido.jpeg differ
diff --git a/img/rabbit.jpeg b/img/rabbit.jpeg
new file mode 100644
index 0000000..51b2e80
Binary files /dev/null and b/img/rabbit.jpeg differ
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..e9a3ebb
--- /dev/null
+++ b/index.html
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>THE PET SHOP</title>
+    <link rel="stylesheet" href="style.css">
+</head>
+<body>
+    <h1 id="store-name">GET-UR-PET</h1>
+    <div id="all-pets">
+        <div class="pet dog">
+            <h4>DOG</h4>
+            <img src="img/dog.jpeg" alt="a dog">
+            <p>He is very playful and loyal.  A perfect pet. We named him Milo, but you can name him anything!</p>
+        </div>
+        <div class="pet cat">
+            <h4>CAT</h4>
+            <img src="img/cat.jpeg" alt="a cat">
+            <p>She is cute but be careful, this cute thing can eat up all your candy while you are in sleep.</p>
+        </div>
+        <div class="pet hokkaido">
+            <h4>HOKKAIDO</h4>
+            <img src="img/hokkaido.jpeg" alt="a hokkaido">
+            <p>Don't worry she won't fly away. Don't panic when she's not around, probably she is out with her friends. She will be back soon!</p>
+        </div>
+        <div class="pet hamster">
+            <h4>HAMSTER</h4>
+            <img src="img/hamster.jpeg" alt="a hamster">
+            <p>You will not need your smartphone to entertain you while he is around. You'll have a great time with him!</p>
+        </div>
+        <div class="pet habbit">
+            <h4>RABBIT</h4>
+            <img src="img/rabbit.jpeg" alt="a rabbit">
+            <p>Yeah! she is indeed cute but be careful, she can something be furious!</p>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..4b11f11
--- /dev/null
+++ b/style.css
@@ -0,0 +1,33 @@
+*{
+    background-color: rgb(254, 255, 230);
+    font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif;
+    margin: 0;
+}
+img{
+    width: 100px;
+    height: 100px;
+}
+#store-name{
+    background-color: rgb(107, 201, 113);
+    text-align: center;
+    height: 60px;
+    padding-top: 20px;
+}
+#all-pets{
+    display: flex;
+    justify-content: space-between;
+    gap: 20px;
+    margin-top: 20px;
+    
+    
+}
+.pet{
+    width: 900px;
+    height: 10px;
+    display: flex;
+    justify-content: center;
+    flex-wrap: wrap;
+    flex-direction: row;
+    align-items:flex-start;
+}
+
