Code to create a website about healthy smoothie recipes

on

Code to create a website about healthy smoothie recipes

 

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>Healthy Smoothie Recipes</title>

<style>

body {font-family: Arial; background: #ffe0b2; margin: 0;}

header {background: #ff7043; color: white; text-align: center; padding: 40px;}

.recipe {background: white; width: 300px; padding: 20px; border-radius: 15px; margin: 20px auto; box-shadow: 0 4px 8px rgba(0,0,0,0.2);}

.recipe h3 {color: #ff7043;}

</style>

</head>

<body>

<header>

  <h1>🍓 Healthy Smoothie Recipes</h1>

  <p>Fresh, Fruity, and Fun!</p>

</header>

<div class="recipe">

  <h3>Banana Berry Blast</h3>

  <ul>

    <li>1 banana</li>

    <li>1/2 cup strawberries</li>

    <li>1/2 cup yogurt</li>

    <li>1 tsp honey</li>

  </ul>

</div>

<div class="recipe">

  <h3>Mango Delight</h3>

  <ul>

    <li>1 mango</li>

    <li>1/2 cup milk</li>

    <li>1 tbsp sugar</li>

    <li>Ice cubes</li>

  </ul>

</div>

<footer style="background:#0d47a1; color:white; text-align:center; padding:25px; font-size:22px;">

  © 2025 <a href="https://freecodesforwebsites.blogspot.com/" target="_blank" style="color:#bbdefb; text-decoration:none;">Free Codes for Websites</a> | All rights reserved.

</footer>


</body>

</html>


Comments

Post a Comment