Skip to content

mini project done #17

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
Reem-Fawaz-Alotaibi wants to merge 4 commits into
base: main
Choose a base branch
from
Open

mini project done #17

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
ea3d576
project done
Reem-Fawaz-Alotaibi Mar 31, 2026
8e01ed5
project done
Reem-Fawaz-Alotaibi Mar 31, 2026
f9d05f6
project done
Reem-Fawaz-Alotaibi Mar 31, 2026
282ed90
project done
Reem-Fawaz-Alotaibi 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
Binary file added article/ai/2.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
235 changes: 235 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,235 @@
<!DOCTYPE html>
<html lang="en">

<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>AI Revolution</title>
<link rel="stylesheet" href="style.css">
<link href="https://fonts.googleapis.com/css2?family=Libre+Franklin:wght@300;400;600;700;900&display=swap"
rel="stylesheet">
</head>

<body>

<div class="top-bar">
<div class="nav-container">
<div class="logo">AI Revolution </div>
</div>
</div>

<main class="article-container">

<section class="intro-grid">
<div class="column-left">
<!--start intro -->
<p class="intro">
<span class="intro-span">T</span> he AI revolution drives the fourth industrial revolution. It
transforms business operations worldwide. AI executes tasks that traditionally require human-level
intelligence. This revolution significantly impacts productivity across all industries.
The AI revolution also changes how organizations collect and process data. It
transforms business operations in every sector. Three major aspects support AI systems: domain
knowledge, data generation, and machine learning..
</p>
<!--end intro -->

<!--start first section -->

<h2 id="intro" class="section-title">Core Components of the AI Revolution</h2>
<p>Domain knowledge represents understanding of real-world scenarios. It
explains why and how we
engineer specific tasks. The data aspect prepares databases for learning algorithms. Machine
learning detects patterns from training data and performs tasks without explicit programming.</p>

<div id="Components" class="Components-section">
<h3 class="Components-main-title">Three Key Attributes of AI Technology </h3>


<div class="Components-block">
<h4>Data Generation:</h4>
<p>Database preparation for algorithms</p>

</div>

<div class="Components-block">
<h4>Machine Learning: </h4>
<p>Pattern detection and autonomous task execution
</p>

</div>
<div class="Components-block">
<h4>Domain Knowledge:</h4>
<p>Real-world understanding and expertise</p>

</div>

</div>
<!--end first section -->

<!-- start paragrph -->
<h2 id="intro" class="section-title">Intelligent Decision Making

</h2>
<p>Machine intelligence simulation provides fast solutions to human problems. Advanced data analytics
and machine learning back AI systems. AI learns and gains insights from new data continuously.

Proper input enables AI to make prompt and accurate decisions. AI’s intelligence promotes
productivity and reduces human dependency. This makes AI highly autonomous and convenient.</p>

<h2 id="intro" class="section-title">Intentionality in AI Systems</h2>
<p>Intentionality derives from algorithms and knowledge engineering. This attribute enables AI to
deliver insights from real-time information. AI reacts similarly to its creators and users.

Responses reflect the social context of creators and users. Data ingestion, storage capacity, and
processing speed improvements enhance AI capabilities. AI responds to issues with increasing
sophistication.</p>

<h2 id="intro" class="section-title">Adaptability and Prediction </h2>
<p>Adaptability and Prediction
Machine learning helps AI discover data patterns. This enables AI to change as circumstances change.
Adaptability enhances AI’s prediction and decision-making capabilities.

Gmail’s Smart Compose feature demonstrates this adaptability. It offers personalized suggestions
while users type sentences. This shows how AI adapts to personal writing patterns.</p>

<h2 id="intro" class="section-title">The AI Revolution in Business </h2>
<p>
The AI revolution profoundly impacts business operations. Companies automate repetitive tasks
requiring minimal human input. Algorithm improvements expand AI beyond productivity enhancement.

AI becomes essential for customer engagement and service excellence. It drives innovation across
industries. Here are key scenarios showing business transformation.</p>

<h2 id="intro" class="section-title">Preparing for the Future</h2>
<p>
The AI revolution offers tremendous potential in our data-driven era. Business process automation
reduces internal stress and human dependency. It increases operational cost efficiency
simultaneously.

Machine learning enables intelligent approaches and drives business model evolution. Companies must
prepare for the AI revolution wave. They can leverage technology to achieve optimal operational
excellence.</p>


<!-- end paragrph -->
</div>


<!-- start right column -->
<div class="column-right">
<div class="side-image">
<img src="2.jpg" alt="AI Robot Concept">
</div>
<div class="side-intro">
<p>The AI Revolution is a transformative era that is redefining the boundaries of human capability.
It represents a fundamental shift in how we process information, solve problems, and interact
with the digital world. By integrating machine learning and intelligent algorithms into our
daily systems, this revolution is creating a smarter, faster, and more efficient future across
all industries.</p>
</div>

<div class="Impact-box">
<h3 class="box-title">Key Areas of Impact</h3>

<div class="impact-area">
<span class="area-label">Workforce & Education:</span>
<ul class="example-list">
<li><strong>Skill Augmentation:</strong>AI acts as a co-pilot, enhancing human capabilities.
</li>
<li><strong>Personalized Learning:</strong> Educational platforms adapt to each student's
unique pace and style.</li>
</ul>
</div>

<div class="impact-area">
<span class="area-label">Healthcare & Biotechnology:</span>
<ul class="example-list">

<li><strong>Predictive Diagnostics:</strong>AI analyzes patient history to predict health
risks
before symptoms appear.
</li>
<li><strong>Drug Discovery:</strong> Identifying new medicine at a fraction of traditional
costs
and time.</li>
</ul>
</div>

<div class="impact-area">
<span class="area-label">Security & Ethics:</span>
<ul class="example-list">

<li><strong>Threat Detection:</strong>Real-time monitoring of networks to identify and block
cyber-attacks.
</li>
<li><strong>Ethical Governance:</strong> Developing frameworks to ensure AI remains
transparent
and fair.</li>
</ul>
</div>

<div class="impact-area">
<span class="area-label">Industry & Logistics:</span>
<ul class="example-list">

<li><strong>Predictive Maintenance:</strong>Sensors predict machinery failure before it
happens
to save costs.
</li>
<li><strong>Supply Chain Optimization:</strong>AI calculates the fastest and most efficient
routes for global shipping.</li>
</ul>
</div>

<div class="impact-area">
<span class="area-label">Development & Creative Arts:</span>
<ul class="example-list">

<li><strong>Automated Coding:</strong>AI models can write, debug, and optimize software code
in
seconds.
</li>
<li><strong>Rapid Prototyping:</strong>Designers can turn simple ideas into interactive
UI/UX
mockups instantly.</li>
</ul>
</div>

</div>
</div>
<!-- end right column -->

</section>

</main>

<!-- start footer -->
<footer class="main-footer">
<div class="footer-container">
<div class="footer-section ">
<h2 class="footer-logo">AI <span>REVOLUTION</span></h2>
<p>Reshaping the logic of a new world.</p>
</div>



<div class="footer-section ">
<h4>Connect</h4>
<div class="social-icons">
<a href="https://www.linkedin.com/in/reemfawazalotaibi/">Linked<span>In</span></a>
<a href="https://discord.gg/av5KKYyQG">Dis<span>cord</span></a>
<a href="https://github.com/Reem-Fawaz-Alotaibi">Git<span>hub</span></a>

</div>
<p class="email">reemfawazalotaibi11@gmail.com</p>
</div>
</div>
<div class="footer-bottom">
&copy; 2026 Designed by Reem .
</div>
</footer>

<!-- end footer -->
</body>

</html>
Loading