Spaces:
Sleeping
Sleeping
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8" /> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0" /> | |
| <title>Modern AI Website</title> | |
| <link rel="stylesheet" href="static/test.css" /> | |
| <script defer src="static/test.js"></script> | |
| </head> | |
| <body> | |
| <header> | |
| <h1>AI Toolbox</h1> | |
| <p>Explore powerful AI tools below</p> | |
| </header> | |
| <main> | |
| <section class="cards"> | |
| <div class="card" onclick="showSection('summarizer')"> | |
| <div class="icon">📝</div> | |
| <h2>Text Summarizer</h2> | |
| <p>Summarize long articles into concise content.</p> | |
| </div> | |
| <div class="card" onclick="showSection('image-caption')"> | |
| <div class="icon">🖼️</div> | |
| <h2>Image Captioning</h2> | |
| <p>Upload an image to get a smart caption.</p> | |
| </div> | |
| <div class="card" onclick="showSection('code-explainer')"> | |
| <div class="icon">💡</div> | |
| <h2>Code Explainer</h2> | |
| <p>Understand what your code really does.</p> | |
| </div> | |
| </section> | |
| <section id="summarizer" class="tool-section"> | |
| <h3>Text Summarizer</h3> | |
| <textarea placeholder="Paste your article here..."></textarea> | |
| <button>Summarize</button> | |
| </section> | |
| <section id="image-caption" class="tool-section"> | |
| <h3>Image Captioning</h3> | |
| <input type="file" accept="image/*"> | |
| <button>Generate Caption</button> | |
| </section> | |
| <section id="code-explainer" class="tool-section"> | |
| <h3>Code Explainer</h3> | |
| <textarea placeholder="Paste your code snippet here..."></textarea> | |
| <button>Explain Code</button> | |
| </section> | |
| </main> | |
| <footer> | |
| <p>© 2025 AI Toolbox. All rights reserved.</p> | |
| </footer> | |
| </body> | |
| </html> |