<!DOCTYPE html><html lang="te"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>AYP - Ant Youth Party | దేశ ప్రగతికి యువశక్తి</title> <link rel="icon" type="image/png" href="favicon.png"> <style> * {margin: 0; padding: 0; box-sizing: border-box; scroll-behavior: smooth;} body {font-family: 'Noto Sans Telugu', Arial, sans-serif; background: #fff; color: #1a1a1a; line-height: 1.7;} .header {background: #fff; padding: 15px; text-align: center; box-shadow: 0 2px 10px rgba(0,0,0,0.1); position: sticky; top: 0; z-index: 100;} .logo-ayp {max-width: 220px; width: 80%; margin: 0 auto;} .nav {background: #006A4E; padding: 10px; text-align: center;} .nav a {color: #fff; text-decoration: none; margin: 0 15px; font-weight: bold; font-size: 0.95rem;} .hero-banner {width: 100%; max-height: 550px; object-fit: cover; display: block;} .hero-text {padding: 50px 20px; background: linear-gradient(135deg, #006A4E 0%, #C41E3A 100%); color: #fff; text-align: center;} h1 {font-size: 2.8rem; margin: 10px 0; text-shadow: 2px 2px 4px rgba(0,0,0,0.3);} .tagline {font-size: 1.4rem; margin-bottom: 10px; color: #FFD700; font-weight: bold;} .slogan {font-size: 1.6rem; margin: 25px 0; font-weight: bold; color: #fff;} .btn {background: #FFD700; color: #000; padding: 16px 40px; text-decoration: none; font-weight: bold; border-radius: 5px; display: inline-block; margin: 10px; border: 3px solid #fff; font-size: 1.1rem;} .section {padding: 70px 20px; text-align: center; max-width: 1200px; margin: 0 auto;} .section h2 {color: #C41E3A; font-size: 2.4rem; margin-bottom: 20px;} .section h3 {color: #006A4E; font-size: 1.8rem; margin: 30px 0 15px;} .symbol-img {max-width: 180px; margin: 30px auto; display: block;} .card-grid {display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: 25px; margin: 40px 0;} .card {background: #f8f8f8; padding: 30px; border-radius: 10px; border-left: 6px solid #006A4E; text-align: left; box-shadow: 0 4px 8px rgba(0,0,0,0.1);} .card h4 {color: #006A4E; margin-bottom: 15px; font-size: 1.3rem;} .pillars {display: flex; justify-content: center; gap: 15px; flex-wrap: wrap; margin: 40px 0;} .pillar {background: #006A4E; color: #fff; padding: 20px 30px; border-radius: 10px; font-weight: bold; font-size: 1.1rem; box-shadow: 0 4px 8px rgba(0,0,0,0.2); border-bottom: 4px solid #C41E3A;} .bg-dark {background: #1a1a1a; color: #fff;} .bg-dark h2 {color: #FFD700;} .footer {background: #006A4E; color: #fff; padding: 50px 20px; text-align: center;} .footer-logo {max-width: 100px; margin: 0 auto 20px;} @media (max-width: 768px) { h1 {font-size: 2rem;} .slogan {font-size: 1.2rem;} .nav a {margin: 0 8px; font-size: 0.85rem;} } </style></head><body> <div class="header"> <img src="logo-ayp.png" alt="AYP - Ant Youth Party" class="logo-ayp"> </div> <div class="nav"> <a href="#about">మా గురించి</a> <a href="#vision">ఆశయాలు</a> <a href="#join">సభ్యత్వం</a> <a href="#contact">Contact</a> </div> <img src="banner.jpg" alt="దేశ ప్రగతికి యువశక్తి" class="hero-banner"> <div class="hero-text"> <h1>ANT YOUTH PARTY</h1> <p class="tagline">చీమల యువజన పార్టీ</p> <p class="slogan">చిన్నగా కాదు చరిత్రే కలిసి చెప్తాం కాదు చేస్తాం!</p> <a href="#join" class="btn">ఉద్యమంలో చేరండి</a> </div> <div class="section" id="about"> <h2>దేశ ప్రగతికి.. యువశక్తి!</h2> <img src="symbol.png" alt="AYP Symbol" class="symbol-img"> <p style="font-size: 1.2rem; max-width: 800px; margin: 20px auto;"> చీమల యువజన పార్టీ అనేది కార్మికులు, రైతులు, విద్యార్థులు, నిరుద్యోగులు, మహిళల హక్కుల కోసం పోరాడే ప్రజా ఉద్యమం. బాబాసాహెబ్ అంబేద్కర్ ఆశయాలతో సామాజిక న్యాయం, సమానత్వం కోసం పనిచేస్తున్నాం. </p> <h3>మన సిద్ధాంతాలు</h3> <div class="pillars"> <div class="pillar">శ్రమ</div> <div class="pillar">సమైక్యత</div> <div class="pillar">సమాజం</div> <div class="pillar">అభివృద్ధి</div> </div> </div> <div class="section bg-dark" id="vision"> <h2>మా ఆశయాలు - 5 Point Manifesto</h2> <div class="card-grid"> <div class="card"> <h4>1. విద్య & ఉపాధి</h4> <p>ప్రతి యువతకు నాణ్యమైన విద్య, Skill Development, ప్రభుత్వ ఉద్యోగాలలో రిజర్వేషన్ల అమలు. స్వయం ఉపాధి కోసం వడ్డీ లేని రుణాలు.</p> </div> <div class="card"> <h4>2. రైతు & కార్మిక సంక్షేమం</h4> <p>కనీస మద్దతు ధర చట్టం, రైతు రుణమాఫీ, కార్మికులకు కనీస వేతనం ₹25,000. ESI, PF అందరికీ.</p> </div> <div class="card"> <h4>3. సామాజిక న్యాయం</h4> <p>కుల వివక్ష నిర్మూలన, SC/ST/BC/MBC లకు రాజ్యాంగ బద్ధమైన హక్కులు. మహిళలకు 50% రిజర్వేషన్.</p> </div> <div class="card"> <h4>4. అవినీతి రహిత పాలన</h4> <p>పారదర్శక ప్రభుత్వం, Online Grievance System, ప్రతి పథకం లబ్ధిదారుల List Public Domain లో.</p> </div> </div> </div> <div class="section" id="join" style="background: #f8f8f8;"> <h2>AYP సభ్యత్వం తీసుకోండి</h2> <p style="font-size: 1.2rem; margin-bottom: 30px;">మన శ్రమ - మన భవిష్యత్తు. ఈ ఉద్యమంలో భాగం కండి!</p> <div class="card" style="max-width: 600px; margin: 0 auto; text-align: left;"> <h4 style="text-align: center;">Online లో Join అవ్వండి</h4> <p><strong>Step 1:</strong> 9000477898 నంబర్ కి "AYP JOIN" అని WhatsApp చెయ్యండి</p> <p><strong>Step 2:</strong> మీ పేరు, వయస్సు, జిల్లా, మండలం Details పంపండి</p> <p style="margin-top: 20px; text-align: center;"> <a href="https://wa.me/919000477898?text=AYP JOIN" class="btn" style="background: #006A4E; color: #fff;">WhatsApp లో Join అవ్వండి</a> </p> </div> </div> <div class="section bg-dark" id="contact"> <h2>మమ్మల్ని సంప్రదించండి</h2> <div style="font-size: 1.2rem; line-height: 2;"> <p><strong>రాష్ట్ర కార్యాలయం:</strong> Hyderabad, Telangana</p> <p><strong>WhatsApp/Call:</strong> 9000477898</p> <p><strong>Email:</strong> contact@antyouthparty.in</p> </div> </div> <div class="footer"> <img src="symbol.png" alt="AYP" class="footer-logo"> <p style="font-size: 1.2rem; margin-bottom: 15px; font-weight: bold;">చిన్నగా కాదు చరిత్రే కలిసి చెప్తాం కాదు చేస