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 @@ + + + + + + THE PET SHOP + + + +

GET-UR-PET

+
+
+

DOG

+ a dog +

He is very playful and loyal. A perfect pet. We named him Milo, but you can name him anything!

+
+
+

CAT

+ a cat +

She is cute but be careful, this cute thing can eat up all your candy while you are in sleep.

+
+
+

HOKKAIDO

+ a hokkaido +

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!

+
+
+

HAMSTER

+ a hamster +

You will not need your smartphone to entertain you while he is around. You'll have a great time with him!

+
+
+

RABBIT

+ a rabbit +

Yeah! she is indeed cute but be careful, she can something be furious!

+
+
+ + 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; +} +