1. HTML Structure:
   • The header contains the blog title and navigation links.
   • The main section includes multiple article elements, each representing a blog post with a title, date, summary, and a “Read More” link.
   • The footer contains a simple copyright message.
2. CSS Styling:
   • The body styles ensure a consistent font, margin, padding, and background color.
   • The header and footer have a dark background with white text, and centered content.
   • The main section sets a max-width for the content and centers it on the page.
   • Each article has a white background, rounded corners, and a shadow for a card-like appearance.
   • The read-more links are styled as buttons, with a hover effect for better interactivity.

artly.