Whatsapp Group Links

Posts

* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Inter', sans-serif; }

* { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Inter', sans-serif; } body { background: #fff; color: #333; } header { display: flex; justify-content: space-between; align-items: center; padding: 20px 10%; background: linear-gradient(to right, #6f00ff, #a800ff); color: #fff; } .logo { font-size: 1.5rem; font-weight: 700; } .logo span { margin-left: 5px; } nav ul { display: flex; gap: 20px; list-style: none; } nav a, .socials a { color: #fff; text-decoration: none; font-weight: 500; } .socials a { margin-left: 10px; font-size: 1.2rem; } .hero { display: flex; align-items: center; justify-content: space-between; padding: 60px 10%; background: linear-gradient(to right, #6f00ff, #a800ff); color: white; flex-wrap: wrap; } .hero-text { max-width: 500px; } .hero-text h1 { font-size: 3rem; margin-bottom: 20px; } .hero-text p { font-size: 1.1rem; margin-bottom: 30px; } .btn { background-color: #ffce44; padding: 12px 25px; color: #000; font-weight: 600; text-decoration: none; border-radius: 30px; display: inline-block; } .hero-image img { max-width: 400px; width: 100%; } .features { display: flex; justify-content: space-around; flex-wrap: wrap; padding: 60px 10%; background-color: #fff; } .feature { max-width: 200px; text-align: center; margin: 20px; } .feature img { width: 50px; margin-bottom: 15px; } .feature h3 { font-size: 1.2rem; margin-bottom: 10px; } .feature p { color: #777; }