```




  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>PHP: Contribute
  <script src="/tailwindcss.js">"></script>
  <style>
 .hero {
 background: linear-gradient(to bottom, #3498db, #2ecc71);
 background-size: 100% 300px;
 background-position: 0% 100%;
 height: 50vh;
 display: flex;
 justify-content: center;
 align-items: center;
 color: white;
 }
 .contribute-card {
 transition: transform 0.2s ease-in-out;
 }
 .contribute-card:hover {
 transform: translateY(-5px);
 box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);
 }
 .scroll-reveal {
 opacity: 0;
 transform: translateY(20px);