Blog Post Generator

Fill out the form to generate the HTML for a new blog post and its corresponding card for the main blog page.

1. Enter Your Post Details

Next Post Number (e.g., 3)

Post Title

Post Subtitle

Meta Description (for SEO & Snippet)

Date

Category

Header Background Image URL

Main Body Image URL (for Card)

Main Body Image Alt Text

Article Content (use HTML tags)

2. New Blog Post HTML

Save this as blog-post-X.html

3. Blog Page Card HTML

Paste this at the top of the grid in blog.html