ctrlplus-zai/codecraft-macos-dark-suite
0
1<!DOCTYPE html>2<html lang="en">3<head>4 <meta charset="UTF-8">5 <meta name="viewport" content="width=device-width, initial-scale=1.0">6 <title>PHP Tasks</title>7 <link href="https://fonts.googleapis.com/css2?family=Cairo+Play:wght@400;700&family=Share+Tech+Mono&display=swap" rel="stylesheet">8 <script src="https://cdn.tailwindcss.com"></script>9 <style>10 body {11 font-family: 'Cairo Play', sans-serif;12 background-color: #1a1a1a;13 color: #e5e7eb;14 }15 .mono {16 font-family: 'Share Tech Mono', monospace;17 }18 </style>19</head>20<body class="min-h-screen p-8">21 <div class="max-w-4xl mx-auto">22 <header class="mb-12 text-center">23 <h1 class="text-4xl font-bold mb-2">PHP Tasks</h1>24 <p class="text-gray-400">Select a task to execute</p>25 </header>26 27 <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6">28 <a href="introduction.php" class="bg-gray-800 hover:bg-gray-700 transition p-6 rounded-lg shadow-md">29 <h2 class="text-xl font-semibold mb-2">1. Introduce Yourself</h2>30 <p class="text-gray-400">Basic variable usage</p>31 </a>32 33 <a href="math.php" class="bg-gray-800 hover:bg-gray-700 transition p-6 rounded-lg shadow-md">34 <h2 class="text-xl font-semibold mb-2">2. Simple Math</h2>35 <p class="text-gray-400">Basic arithmetic operations</p>36 </a>37 38 <a href="area-peri.php" class="bg-gray-800 hover:bg-gray-700 transition p-6 rounded-lg shadow-md">39 <h2 class="text-xl font-semibold mb-2">3. Rectangle Calculations</h2>40 <p class="text-gray-400">Area and perimeter</p>41 </a>42 43 <a href="temperature.php" class="bg-gray-800 hover:bg-gray-700 transition p-6 rounded-lg shadow-md">44 <h2 class="text-xl font-semibold mb-2">4. Temperature Converter</h2>45 <p class="text-gray-400">Celsius to Fahrenheit</p>46 </a>47 48 <a href="swap.php" class="bg-gray-800 hover:bg-gray-700 transition p-6 rounded-lg shadow-md">49 <h2 class="text-xl font-semibold mb-2">5. Swapping Variables</h2>50 <p class="text-gray-400">Using temporary variable</p>51 </a>52 53 <a href="salary.php" class="bg-gray-800 hover:bg-gray-700 transition p-6 rounded-lg shadow-md">54 <h2 class="text-xl font-semibold mb-2">6. Salary Calculator</h2>55 <p class="text-gray-400">Net salary calculation</p>56 </a>57 58 <a href="bmi.php" class="bg-gray-800 hover:bg-gray-700 transition p-6 rounded-lg shadow-md">59 <h2 class="text-xl font-semibold mb-2">7. BMI Calculator</h2>60 <p class="text-gray-400">Body Mass Index</p>61 </a>62 63 <a href="string.php" class="bg-gray-800 hover:bg-gray-700 transition p-6 rounded-lg shadow-md">64 <h2 class="text-xl font-semibold mb-2">8. String Manipulation</h2>65 <p class="text-gray-400">Text processing</p>66 </a>67 68 <a href="bank.php" class="bg-gray-800 hover:bg-gray-700 transition p-6 rounded-lg shadow-md">69 <h2 class="text-xl font-semibold mb-2">9. Bank Account</h2>70 <p class="text-gray-400">Balance simulation</p>71 </a>72 73 <a href="grades.php" class="bg-gray-800 hover:bg-gray-700 transition p-6 rounded-lg shadow-md">74 <h2 class="text-xl font-semibold mb-2">10. Grading System</h2>75 <p class="text-gray-400">Score evaluation</p>76 </a>77 78 <a href="currency.php" class="bg-gray-800 hover:bg-gray-700 transition p-6 rounded-lg shadow-md">79 <h2 class="text-xl font-semibold mb-2">11. Currency Converter</h2>80 <p class="text-gray-400">PHP to other currencies</p>81 </a>82 83 <a href="travel.php" class="bg-gray-800 hover:bg-gray-700 transition p-6 rounded-lg shadow-md">84 <h2 class="text-xl font-semibold mb-2">12. Travel Cost</h2>85 <p class="text-gray-400">Fuel cost estimation</p>86 </a>87 </div>88 </div>89</body>90</html>91