Spaces:
Running
Running
Download index.html from Sarom123493/modaster: direct link, hf CLI and curl.
- Browser
- Download file 32.6 kB
-
https://huggingface.co/spaces/Sarom123493/modaster/resolve/main/index.html
- Command line
-
hf download hf://spaces/Sarom123493/modaster/index.html
-
curl -L -o index.html https://huggingface.co/spaces/Sarom123493/modaster/resolve/main/index.html
32.6 kB
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>ModMaster - Learn App Modding</title> | |
| <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> | |
| .gradient-bg { | |
| background: linear-gradient(135deg, #6e48aa 0%, #9d50bb 100%); | |
| } | |
| .course-card:hover { | |
| transform: translateY(-5px); | |
| box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04); | |
| } | |
| .tooltip { | |
| position: relative; | |
| display: inline-block; | |
| } | |
| .tooltip .tooltip-text { | |
| visibility: hidden; | |
| width: 200px; | |
| background-color: #555; | |
| color: #fff; | |
| text-align: center; | |
| border-radius: 6px; | |
| padding: 5px; | |
| position: absolute; | |
| z-index: 1; | |
| bottom: 125%; | |
| left: 50%; | |
| margin-left: -100px; | |
| opacity: 0; | |
| transition: opacity 0.3s; | |
| } | |
| .tooltip:hover .tooltip-text { | |
| visibility: visible; | |
| opacity: 1; | |
| } | |
| .animated-underline { | |
| position: relative; | |
| display: inline-block; | |
| } | |
| .animated-underline::after { | |
| content: ''; | |
| position: absolute; | |
| width: 0; | |
| height: 2px; | |
| bottom: 0; | |
| left: 0; | |
| background-color: #9d50bb; | |
| transition: width 0.3s ease; | |
| } | |
| .animated-underline:hover::after { | |
| width: 100%; | |
| } | |
| </style> | |
| </head> | |
| <body class="bg-gray-100 font-sans"> | |
| <!-- Header --> | |
| <header class="gradient-bg text-white shadow-lg"> | |
| <div class="container mx-auto px-4 py-6"> | |
| <div class="flex justify-between items-center"> | |
| <div class="flex items-center space-x-2"> | |
| <i class="fas fa-code text-3xl"></i> | |
| <h1 class="text-2xl font-bold">ModMaster</h1> | |
| </div> | |
| <nav class="hidden md:flex space-x-8"> | |
| <a href="#" class="animated-underline hover:text-purple-200">Home</a> | |
| <a href="#" class="animated-underline hover:text-purple-200">Courses</a> | |
| <a href="#" class="animated-underline hover:text-purple-200">Tools</a> | |
| <a href="#" class="animated-underline hover:text-purple-200">Community</a> | |
| <a href="#" class="animated-underline hover:text-purple-200">Blog</a> | |
| </nav> | |
| <div class="flex items-center space-x-4"> | |
| <button class="bg-white text-purple-700 px-4 py-2 rounded-full font-semibold hover:bg-purple-100 transition duration-300"> | |
| Sign In | |
| </button> | |
| <button class="md:hidden text-2xl"> | |
| <i class="fas fa-bars"></i> | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </header> | |
| <!-- Hero Section --> | |
| <section class="gradient-bg text-white py-20"> | |
| <div class="container mx-auto px-4 flex flex-col md:flex-row items-center"> | |
| <div class="md:w-1/2 mb-10 md:mb-0"> | |
| <h1 class="text-4xl md:text-5xl font-bold mb-6">Master the Art of App Modding</h1> | |
| <p class="text-xl mb-8">Learn how to modify apps like a pro with our comprehensive courses and premium tools. Unlock premium features, remove ads, and customize apps to your liking.</p> | |
| <div class="flex flex-col sm:flex-row space-y-4 sm:space-y-0 sm:space-x-4"> | |
| <button class="bg-white text-purple-700 px-6 py-3 rounded-full font-bold hover:bg-purple-100 transition duration-300"> | |
| Explore Courses | |
| </button> | |
| <button class="border-2 border-white text-white px-6 py-3 rounded-full font-bold hover:bg-white hover:text-purple-700 transition duration-300"> | |
| Try Free Tools | |
| </button> | |
| </div> | |
| </div> | |
| <div class="md:w-1/2 flex justify-center"> | |
| <div class="relative"> | |
| <div class="absolute -top-10 -left-10 w-32 h-32 bg-purple-400 rounded-full opacity-20"></div> | |
| <div class="absolute -bottom-10 -right-10 w-32 h-32 bg-purple-400 rounded-full opacity-20"></div> | |
| <img src="https://via.placeholder.com/500x400/9d50bb/ffffff?text=ModMaster" alt="App Modding" class="relative z-10 rounded-lg shadow-2xl"> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Features Section --> | |
| <section class="py-16 bg-white"> | |
| <div class="container mx-auto px-4"> | |
| <h2 class="text-3xl font-bold text-center mb-16">Why Choose ModMaster?</h2> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-10"> | |
| <div class="text-center p-6 rounded-lg hover:shadow-lg transition duration-300"> | |
| <div class="w-20 h-20 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-6"> | |
| <i class="fas fa-graduation-cap text-purple-700 text-3xl"></i> | |
| </div> | |
| <h3 class="text-xl font-semibold mb-3">Step-by-Step Courses</h3> | |
| <p class="text-gray-600">From beginner to advanced, our courses guide you through every aspect of app modding with practical examples.</p> | |
| </div> | |
| <div class="text-center p-6 rounded-lg hover:shadow-lg transition duration-300"> | |
| <div class="w-20 h-20 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-6"> | |
| <i class="fas fa-tools text-purple-700 text-3xl"></i> | |
| </div> | |
| <h3 class="text-xl font-semibold mb-3">Premium Tools</h3> | |
| <p class="text-gray-600">Access our exclusive modding tools that simplify the process and help you achieve better results faster.</p> | |
| </div> | |
| <div class="text-center p-6 rounded-lg hover:shadow-lg transition duration-300"> | |
| <div class="w-20 h-20 bg-purple-100 rounded-full flex items-center justify-center mx-auto mb-6"> | |
| <i class="fas fa-users text-purple-700 text-3xl"></i> | |
| </div> | |
| <h3 class="text-xl font-semibold mb-3">Active Community</h3> | |
| <p class="text-gray-600">Join thousands of modders in our community where you can share knowledge and get help when stuck.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Popular Courses --> | |
| <section class="py-16 bg-gray-100"> | |
| <div class="container mx-auto px-4"> | |
| <div class="flex justify-between items-center mb-10"> | |
| <h2 class="text-3xl font-bold">Popular Courses</h2> | |
| <a href="#" class="text-purple-700 font-semibold hover:underline">View All Courses</a> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8"> | |
| <!-- Course 1 --> | |
| <div class="course-card bg-white rounded-lg overflow-hidden shadow-md transition duration-300"> | |
| <div class="relative"> | |
| <img src="https://via.placeholder.com/400x225/6e48aa/ffffff?text=Android+Modding" alt="Android Modding" class="w-full"> | |
| <div class="absolute top-2 right-2 bg-yellow-400 text-xs font-bold px-2 py-1 rounded">BESTSELLER</div> | |
| </div> | |
| <div class="p-6"> | |
| <div class="flex justify-between items-center mb-2"> | |
| <span class="text-sm text-purple-700 font-semibold">BEGINNER</span> | |
| <div class="flex items-center text-yellow-400"> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star-half-alt"></i> | |
| <span class="text-gray-600 text-sm ml-1">4.7</span> | |
| </div> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">Android App Modding Fundamentals</h3> | |
| <p class="text-gray-600 mb-4">Learn the basics of APK decompilation, smali editing, and resource modification.</p> | |
| <div class="flex justify-between items-center"> | |
| <div class="flex items-center"> | |
| <i class="far fa-clock text-gray-500 mr-1"></i> | |
| <span class="text-sm text-gray-600">8 hours</span> | |
| </div> | |
| <span class="text-lg font-bold text-purple-700">$29.99</span> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Course 2 --> | |
| <div class="course-card bg-white rounded-lg overflow-hidden shadow-md transition duration-300"> | |
| <div class="relative"> | |
| <img src="https://via.placeholder.com/400x225/9d50bb/ffffff?text=iOS+Modding" alt="iOS Modding" class="w-full"> | |
| <div class="absolute top-2 right-2 bg-green-500 text-xs font-bold px-2 py-1 rounded text-white">NEW</div> | |
| </div> | |
| <div class="p-6"> | |
| <div class="flex justify-between items-center mb-2"> | |
| <span class="text-sm text-purple-700 font-semibold">INTERMEDIATE</span> | |
| <div class="flex items-center text-yellow-400"> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="far fa-star"></i> | |
| <span class="text-gray-600 text-sm ml-1">4.3</span> | |
| </div> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">iOS App Hacking with Frida</h3> | |
| <p class="text-gray-600 mb-4">Master dynamic instrumentation to modify iOS apps at runtime using Frida toolkit.</p> | |
| <div class="flex justify-between items-center"> | |
| <div class="flex items-center"> | |
| <i class="far fa-clock text-gray-500 mr-1"></i> | |
| <span class="text-sm text-gray-600">12 hours</span> | |
| </div> | |
| <span class="text-lg font-bold text-purple-700">$49.99</span> | |
| </div> | |
| </div> | |
| </div> | |
| <!-- Course 3 --> | |
| <div class="course-card bg-white rounded-lg overflow-hidden shadow-md transition duration-300"> | |
| <img src="https://via.placeholder.com/400x225/6e48aa/ffffff?text=Game+Hacking" alt="Game Hacking" class="w-full"> | |
| <div class="p-6"> | |
| <div class="flex justify-between items-center mb-2"> | |
| <span class="text-sm text-purple-700 font-semibold">ADVANCED</span> | |
| <div class="flex items-center text-yellow-400"> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <span class="text-gray-600 text-sm ml-1">4.9</span> | |
| </div> | |
| </div> | |
| <h3 class="text-xl font-bold mb-3">Game Hacking: Memory Editing</h3> | |
| <p class="text-gray-600 mb-4">Learn to modify game values in memory for unlimited resources and premium features.</p> | |
| <div class="flex justify-between items-center"> | |
| <div class="flex items-center"> | |
| <i class="far fa-clock text-gray-500 mr-1"></i> | |
| <span class="text-sm text-gray-600">15 hours</span> | |
| </div> | |
| <span class="text-lg font-bold text-purple-700">$59.99</span> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Tools Section --> | |
| <section class="py-16 bg-white"> | |
| <div class="container mx-auto px-4"> | |
| <div class="flex justify-between items-center mb-10"> | |
| <h2 class="text-3xl font-bold">Premium Modding Tools</h2> | |
| <a href="#" class="text-purple-700 font-semibold hover:underline">View All Tools</a> | |
| </div> | |
| <div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6"> | |
| <!-- Tool 1 --> | |
| <div class="bg-gray-50 rounded-lg p-6 border border-gray-200 hover:border-purple-300 transition duration-300"> | |
| <div class="w-16 h-16 bg-purple-100 rounded-lg flex items-center justify-center mb-4"> | |
| <i class="fas fa-mobile-alt text-purple-700 text-2xl"></i> | |
| </div> | |
| <h3 class="text-lg font-bold mb-2">APK Easy Tool</h3> | |
| <p class="text-gray-600 text-sm mb-4">All-in-one solution for decompiling, recompiling, and signing APK files.</p> | |
| <div class="flex justify-between items-center"> | |
| <span class="text-purple-700 font-bold">$14.99</span> | |
| <button class="text-xs bg-purple-700 text-white px-3 py-1 rounded hover:bg-purple-800 transition duration-300"> | |
| Add to Cart | |
| </button> | |
| </div> | |
| </div> | |
| <!-- Tool 2 --> | |
| <div class="bg-gray-50 rounded-lg p-6 border border-gray-200 hover:border-purple-300 transition duration-300"> | |
| <div class="w-16 h-16 bg-purple-100 rounded-lg flex items-center justify-center mb-4"> | |
| <i class="fas fa-lock text-purple-700 text-2xl"></i> | |
| </div> | |
| <h3 class="text-lg font-bold mb-2">License Bypasser</h3> | |
| <p class="text-gray-600 text-sm mb-4">Remove license verification from premium apps with one click.</p> | |
| <div class="flex justify-between items-center"> | |
| <span class="text-purple-700 font-bold">$19.99</span> | |
| <button class="text-xs bg-purple-700 text-white px-3 py-1 rounded hover:bg-purple-800 transition duration-300"> | |
| Add to Cart | |
| </button> | |
| </div> | |
| </div> | |
| <!-- Tool 3 --> | |
| <div class="bg-gray-50 rounded-lg p-6 border border-gray-200 hover:border-purple-300 transition duration-300"> | |
| <div class="w-16 h-16 bg-purple-100 rounded-lg flex items-center justify-center mb-4"> | |
| <i class="fas fa-ad text-purple-700 text-2xl"></i> | |
| </div> | |
| <h3 class="text-lg font-bold mb-2">Ad Remover Pro</h3> | |
| <p class="text-gray-600 text-sm mb-4">Automatically remove ads from any Android app without root.</p> | |
| <div class="flex justify-between items-center"> | |
| <span class="text-purple-700 font-bold">$12.99</span> | |
| <button class="text-xs bg-purple-700 text-white px-3 py-1 rounded hover:bg-purple-800 transition duration-300"> | |
| Add to Cart | |
| </button> | |
| </div> | |
| </div> | |
| <!-- Tool 4 --> | |
| <div class="bg-gray-50 rounded-lg p-6 border border-gray-200 hover:border-purple-300 transition duration-300"> | |
| <div class="w-16 h-16 bg-purple-100 rounded-lg flex items-center justify-center mb-4"> | |
| <i class="fas fa-gamepad text-purple-700 text-2xl"></i> | |
| </div> | |
| <h3 class="text-lg font-bold mb-2">Game Guardian</h3> | |
| <p class="text-gray-600 text-sm mb-4">Advanced memory editor for modifying game values on rooted devices.</p> | |
| <div class="flex justify-between items-center"> | |
| <span class="text-purple-700 font-bold">$24.99</span> | |
| <button class="text-xs bg-purple-700 text-white px-3 py-1 rounded hover:bg-purple-800 transition duration-300"> | |
| Add to Cart | |
| </button> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Testimonials --> | |
| <section class="py-16 gradient-bg text-white"> | |
| <div class="container mx-auto px-4"> | |
| <h2 class="text-3xl font-bold text-center mb-12">What Our Students Say</h2> | |
| <div class="grid grid-cols-1 md:grid-cols-3 gap-8"> | |
| <!-- Testimonial 1 --> | |
| <div class="bg-white bg-opacity-10 p-6 rounded-lg backdrop-filter backdrop-blur-sm"> | |
| <div class="flex items-center mb-4"> | |
| <img src="https://via.placeholder.com/50/6e48aa/ffffff?text=JS" alt="User" class="w-12 h-12 rounded-full mr-4"> | |
| <div> | |
| <h4 class="font-bold">John Smith</h4> | |
| <div class="flex text-yellow-400 text-sm"> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| </div> | |
| </div> | |
| </div> | |
| <p>"The Android modding course was exactly what I needed. Within a week I was able to mod my first app and remove annoying ads. The step-by-step videos made everything so clear!"</p> | |
| </div> | |
| <!-- Testimonial 2 --> | |
| <div class="bg-white bg-opacity-10 p-6 rounded-lg backdrop-filter backdrop-blur-sm"> | |
| <div class="flex items-center mb-4"> | |
| <img src="https://via.placeholder.com/50/9d50bb/ffffff?text=AD" alt="User" class="w-12 h-12 rounded-full mr-4"> | |
| <div> | |
| <h4 class="font-bold">Alice Doe</h4> | |
| <div class="flex text-yellow-400 text-sm"> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star-half-alt"></i> | |
| </div> | |
| </div> | |
| </div> | |
| <p>"I've tried learning app modding from random YouTube videos before, but ModMaster's structured approach made all the difference. The community support is amazing too!"</p> | |
| </div> | |
| <!-- Testimonial 3 --> | |
| <div class="bg-white bg-opacity-10 p-6 rounded-lg backdrop-filter backdrop-blur-sm"> | |
| <div class="flex items-center mb-4"> | |
| <img src="https://via.placeholder.com/50/6e48aa/ffffff?text=MR" alt="User" class="w-12 h-12 rounded-full mr-4"> | |
| <div> | |
| <h4 class="font-bold">Mike Roberts</h4> | |
| <div class="flex text-yellow-400 text-sm"> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="fas fa-star"></i> | |
| <i class="far fa-star"></i> | |
| </div> | |
| </div> | |
| </div> | |
| <p>"The License Bypasser tool saved me hours of manual work. Combined with the iOS hacking course, I can now unlock premium features in apps I use daily. Worth every penny!"</p> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- FAQ --> | |
| <section class="py-16 bg-white"> | |
| <div class="container mx-auto px-4 max-w-4xl"> | |
| <h2 class="text-3xl font-bold text-center mb-12">Frequently Asked Questions</h2> | |
| <div class="space-y-4"> | |
| <!-- FAQ Item 1 --> | |
| <div class="border border-gray-200 rounded-lg overflow-hidden"> | |
| <button onclick="toggleFAQ(1)" class="w-full flex justify-between items-center p-4 bg-gray-50 hover:bg-gray-100 transition duration-300"> | |
| <span class="font-semibold text-left">Is app modding legal?</span> | |
| <i id="faq-icon-1" class="fas fa-chevron-down text-purple-700 transition duration-300"></i> | |
| </button> | |
| <div id="faq-content-1" class="hidden p-4 border-t border-gray-200"> | |
| <p class="text-gray-600">Modding apps for personal use is generally acceptable, but distributing modified apps or using mods to gain unfair advantages in online games may violate terms of service or copyright laws. We strongly encourage ethical modding practices and learning for educational purposes only.</p> | |
| </div> | |
| </div> | |
| <!-- FAQ Item 2 --> | |
| <div class="border border-gray-200 rounded-lg overflow-hidden"> | |
| <button onclick="toggleFAQ(2)" class="w-full flex justify-between items-center p-4 bg-gray-50 hover:bg-gray-100 transition duration-300"> | |
| <span class="font-semibold text-left">Do I need programming experience to start?</span> | |
| <i id="faq-icon-2" class="fas fa-chevron-down text-purple-700 transition duration-300"></i> | |
| </button> | |
| <div id="faq-content-2" class="hidden p-4 border-t border-gray-200"> | |
| <p class="text-gray-600">Not at all! Our beginner courses start from absolute basics and gradually introduce more complex concepts. Many students with zero coding experience have successfully learned app modding through our structured curriculum.</p> | |
| </div> | |
| </div> | |
| <!-- FAQ Item 3 --> | |
| <div class="border border-gray-200 rounded-lg overflow-hidden"> | |
| <button onclick="toggleFAQ(3)" class="w-full flex justify-between items-center p-4 bg-gray-50 hover:bg-gray-100 transition duration-300"> | |
| <span class="font-semibold text-left">What tools do I need to get started?</span> | |
| <i id="faq-icon-3" class="fas fa-chevron-down text-purple-700 transition duration-300"></i> | |
| </button> | |
| <div id="faq-content-3" class="hidden p-4 border-t border-gray-200"> | |
| <p class="text-gray-600">For Android modding, you'll need a computer (Windows, Mac, or Linux), Java Development Kit, and APK toolset (we provide these in our starter kit). For iOS modding, you'll need a Mac and Xcode. Our courses include detailed setup guides for all required software.</p> | |
| </div> | |
| </div> | |
| <!-- FAQ Item 4 --> | |
| <div class="border border-gray-200 rounded-lg overflow-hidden"> | |
| <button onclick="toggleFAQ(4)" class="w-full flex justify-between items-center p-4 bg-gray-50 hover:bg-gray-100 transition duration-300"> | |
| <span class="font-semibold text-left">Can I get a refund if I'm not satisfied?</span> | |
| <i id="faq-icon-4" class="fas fa-chevron-down text-purple-700 transition duration-300"></i> | |
| </button> | |
| <div id="faq-content-4" class="hidden p-4 border-t border-gray-200"> | |
| <p class="text-gray-600">Yes! We offer a 30-day money-back guarantee on all courses and tools. If you're not completely satisfied with your purchase, simply contact our support team for a full refund, no questions asked.</p> | |
| </div> | |
| </div> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- CTA Section --> | |
| <section class="py-16 gradient-bg text-white"> | |
| <div class="container mx-auto px-4 text-center"> | |
| <h2 class="text-3xl md:text-4xl font-bold mb-6">Ready to Start Modding?</h2> | |
| <p class="text-xl mb-8 max-w-2xl mx-auto">Join thousands of students who've unlocked the power of app modding with ModMaster.</p> | |
| <div class="flex flex-col sm:flex-row justify-center space-y-4 sm:space-y-0 sm:space-x-6"> | |
| <button class="bg-white text-purple-700 px-8 py-4 rounded-full font-bold text-lg hover:bg-purple-100 transition duration-300"> | |
| Get Started Now | |
| </button> | |
| <button class="border-2 border-white text-white px-8 py-4 rounded-full font-bold text-lg hover:bg-white hover:text-purple-700 transition duration-300"> | |
| Free Beginner Lessons | |
| </button> | |
| </div> | |
| </div> | |
| </section> | |
| <!-- Footer --> | |
| <footer class="bg-gray-900 text-white py-12"> | |
| <div class="container mx-auto px-4"> | |
| <div class="grid grid-cols-1 md:grid-cols-4 gap-8"> | |
| <div> | |
| <div class="flex items-center space-x-2 mb-4"> | |
| <i class="fas fa-code text-2xl text-purple-400"></i> | |
| <h3 class="text-xl font-bold">ModMaster</h3> | |
| </div> | |
| <p class="text-gray-400 mb-4">The premier platform for learning app modding and reverse engineering.</p> | |
| <div class="flex space-x-4"> | |
| <a href="#" class="text-gray-400 hover:text-white transition duration-300"> | |
| <i class="fab fa-twitter text-xl"></i> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-white transition duration-300"> | |
| <i class="fab fa-discord text-xl"></i> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-white transition duration-300"> | |
| <i class="fab fa-youtube text-xl"></i> | |
| </a> | |
| <a href="#" class="text-gray-400 hover:text-white transition duration-300"> | |
| <i class="fab fa-github text-xl"></i> | |
| </a> | |
| </div> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-semibold mb-4">Courses</h4> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Android Modding</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">iOS Hacking</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Game Modding</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Advanced Techniques</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">All Courses</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-semibold mb-4">Resources</h4> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Tools</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Documentation</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Blog</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Community</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Support</a></li> | |
| </ul> | |
| </div> | |
| <div> | |
| <h4 class="text-lg font-semibold mb-4">Company</h4> | |
| <ul class="space-y-2"> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">About Us</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Careers</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Privacy Policy</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Terms of Service</a></li> | |
| <li><a href="#" class="text-gray-400 hover:text-white transition duration-300">Contact</a></li> | |
| </ul> | |
| </div> | |
| </div> | |
| <div class="border-t border-gray-800 mt-12 pt-8 text-center text-gray-400"> | |
| <p>© 2023 ModMaster. All rights reserved. Educational purposes only.</p> | |
| </div> | |
| </div> | |
| </footer> | |
| <script> | |
| // Toggle FAQ items | |
| function toggleFAQ(id) { | |
| const content = document.getElementById(`faq-content-${id}`); | |
| const icon = document.getElementById(`faq-icon-${id}`); | |
| if (content.classList.contains('hidden')) { | |
| content.classList.remove('hidden'); | |
| icon.classList.remove('fa-chevron-down'); | |
| icon.classList.add('fa-chevron-up'); | |
| } else { | |
| content.classList.add('hidden'); | |
| icon.classList.remove('fa-chevron-up'); | |
| icon.classList.add('fa-chevron-down'); | |
| } | |
| } | |
| // Simple cart functionality | |
| document.addEventListener('DOMContentLoaded', function() { | |
| const addToCartButtons = document.querySelectorAll('[class*="bg-purple-700"]'); | |
| addToCartButtons.forEach(button => { | |
| button.addEventListener('click', function() { | |
| const toolName = this.parentElement.parentElement.querySelector('h3').textContent; | |
| const toolPrice = this.parentElement.querySelector('span').textContent; | |
| alert(`Added to cart: ${toolName} (${toolPrice})`); | |
| // In a real implementation, you would add the item to a shopping cart object | |
| // and update the cart UI accordingly | |
| }); | |
| }); | |
| }); | |
| </script> | |
| <p style="border-radius: 8px; text-align: center; font-size: 12px; color: #fff; margin-top: 16px;position: fixed; left: 8px; bottom: 8px; z-index: 10; background: rgba(0, 0, 0, 0.8); padding: 4px 8px;">Made with <img src="https://enzostvs-deepsite.hf.space/logo.svg" alt="DeepSite Logo" style="width: 16px; height: 16px; vertical-align: middle;display:inline-block;margin-right:3px;filter:brightness(0) invert(1);"><a href="https://enzostvs-deepsite.hf.space" style="color: #fff;text-decoration: underline;" target="_blank" >DeepSite</a> - 🧬 <a href="https://enzostvs-deepsite.hf.space?remix=Sarom123493/modaster" style="color: #fff;text-decoration: underline;" target="_blank" >Remix</a></p></body> | |
| </html> |