| <!DOCTYPE html> |
| <html lang="en"> |
| <head> |
| <meta charset="UTF-8"> |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| <title>SMM Panel - Social Media Marketing Services</title> |
| <link rel="icon" type="image/x-icon" href="/static/favicon.ico"> |
| <script src="https://cdn.tailwindcss.com"></script> |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css"> |
| <style> |
| .service-card { |
| transition: all 0.3s ease; |
| } |
| .service-card:hover { |
| transform: translateY(-5px); |
| box-shadow: 0 10px 20px rgba(0,0,0,0.1); |
| } |
| </style> |
| </head> |
| <body class="bg-gray-100"> |
| |
| <nav class="bg-indigo-700 text-white p-4 shadow-lg"> |
| <div class="container mx-auto flex justify-between items-center"> |
| <div class="flex items-center space-x-2"> |
| <i class="fas fa-rocket text-2xl"></i> |
| <h1 class="text-2xl font-bold">SMM Panel</h1> |
| </div> |
| <div class="hidden md:flex space-x-6"> |
| <a href="#" class="hover:text-indigo-200 font-medium">Home</a> |
| <a href="services.html" class="hover:text-indigo-200 font-medium">Services</a> |
| <a href="pricing.html" class="hover:text-indigo-200 font-medium">Pricing</a> |
| <a href="api.html" class="hover:text-indigo-200 font-medium">API</a> |
| <a href="contact.html" class="hover:text-indigo-200 font-medium">Contact</a> |
| </div> |
| <div class="flex items-center space-x-4"> |
| <a href="login.html" class="bg-white text-indigo-700 px-4 py-2 rounded font-medium hover:bg-indigo-100 transition">Login</a> |
| <a href="register.html" class="bg-indigo-600 text-white px-4 py-2 rounded font-medium hover:bg-indigo-800 transition">Register</a> |
| </div> |
| </div> |
| </nav> |
|
|
| |
| <section class="bg-gradient-to-r from-indigo-700 to-purple-600 text-white py-20"> |
| <div class="container mx-auto px-4 text-center"> |
| <h1 class="text-4xl md:text-5xl font-bold mb-6">Boost Your Social Media Presence</h1> |
| <p class="text-xl mb-8 max-w-3xl mx-auto">Get real followers, likes, views and more for all major social media platforms at the best prices.</p> |
| <div class="flex flex-col sm:flex-row justify-center gap-4"> |
| <a href="services.html" class="bg-white text-indigo-700 px-8 py-3 rounded-full font-bold hover:bg-indigo-100 transition">Our Services</a> |
| <a href="register.html" class="bg-transparent border-2 border-white px-8 py-3 rounded-full font-bold hover:bg-white hover:text-indigo-700 transition">Get Started</a> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 bg-white"> |
| <div class="container mx-auto px-4"> |
| <div class="text-center mb-12"> |
| <h2 class="text-3xl font-bold text-gray-800 mb-4">Why Choose Our SMM Panel?</h2> |
| <p class="text-gray-600 max-w-2xl mx-auto">We provide high-quality social media services with instant delivery and 24/7 support.</p> |
| </div> |
| <div class="grid md:grid-cols-3 gap-8"> |
| <div class="bg-gray-50 p-6 rounded-lg text-center"> |
| <div class="bg-indigo-100 w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-4"> |
| <i class="fas fa-bolt text-indigo-700 text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-semibold mb-2">Instant Delivery</h3> |
| <p class="text-gray-600">Most services start within minutes after your order is placed.</p> |
| </div> |
| <div class="bg-gray-50 p-6 rounded-lg text-center"> |
| <div class="bg-indigo-100 w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-4"> |
| <i class="fas fa-shield-alt text-indigo-700 text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-semibold mb-2">High Quality</h3> |
| <p class="text-gray-600">All our services provide real engagement from active accounts.</p> |
| </div> |
| <div class="bg-gray-50 p-6 rounded-lg text-center"> |
| <div class="bg-indigo-100 w-16 h-16 mx-auto rounded-full flex items-center justify-center mb-4"> |
| <i class="fas fa-headset text-indigo-700 text-2xl"></i> |
| </div> |
| <h3 class="text-xl font-semibold mb-2">24/7 Support</h3> |
| <p class="text-gray-600">Our support team is always ready to help you with any issues.</p> |
| </div> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <section class="py-16 bg-gray-100"> |
| <div class="container mx-auto px-4"> |
| <div class="text-center mb-12"> |
| <h2 class="text-3xl font-bold text-gray-800 mb-4">Popular Services</h2> |
| <p class="text-gray-600 max-w-2xl mx-auto">Check out our most popular social media services</p> |
| </div> |
| <div class="grid md:grid-cols-3 gap-6"> |
| <div class="service-card bg-white p-6 rounded-lg shadow-md"> |
| <div class="flex items-center mb-4"> |
| <i class="fab fa-instagram text-2xl text-pink-600 mr-3"></i> |
| <h3 class="text-xl font-semibold">Instagram Followers</h3> |
| </div> |
| <p class="text-gray-600 mb-4">Get real, active Instagram followers to grow your account.</p> |
| <div class="flex justify-between items-center"> |
| <span class="text-indigo-700 font-bold">Starting at $2.99</span> |
| <a href="#" class="text-indigo-600 hover:text-indigo-800 font-medium">Order Now</a> |
| </div> |
| </div> |
| <div class="service-card bg-white p-6 rounded-lg shadow-md"> |
| <div class="flex items-center mb-4"> |
| <i class="fab fa-youtube text-2xl text-red-600 mr-3"></i> |
| <h3 class="text-xl font-semibold">YouTube Views</h3> |
| </div> |
| <p class="text-gray-600 mb-4">High retention YouTube views to boost your video ranking.</p> |
| <div class="flex justify-between items-center"> |
| <span class="text-indigo-700 font-bold">Starting at $1.99</span> |
| <a href="#" class="text-indigo-600 hover:text-indigo-800 font-medium">Order Now</a> |
| </div> |
| </div> |
| <div class="service-card bg-white p-6 rounded-lg shadow-md"> |
| <div class="flex items-center mb-4"> |
| <i class="fab fa-twitter text-2xl text-blue-400 mr-3"></i> |
| <h3 class="text-xl font-semibold">Twitter Followers</h3> |
| </div> |
| <p class="text-gray-600 mb-4">Gain real Twitter followers to increase your social proof.</p> |
| <div class="flex justify-between items-center"> |
| <span class="text-indigo-700 font-bold">Starting at $3.99</span> |
| <a href="#" class="text-indigo-600 hover:text-indigo-800 font-medium">Order Now</a> |
| </div> |
| </div> |
| </div> |
| <div class="text-center mt-8"> |
| <a href="services.html" class="inline-block bg-indigo-700 text-white px-6 py-3 rounded-lg font-medium hover:bg-indigo-800 transition">View All Services</a> |
| </div> |
| </div> |
| </section> |
|
|
| |
| <footer class="bg-gray-900 text-white py-12"> |
| <div class="container mx-auto px-4"> |
| <div class="grid md:grid-cols-4 gap-8"> |
| <div> |
| <h3 class="text-xl font-bold mb-4">SMM Panel</h3> |
| <p class="text-gray-400">The best social media marketing services for growing your online presence.</p> |
| </div> |
| <div> |
| <h4 class="text-lg font-semibold mb-4">Quick Links</h4> |
| <ul class="space-y-2"> |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Home</a></li> |
| <li><a href="services.html" class="text-gray-400 hover:text-white transition">Services</a></li> |
| <li><a href="pricing.html" class="text-gray-400 hover:text-white transition">Pricing</a></li> |
| <li><a href="contact.html" class="text-gray-400 hover:text-white transition">Contact</a></li> |
| </ul> |
| </div> |
| <div> |
| <h4 class="text-lg font-semibold mb-4">Legal</h4> |
| <ul class="space-y-2"> |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Terms of Service</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Privacy Policy</a></li> |
| <li><a href="#" class="text-gray-400 hover:text-white transition">Refund Policy</a></li> |
| </ul> |
| </div> |
| <div> |
| <h4 class="text-lg font-semibold mb-4">Contact Us</h4> |
| <ul class="space-y-2"> |
| <li class="flex items-center"><i class="fas fa-envelope mr-2 text-gray-400"></i> support@smmpanel.com</li> |
| <li class="flex items-center"><i class="fas fa-globe mr-2 text-gray-400"></i> www.smmpanel.com</li> |
| </ul> |
| <div class="flex space-x-4 mt-4"> |
| <a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-facebook-f"></i></a> |
| <a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-twitter"></i></a> |
| <a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-instagram"></i></a> |
| <a href="#" class="text-gray-400 hover:text-white transition"><i class="fab fa-telegram"></i></a> |
| </div> |
| </div> |
| </div> |
| <div class="border-t border-gray-800 mt-8 pt-8 text-center text-gray-400"> |
| <p>© 2023 SMM Panel. All rights reserved.</p> |
| </div> |
| </div> |
| </footer> |
|
|
| <script> |
| |
| document.addEventListener('DOMContentLoaded', function() { |
| |
| }); |
| </script> |
| </body> |
| </html> |
