<div class="post-container" style="max-width: 900px; margin: 2rem auto; background: #fff; border-radius: 12px; box-shadow: 0 4px 20px rgba(0,0,0,0.05); overflow: hidden; font-family: 'Segoe UI', sans-serif;">

  <!-- Recipe Hero Image -->

  <div class="post-hero" style="position: relative; height: 300px; background: url('https://picsum.photos/900/300?random=1') center / cover no-repeat;"></div>

  <!-- Recipe Header -->

  <div class="post-header" style="padding: 1.5rem;">

    <h1 class="post-title" style="font-size: 2.2rem; margin-bottom: 0.5rem; color: #333;">Classic Spaghetti Bolognese</h1> 

    <p class="post-meta" style="font-size: 0.9rem; color: #777; margin-bottom: 1rem;">Published on April 5, 2025 | By CookBook.Today</p>

  </div>

  <!-- Recipe Content -->

  <div class="post-content" style="padding: 0 1.5rem 1.5rem; line-height: 1.6;">

    <h2 style="font-size: 1.6rem; margin-top: 1.5rem; color: #333;">Ingredients</h2>

    <ul style="margin-left: 1.2rem; padding-left: 1rem; list-style: disc;">

      <li>400g ground beef</li>

      <li>1 medium onion, finely chopped</li>

      <li>2 cloves garlic, minced</li>

      <li>2 carrots, grated</li>

      <li>1 celery stalk, finely chopped</li>

      <li>2 tbsp olive oil</li>

      <li>400g canned crushed tomatoes</li>

      <li>2 tbsp tomato paste</li>

      <li>1 tsp dried oregano</li>

      <li>½ tsp dried basil</li>

      <li>Salt and pepper to taste</li>

      <li>400g spaghetti</li>

      <li>Freshly grated Parmesan cheese (optional)</li>

    </ul>

    <h2 style="font-size: 1.6rem; margin-top: 1.5rem; color: #333;">Instructions</h2>

    <ol style="margin-left: 1.2rem; padding-left: 1rem; list-style: decimal;">

      <li>In a large pot or pan, heat the olive oil over medium heat.</li>

      <li>Add the onion, garlic, carrots, and celery. Sauté for about 5 minutes until softened.</li>

      <li>Add the ground beef and cook until browned and cooked through.</li>

      <li>Stir in the crushed tomatoes, tomato paste, oregano, and basil. Season with salt and pepper.</li>

      <li>Simmer the sauce over low heat for at least 30 minutes, stirring occasionally.</li>

      <li>Cook the spaghetti according to package instructions. Drain and set aside.</li>

      <li>Mix the hot spaghetti into the sauce or serve the sauce over the pasta.</li>

      <li>Top with Parmesan cheese if desired.</li>

    </ol>

    <h2 style="font-size: 1.6rem; margin-top: 1.5rem; color: #333;">Tips & Notes</h2>

    <p style="margin-bottom: 1rem;">For extra flavor, add a splash of red wine while cooking the meat. You can also use a mix of beef and pork for a richer taste.</p>

    <h2 style="font-size: 1.6rem; margin-top: 1.5rem; color: #333;">Serving Suggestions</h2>

    <p style="margin-bottom: 1rem;">Serve with garlic bread and a fresh green salad. A glass of red wine pairs perfectly with this dish!</p>

    <div style="text-align: center; margin: 2rem 0;">

      <img src="https://picsum.photos/600/400?random=2" alt="Spaghetti Bolognese Serving Suggestion" style="max-width: 100%; border-radius: 10px;" />

    </div>

    <h2 style="font-size: 1.6rem; margin-top: 1.5rem; color: #333;">Print This Recipe</h2> 

    <button style="background: #ff6f61; color: white; border: none; padding: 0.7rem 1.5rem; font-size: 1rem; border-radius: 5px; cursor: pointer;">🖨️ Print Recipe</button>

  </div>

  <!-- Social Sharing Icons -->

  <div class="social-share" style="padding: 1.5rem; text-align: center; border-top: 1px solid #eee;">

    <p style="margin-bottom: 0.8rem;">Share this recipe:</p>

    <a href="#" style="display: inline-block; margin: 0 8px; color: #ff6f61; text-decoration: none;">Facebook</a>

    <a href="#" style="display: inline-block; margin: 0 8px; color: #ff6f61; text-decoration: none;">Pinterest</a>

    <a href="#" style="display: inline-block; margin: 0 8px; color: #ff6f61; text-decoration: none;">Twitter</a>

  </div>

  <!-- Newsletter CTA -->

  <div class="newsletter" style="background: #fffaf0; padding: 1.5rem; text-align: center;">

    <h3 style="margin-bottom: 0.5rem;">Want More Recipes Like This?</h3>

    <p style="margin-bottom: 1rem;">Subscribe to our weekly newsletter for delicious recipes delivered straight to your inbox.</p>

    <form style="display: flex; justify-content: center; flex-wrap: wrap; gap: 0.5rem;">

      <input type="email" placeholder="Enter your email" required style="padding: 0.6rem 1rem; font-size: 1rem; border: 1px solid #ccc; border-radius: 5px; width: 250px;" />

      <button type="submit" style="padding: 0.6rem 1.2rem; font-size: 1rem; background: #ff6f61; color: white; border: none; border-radius: 5px; cursor: pointer;">Subscribe</button>

    </form>

  </div>

</div>