Skip to content

mini projects #2

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
Abdulmjeed-prog wants to merge 8 commits into
base: main
Choose a base branch
from
Open

mini projects #2

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
7786726
table
Abdulmjeed-prog Mar 18, 2026
27d3815
intorduction
Abdulmjeed-prog Mar 21, 2026
778c19d
style for html page
Abdulmjeed-prog Mar 23, 2026
5feca7e
cv
Abdulmjeed-prog Mar 28, 2026
2569620
text
Abdulmjeed-prog Mar 28, 2026
31c5a1e
comment
Abdulmjeed-prog Mar 28, 2026
a585539
dashboard
Abdulmjeed-prog Mar 31, 2026
6d3bd9c
small fixes
Abdulmjeed-prog Mar 31, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
143 changes: 143 additions & 0 deletions article/ai/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,143 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>The AI Revolution</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<header class="site-header">
<div class="logo">AI<span>Revolution</span></div>
<nav class="site-nav">
<ul>
<li><a href="#overview">Overview</a></li>
<li><a href="#benefits">Benefits</a></li>
<li><a href="#risks">Risks</a></li>
<li><a href="#future">Future</a></li>
</ul>
</nav>
</header>

<main class="layout">
<article class="ai-article">
<header class="article-header">
<p class="tag">Featured Article</p>
<h1>The AI Revolution</h1>
<p class="meta">
<time datetime="2026-03-24">March 24, 2026</time> ·
<span>By Abdulmjeed</span>
</p>
</header>

<section class="hero" id="overview">
<div class="hero-text">
<p>
Artificial intelligence is moving from research labs into everyday life,
transforming how we work, learn, and build software.
</p>
<p>
This article explores what the AI revolution means for developers, businesses,
and society in the coming decade.
</p>
</div>
<figure class="hero-media">
<img
src="https://images.unsplash.com/photo-1518770660439-4636190af475?auto=format&fit=crop&w=1200&q=80"
alt="Abstract representation of artificial intelligence"
/>
<figcaption>AI systems are now embedded in tools we use daily.</figcaption>
</figure>
</section>

<section class="content-grid">
<article class="content-block" id="benefits">
<h2>Why AI Matters</h2>
<p>
AI systems can analyze vast amounts of data, automate repetitive work, and
help humans make more informed decisions.
</p>
<ul>
<li>Faster experimentation and prototyping.</li>
<li>Smarter search, recommendations, and personalization.</li>
<li>New products that were not possible before.</li>
</ul>
</article>

<article class="content-block" id="risks">
<h2>Risks and Responsibilities</h2>
<p>
With more power comes more responsibility, especially around privacy,
security, bias, and job displacement.
</p>
<p>
Teams need clear guidelines, transparent models where possible, and a process
for monitoring how AI is used in production.
</p>
</article>

<article class="content-block" id="future">
<h2>The Future for Developers</h2>
<p>
For developers, AI is becoming a core tool rather than a niche specialty.
Understanding prompts, APIs, and integration patterns will be as important
as knowing a framework.
</p>
<p>
The best engineers will combine solid fundamentals with the ability to design
human‑centered AI experiences.
</p>
</article>
</section>

<section class="media-section">
<h2>Watch: AI in 5 Minutes</h2>
<p>
This short video gives a high‑level overview of how modern AI systems work
and where they’re used today.
</p>
<div class="responsive-video">
<iframe
src="https://www.youtube.com/embed/2ePf9rue1Ao"
title="AI Revolution Overview"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
allowfullscreen
></iframe>
</div>
</section>

<footer class="article-footer">
<p>
Want to explore more? Start by building a small project that uses an AI API,
such as a chatbot or content generator.
</p>
</footer>
</article>

<aside class="sidebar">
<section class="sidebar-section">
<h2>Key Terms</h2>
<ul>
<li><strong>ML</strong> – Machine learning models that learn from data.</li>
<li><strong>LLM</strong> – Large language model (like modern chatbots).</li>
<li><strong>Inference</strong> – Running a trained model on new input.</li>
</ul>
</section>

<section class="sidebar-section">
<h2>Related Links</h2>
<ul>
<li><a href="#">Intro to Machine Learning</a></li>
<li><a href="#">Building with AI APIs</a></li>
<li><a href="#">AI Ethics and Safety</a></li>
</ul>
</section>
</aside>
</main>

<footer class="site-footer">
<p>&copy; 2026 AIRevolution. All rights reserved.</p>
</footer>
</body>
</html>
Loading