T-Python-16-Feb-26 · norahseedw-cloud · Mar 23, 2026 · Mar 26, 2026 · Mar 26, 2026 · Mar 28, 2026
diff --git a/article/ai/image/AI header1.jpg b/article/ai/image/AI header1.jpg
diff --git a/article/ai/image/Ai.avif b/article/ai/image/Ai.avif
diff --git a/article/ai/image/E-commerce.png b/article/ai/image/E-commerce.png
diff --git a/article/ai/image/education.png b/article/ai/image/education.png
diff --git a/article/ai/image/gaming.png b/article/ai/image/gaming.png
diff --git a/article/ai/image/health.png b/article/ai/image/health.png
diff --git a/article/ai/image/logo_Ai.png b/article/ai/image/logo_Ai.png
diff --git a/article/ai/image/robot.png b/article/ai/image/robot.png
diff --git a/article/ai/image/transportation.png b/article/ai/image/transportation.png
diff --git a/article/ai/index.html b/article/ai/index.html
@@ -0,0 +1,174 @@
+<!DOCTYPE html>
+<html>
+  <html lang="en">
+    <head>
+        <title>AI Revolution</title>
+       <!-- <link rel="icon" type="image/x-icon" href="image/logo_Ai.png">-->
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <link rel="stylesheet" href="style-Ai.css">
+        <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css" rel="stylesheet">
+        <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600;700&family=Inter:wght@400;500&display=swap" rel="stylesheet">
+    </head>
+    <body>
+        <header id="home" role="banner">
+
+    <div class="top-bar">
+        <img src="image/logo_Ai.png" alt="logo Ai" width="90px">
+        <h2>AI Revolution</h2>
+        <nav role="navigation">
+            <a href="#about">About</a>
+            <a href="#apps">Applications</a>
+            <a href="#daily">Daily Life</a>
+            <a href="#future">Future</a>
+        </nav>
+    </div>
+
+    <div class="hero-text">
+        <h1>AI Revolution</h1>
+<p>The Future of Technology</p>
+<p>Discover how artificial intelligence is changing the way we live, work, and think.</p>
+    </div>
+
+</header>
+<main>
+<section class="about" id="about">
+
+  <h1>About AI</h1>
+
+  <div class="about-box">
+    <h3>What is AI?</h3>
+    <p>Artificial Intelligence (AI) is the ability of machines to think and learn like humans.</p>
+  </div>
+
+  <div class="about-box">
+    <h3>Why is AI Important?</h3>
+    <p>AI helps improve efficiency, save time, and solve complex problems in many fields.</p>
+  </div>
+
+  <div class="about-box">
+    <h3>How is AI Used?</h3>
+    <p>AI is used in healthcare, education, transportation, and many daily applications.</p>
+  </div>
+
+</section>
+<section id="apps" class="apps">
+    <h2>Applications</h2>
+
+    <div class="cards">
+
+  <div class="card">
+    <img src="image/health.png" alt="AI helping doctors in healthcare">
+    <h3>Healthcare</h3>
+    <p>AI helps doctors diagnose diseases and improve patient care.</p>
+  </div>
+
+  <div class="card">
+    <img src="image/education.png" alt="AI used in education for learning">
+    <h3>Education</h3>
+    <p>AI helps students learn faster with smart tools.</p>
+  </div>
+
+  <div class="card">
+    <img src="image/robot.png" alt="Robots powered by artificial intelligence">
+    <h3>Robots</h3>
+    <p>AI is used in robots to perform tasks automatically.</p>
+  </div>
+
+
+  <div class="card">
+    <img src="image/transportation.png" alt="AI in smart transportation and self driving cars">
+    <h3>Transportation</h3>
+    <p>AI helps in self-driving cars and smart traffic management.</p>
+  </div>
+
+  <div class="card">
+    <img src="image/gaming.png" alt="AI improving gaming experience">
+    <h3>Gaming</h3>
+    <p>AI improves game characters and creates smarter gameplay.</p>
+  </div>
+
+  <div class="card">
+    <img src="image/E-commerce.png" alt="AI used in online shopping recommendation">
+    <h3>E-commerce</h3>
+    <p>AI suggests products and improves online shopping experience.</p>
+  </div>
+
+</div>
+</section>
+<section id="daily" class="daily">
+
+  <h2>AI in Daily Life</h2>
+
+  <div class="daily-cards">
+
+    <div class="daily-card">
+      <div class="icon">📱</div>
+      <h3>Smartphones</h3>
+      <p>AI powers voice assistants and camera features.</p>
+    </div>
+
+    <div class="daily-card">
+      <div class="icon">🛍️</div>
+      <h3>Shopping</h3>
+      <p>AI suggests products based on your interests.</p>
+    </div>
+
+    <div class="daily-card">
+      <div class="icon">🗺️</div>
+      <h3>Maps</h3>
+      <p>AI finds the fastest routes and avoids traffic.</p>
+    </div>
+
+    <div class="daily-card">
+    <div class="icon">🎬</div>
+    <h3>Entertainment</h3>
+    <p>AI recommends movies and music based on your interests.</p>
+    </div>
+
+    <div class="daily-card">
+    <div class="icon">🔒</div>
+    <h3>Security</h3>
+    <p>AI helps detect threats and protect personal data.</p>
+    </div>
+
+    <div class="daily-card">
+    <div class="icon">🏠</div>
+    <h3>Smart Homes</h3>
+    <p>AI controls lights, temperature, and home devices automatically.</p>
+    </div>
+
+  </div>
+  <section id="future" class="future">
+
+  <h2>The Future of AI</h2>
+
+  <div class="future-container">
+
+    <div class="future-box">
+      <h3>🤖 Advanced Robots</h3>
+      <p>Robots will become more intelligent and help in daily tasks.</p>
+    </div>
+
+    <div class="future-box">
+      <h3>🏠 Smart Cities</h3>
+      <p>AI will manage traffic, energy, and public services efficiently.</p>
+    </div>
+
+    <div class="future-box">
+      <h3>🧠 Human-AI Interaction</h3>
+      <p>AI will understand humans better and improve communication.</p>
+    </div>
+
+  </div>
+
+</section>
+</section>
+
+</main>
+<footer role="contentinfo">
+    <p>© 2026 AI Revolution</p>
+</footer>
+
+    </body>
+</html>