diff --git a/ai_ethics.html b/ai_ethics.html new file mode 100644 index 0000000..dc136b0 --- /dev/null +++ b/ai_ethics.html @@ -0,0 +1,30 @@ + + + + + + AI Ethics - AI Learning Hub + + + +
+

AI Ethics

+ +
+
+
+
+

Understanding AI Ethics

+

AI Ethics is a branch of ethics that examines the moral implications of artificial intelligence systems. It aims to guide the responsible development and deployment of AI technologies to ensure they benefit humanity and avoid harm.

+

Key concerns include bias in algorithms, job displacement, privacy, and the accountability of AI decision-making.

+
+
+
+ + + + diff --git a/computer_vision.html b/computer_vision.html new file mode 100644 index 0000000..1b0d9d3 --- /dev/null +++ b/computer_vision.html @@ -0,0 +1,30 @@ + + + + + + Computer Vision - AI Learning Hub + + + +
+

Computer Vision

+ +
+
+
+
+

What is Computer Vision?

+

Computer Vision is a field of artificial intelligence (AI) that enables computers and systems to derive meaningful information from digital images, videos, and other visual inputs — and take actions or make recommendations based on that information.

+

Applications include image recognition, object detection, facial recognition, and autonomous vehicles.

+
+
+
+ + + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..1e9ef80 --- /dev/null +++ b/index.html @@ -0,0 +1,35 @@ + + + + + + AI Learning Hub + + + +
+

Welcome to the AI Learning Hub

+ +
+
+
+

This platform is designed to help you learn about Artificial Intelligence (AI). AI is a branch of computer science that deals with the creation of intelligent agents, which are systems that can reason, learn, and act autonomously.

+
+

Explore AI Topics

+ +
+
+
+ + + + diff --git a/machine_learning.html b/machine_learning.html new file mode 100644 index 0000000..4db5881 --- /dev/null +++ b/machine_learning.html @@ -0,0 +1,30 @@ + + + + + + Machine Learning - AI Learning Hub + + + +
+

Machine Learning

+ +
+
+
+
+

What is Machine Learning?

+

Machine Learning (ML) is a subset of artificial intelligence (AI) that focuses on building systems that learn from data. Instead of being explicitly programmed for a specific task, ML algorithms use historical data as input to predict new output values.

+

Key areas include supervised learning, unsupervised learning, and reinforcement learning.

+
+
+
+ + + + diff --git a/natural_language_processing.html b/natural_language_processing.html new file mode 100644 index 0000000..291085e --- /dev/null +++ b/natural_language_processing.html @@ -0,0 +1,30 @@ + + + + + + Natural Language Processing - AI Learning Hub + + + +
+

Natural Language Processing

+ +
+
+
+
+

What is Natural Language Processing?

+

Natural Language Processing (NLP) is a field of artificial intelligence (AI) that enables computers to understand, interpret, and generate human language. It bridges the gap between human communication and computer understanding.

+

NLP is used in applications like chatbots, language translation, sentiment analysis, and speech recognition.

+
+
+
+ + + + diff --git a/script.js b/script.js new file mode 100644 index 0000000..e69de29 diff --git a/style.css b/style.css new file mode 100644 index 0000000..17dd8db --- /dev/null +++ b/style.css @@ -0,0 +1,99 @@ +/* General Body Styles */ +body { + font-family: sans-serif; + line-height: 1.6; + margin: 0; + padding: 0; + background-color: #f4f4f4; + color: #333; +} + +.container { + width: 80%; + margin: auto; + overflow: hidden; + padding: 0 20px; +} + +/* Header Styles */ +header { + background: #333; + color: #fff; + padding-top: 30px; + min-height: 70px; + border-bottom: #0779e4 3px solid; +} + +header h1 { + text-align: center; + margin: 0; + font-size: 24px; + text-transform: uppercase; +} + +/* Navigation Styles */ +nav { + margin-top: 10px; + text-align: center; /* Center nav for index page */ +} + +nav ul { + padding: 0; + list-style: none; +} + +nav ul li { + display: inline; /* For horizontal menu on index page */ + margin: 0 15px; +} + +nav a { + color: #fff; + text-decoration: none; + font-size: 18px; +} + +nav a:hover { + color: #0779e4; + font-weight: bold; +} + +/* Styles for navigation within section pages (if different) */ +/* Assuming section pages might have a simpler nav, e.g., just a 'Home' link */ +/* Header nav in section pages might be simpler, adjust if needed */ +/* For now, the general 'nav a' styles will apply. */ +/* If section page nav is within the header, it will inherit header background */ + + +/* Main Content Styles */ +main { + padding: 20px 0; +} + +main .container { /* To center content within main */ + background: #fff; + padding: 20px; + border-radius: 5px; +} + + +article { + margin-bottom: 20px; + padding-bottom: 20px; + border-bottom: 1px #ccc dotted; +} + +article h2 { + color: #333; +} + +/* Footer Styles */ +footer { + text-align: center; + padding: 20px; + margin-top: 20px; + color: #fff; + background-color: #333; +} + +/* Utility classes (if any planned, e.g., for buttons, can be added later) */