Cooking Tips <script src="/tailwindcss.js">"></script> <style> .decoration-pattern { background: repeating-linear-gradient( 45deg, #fefefe, #fefefe 20px, #e0e0e0 20px, #e0e0e0 40px ); } </style> </head> <body class="bg-gray-100 text-gray-900"> <header class="bg-gradient-to-r from-blue-600 to-blue-800 text-white shadow-lg"> <div class="container mx-auto px-4"> <nav class="flex items-center justify-between h-16"> <a href="/how-to-prepare-a-meal/index.html" class="text-2xl font-bold"> How to Prepare a Meal </a> <div class="hidden md:flex space-x-6"> <a href="/how-to-prepare-a-meal/recipes.html" class="hover:underline">Recipes <a href="/how-to-prepare-a-meal/cooking-tips.html" class="hover:underline">Tips <a href="/how-to-prepare-a-meal/about.html" class="hover:underline">About </div> </nav> </div> </header> <main class="container mx-auto px-4 py-8">  <section class="bg-gradient-to-r from-pink-400 to-purple-500 text-white p-8 rounded-lg shadow-xl mb-8"> <h1 class="text-4xl font-extrabold mb-4">Essential Cooking Tips <p class="text-lg opacity-90 max-w-2xl"> Master your culinary skills with expert-level techniques and time-saving methods from professional kitchens. Transform everyday meals into extraordinary experiences. </p> </section>  <section class="grid md:grid-cols-2 gap-8 mb-12"> <div class="bg-white p-6 rounded-xl shadow-md hover:shadow-lg transition-shadow"> <div class="relative w-16 h-16 text-blue-500 mb-4"> <svg class="absolute inset-0" viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"> <rect width="64" height="64" rx="16" fill="#e0f7fa"/> <path d="M20 20h24v4H20V20zm0 19h24v4H20v-4zm-4-18v36H4V4h16z" fill="#1976d2"/> </svg> <span class="absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 text-3xl">⚙️ </div> <h2 class="text-2xl font-bold mb-3 text-gray-800">Knife Skills <ul class="space-y-2"> <li class="flex items-center"> <svg class="w-5 h-5 text-green-500 mr-2" viewBox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/> </svg> Use a sharp knife for safer, cleaner cuts </li> <li class="flex items-center"> <svg class="w-5 h-5 text-green-500 mr-2" viewBox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1.414 1.414l2 2a1 1 0 001.414 0l4-4z" clip-rule="evenodd"/> </svg> Keep knives dry while sharpening </li> <li class="flex items-center"> <svg class="w-5 h-5 text-green-500 mr-2" viewBox="0 0 20 20" fill="currentColor"> <path fill-rule="evenodd" d="M10 18a8 8 0 100-16 8 8 0 000 16zm3.707-9.293a1 1 0 00-1.414-1.414L9 10.586 7.707 9.293a1 1 0 00-1