From acb39980688c26922361fdc10b1df6bda60d0fd6 Mon Sep 17 00:00:00 2001 From: Tristan Smith Date: Sat, 21 Sep 2024 03:47:42 -0400 Subject: [PATCH] added blog --- blog/index.html | 65 +++++++++++++++++++++++++++++++++++++++++++++++++ styles.css | 20 +++++++++++++++ 2 files changed, 85 insertions(+) create mode 100644 blog/index.html diff --git a/blog/index.html b/blog/index.html new file mode 100644 index 0000000..d27a3cc --- /dev/null +++ b/blog/index.html @@ -0,0 +1,65 @@ + + + + + + monotreme.org + + + + + + + + + + + + + + + + + + + + + + + + + + + +
+

Save the monotremes

+
+ Home + About + Blog + Contact +
+

Quick Links

+ + 		+

Our First Blog Post: The Fascinating World of Monotremes

+

Posted on September 21, 2024

+
+

Welcome to our blog, where we dive into the incredible world of monotremes! Monotremes are unique mammals that lay eggs, a trait they share with reptiles. However, they are warm-blooded, have fur, and nurse their young like all other mammals.

+ +

In this first post, we’ll introduce you to two of the most famous monotremes: the platypus and the echidna. Both species have captivated scientists and wildlife enthusiasts for centuries due to their unusual combination of traits. Stay tuned as we explore their habitats, behaviors, and conservation efforts in more detail in future posts.

+ +

Did you know? The platypus uses its bill to sense electrical signals emitted by prey while underwater. Talk about a superpower!

+
+ + platypus + echidna +
+

© 2024 monotreme.org

+
+ + diff --git a/styles.css b/styles.css index 9cc8678..465159f 100644 --- a/styles.css +++ b/styles.css @@ -144,3 +144,23 @@ body { .more-about-monotremes p { margin: 10px 0; } +/* Blog entry styling */ +.blog-entry { + background-color: #f9f9f9; /* Light gray background */ + border-left: 4px solid #ffa07a; /* Coral border */ + padding: 15px; + margin: 20px 0; + box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1); +} + +.blog-date { + color: #999; + font-style: italic; + margin-bottom: 10px; +} + +.blog-img { + max-width: 100%; + height: auto; + margin-top: 20px; +}