Created
May 24, 2026 03:14
-
-
Save naitik416/7b85b4109dc66df4dbb40ec4c47e03dd to your computer and use it in GitHub Desktop.
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>About AI</title> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body> | |
| <header> | |
| <h1>About Artificial Intelligence</h1> | |
| <nav> | |
| <a href="index.html">Home</a> | |
| <a href="about.html">About AI</a> | |
| <a href="gallery.html">Gallery</a> | |
| <a href="creativity.html">Student Creativity</a> | |
| </nav> | |
| </header> | |
| <section> | |
| <h2>What is AI?</h2> | |
| <p> | |
| Artificial Intelligence (AI) is the simulation of human intelligence in machines. | |
| AI helps computers think, learn, and solve problems. | |
| </p> | |
| <h2>Uses of AI</h2> | |
| <ul> | |
| <li>Healthcare</li> | |
| <li>Education</li> | |
| <li>Robotics</li> | |
| <li>Self-driving Cars</li> | |
| <li>Virtual Assistants</li> | |
| </ul> | |
| <img src="https://images.unsplash.com/photo-1504384308090-c894fdcc538d?q=80&w=1200&auto=format&fit=crop" alt="AI Future"> | |
| </section> | |
| <footer> | |
| <p>AI Technology Website</p> | |
| </footer> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Student Creativity</title> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body> | |
| <header> | |
| <h1>Student Creativity</h1> | |
| <nav> | |
| <a href="index.html">Home</a> | |
| <a href="about.html">About AI</a> | |
| <a href="gallery.html">Gallery</a> | |
| <a href="creativity.html">Student Creativity</a> | |
| </nav> | |
| </header> | |
| <section> | |
| <h2>Upload Your Work</h2> | |
| <p>You can upload your drawing, poem, project, or artwork here.</p> | |
| <form> | |
| <label>Name:</label><br> | |
| <input type="text" placeholder="Enter your name"><br><br> | |
| <label>Upload File:</label><br> | |
| <input type="file"><br><br> | |
| <button type="submit">Submit</button> | |
| </form> | |
| </section> | |
| <section> | |
| <h2>Creative Ideas</h2> | |
| <ul> | |
| <li>AI Drawings</li> | |
| <li>Poems About Technology</li> | |
| <li>Mini Robotics Projects</li> | |
| <li>Future City Designs</li> | |
| </ul> | |
| </section> | |
| <footer> | |
| <p>Student Creativity Page</p> | |
| </footer> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>Gallery</title> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body> | |
| <header> | |
| <h1>AI Gallery</h1> | |
| <nav> | |
| <a href="index.html">Home</a> | |
| <a href="about.html">About AI</a> | |
| <a href="gallery.html">Gallery</a> | |
| <a href="creativity.html">Student Creativity</a> | |
| </nav> | |
| </header> | |
| <section class="gallery"> | |
| <img src="https://images.unsplash.com/photo-1516321318423-f06f85e504b3?q=80&w=1200&auto=format&fit=crop" alt="AI 1"> | |
| <img src="https://images.unsplash.com/photo-1526374965328-7f61d4dc18c5?q=80&w=1200&auto=format&fit=crop" alt="AI 2"> | |
| <img src="https://images.unsplash.com/photo-1518770660439-4636190af475?q=80&w=1200&auto=format&fit=crop" alt="AI 3"> | |
| </section> | |
| <section> | |
| <h2>Feedback Form</h2> | |
| <!-- Replace the link below with your own Google Form link --> | |
| <iframe | |
| src="https://docs.google.com/forms/d/e/1FAIpQLSfD9-example/viewform?embedded=true" | |
| width="640" | |
| height="800" | |
| frameborder="0"> | |
| Loading… | |
| </iframe> | |
| </section> | |
| <footer> | |
| <p>AI Gallery Page</p> | |
| </footer> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <title>AI Technology</title> | |
| <link rel="stylesheet" href="style.css"> | |
| </head> | |
| <body> | |
| <header> | |
| <h1>AI Technology</h1> | |
| <nav> | |
| <a href="index.html">Home</a> | |
| <a href="about.html">About AI</a> | |
| <a href="gallery.html">Gallery</a> | |
| <a href="creativity.html">Student Creativity</a> | |
| </nav> | |
| </header> | |
| <section class="hero"> | |
| <h2>Welcome to the Future of Technology</h2> | |
| <p>Artificial Intelligence is changing the world through smart machines and automation.</p> | |
| <img src="https://images.unsplash.com/photo-1485827404703-89b55fcc595e?q=80&w=1200&auto=format&fit=crop" alt="AI Image"> | |
| </section> | |
| <section> | |
| <h2>Introduction Video</h2> | |
| <iframe width="560" height="315" | |
| src="https://www.youtube.com/embed/2ePf9rue1Ao" | |
| title="YouTube video player" | |
| frameborder="0" allowfullscreen> | |
| </iframe> | |
| </section> | |
| <footer> | |
| <p>Created for School Computer Project</p> | |
| </footer> | |
| </body> | |
| </html> |
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| body { | |
| nav { | |
| margin-top: 10px; | |
| } | |
| nav a { | |
| color: white; | |
| margin: 0 15px; | |
| text-decoration: none; | |
| font-weight: bold; | |
| } | |
| nav a:hover { | |
| color: yellow; | |
| } | |
| section { | |
| padding: 20px; | |
| text-align: center; | |
| } | |
| .hero img, | |
| .gallery img { | |
| width: 80%; | |
| max-width: 700px; | |
| border-radius: 10px; | |
| margin-top: 15px; | |
| } | |
| .gallery { | |
| display: flex; | |
| flex-direction: column; | |
| align-items: center; | |
| gap: 20px; | |
| } | |
| iframe { | |
| max-width: 100%; | |
| border-radius: 10px; | |
| } | |
| form { | |
| background: white; | |
| padding: 20px; | |
| max-width: 400px; | |
| margin: auto; | |
| border-radius: 10px; | |
| box-shadow: 0 0 10px rgba(0,0,0,0.1); | |
| } | |
| input, button { | |
| padding: 10px; | |
| width: 90%; | |
| } | |
| button { | |
| background: #1f3c88; | |
| color: white; | |
| border: none; | |
| cursor: pointer; | |
| } | |
| button:hover { | |
| background: #162d66; | |
| } | |
| footer { | |
| background: #222; | |
| color: white; | |
| text-align: center; | |
| padding: 10px; | |
| margin-top: 20px; | |
| } |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment