diff --git a/HtmlCssProject/HtmlCssProject/__init__.py b/HtmlCssProject/HtmlCssProject/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/HtmlCssProject/HtmlCssProject/asgi.py b/HtmlCssProject/HtmlCssProject/asgi.py
new file mode 100644
index 0000000..400c085
--- /dev/null
+++ b/HtmlCssProject/HtmlCssProject/asgi.py
@@ -0,0 +1,16 @@
+"""
+ASGI config for HtmlCssProject project.
+
+It exposes the ASGI callable as a module-level variable named ``application``.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/5.1/howto/deployment/asgi/
+"""
+
+import os
+
+from django.core.asgi import get_asgi_application
+
+os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'HtmlCssProject.settings')
+
+application = get_asgi_application()
diff --git a/HtmlCssProject/HtmlCssProject/settings.py b/HtmlCssProject/HtmlCssProject/settings.py
new file mode 100644
index 0000000..9114724
--- /dev/null
+++ b/HtmlCssProject/HtmlCssProject/settings.py
@@ -0,0 +1,124 @@
+"""
+Django settings for HtmlCssProject project.
+
+Generated by 'django-admin startproject' using Django 5.1.2.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/5.1/topics/settings/
+
+For the full list of settings and their values, see
+https://docs.djangoproject.com/en/5.1/ref/settings/
+"""
+
+from pathlib import Path
+
+# Build paths inside the project like this: BASE_DIR / 'subdir'.
+BASE_DIR = Path(__file__).resolve().parent.parent
+
+
+# Quick-start development settings - unsuitable for production
+# See https://docs.djangoproject.com/en/5.1/howto/deployment/checklist/
+
+# SECURITY WARNING: keep the secret key used in production secret!
+SECRET_KEY = 'django-insecure-(#eq-azpm^i1i8r57c^n4e5)l0*0^hnl%-j0towp%a_7(%*!$v'
+
+# SECURITY WARNING: don't run with debug turned on in production!
+DEBUG = True
+
+ALLOWED_HOSTS = []
+
+
+# Application definition
+
+INSTALLED_APPS = [
+ 'django.contrib.admin',
+ 'django.contrib.auth',
+ 'django.contrib.contenttypes',
+ 'django.contrib.sessions',
+ 'django.contrib.messages',
+ 'django.contrib.staticfiles',
+ 'Learn',
+]
+
+MIDDLEWARE = [
+ 'django.middleware.security.SecurityMiddleware',
+ 'django.contrib.sessions.middleware.SessionMiddleware',
+ 'django.middleware.common.CommonMiddleware',
+ 'django.middleware.csrf.CsrfViewMiddleware',
+ 'django.contrib.auth.middleware.AuthenticationMiddleware',
+ 'django.contrib.messages.middleware.MessageMiddleware',
+ 'django.middleware.clickjacking.XFrameOptionsMiddleware',
+]
+
+ROOT_URLCONF = 'HtmlCssProject.urls'
+
+TEMPLATES = [
+ {
+ 'BACKEND': 'django.template.backends.django.DjangoTemplates',
+ 'DIRS': [],
+ 'APP_DIRS': True,
+ 'OPTIONS': {
+ 'context_processors': [
+ 'django.template.context_processors.debug',
+ 'django.template.context_processors.request',
+ 'django.contrib.auth.context_processors.auth',
+ 'django.contrib.messages.context_processors.messages',
+ ],
+ },
+ },
+]
+
+WSGI_APPLICATION = 'HtmlCssProject.wsgi.application'
+
+
+# Database
+# https://docs.djangoproject.com/en/5.1/ref/settings/#databases
+
+DATABASES = {
+ 'default': {
+ 'ENGINE': 'django.db.backends.sqlite3',
+ 'NAME': BASE_DIR / 'db.sqlite3',
+ }
+}
+
+
+# Password validation
+# https://docs.djangoproject.com/en/5.1/ref/settings/#auth-password-validators
+
+AUTH_PASSWORD_VALIDATORS = [
+ {
+ 'NAME': 'django.contrib.auth.password_validation.UserAttributeSimilarityValidator',
+ },
+ {
+ 'NAME': 'django.contrib.auth.password_validation.MinimumLengthValidator',
+ },
+ {
+ 'NAME': 'django.contrib.auth.password_validation.CommonPasswordValidator',
+ },
+ {
+ 'NAME': 'django.contrib.auth.password_validation.NumericPasswordValidator',
+ },
+]
+
+
+# Internationalization
+# https://docs.djangoproject.com/en/5.1/topics/i18n/
+
+LANGUAGE_CODE = 'en-us'
+
+TIME_ZONE = 'UTC'
+
+USE_I18N = True
+
+USE_TZ = True
+
+
+# Static files (CSS, JavaScript, Images)
+# https://docs.djangoproject.com/en/5.1/howto/static-files/
+
+STATIC_URL = 'static/'
+
+# Default primary key field type
+# https://docs.djangoproject.com/en/5.1/ref/settings/#default-auto-field
+
+DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'
diff --git a/HtmlCssProject/HtmlCssProject/urls.py b/HtmlCssProject/HtmlCssProject/urls.py
new file mode 100644
index 0000000..d9b42db
--- /dev/null
+++ b/HtmlCssProject/HtmlCssProject/urls.py
@@ -0,0 +1,23 @@
+"""
+URL configuration for HtmlCssProject project.
+
+The `urlpatterns` list routes URLs to views. For more information please see:
+ https://docs.djangoproject.com/en/5.1/topics/http/urls/
+Examples:
+Function views
+ 1. Add an import: from my_app import views
+ 2. Add a URL to urlpatterns: path('', views.home, name='home')
+Class-based views
+ 1. Add an import: from other_app.views import Home
+ 2. Add a URL to urlpatterns: path('', Home.as_view(), name='home')
+Including another URLconf
+ 1. Import the include() function: from django.urls import include, path
+ 2. Add a URL to urlpatterns: path('blog/', include('blog.urls'))
+"""
+from django.contrib import admin
+from django.urls import path, include
+
+urlpatterns = [
+ path('admin/', admin.site.urls),
+ path('', include("Learn.urls"))
+]
diff --git a/HtmlCssProject/HtmlCssProject/wsgi.py b/HtmlCssProject/HtmlCssProject/wsgi.py
new file mode 100644
index 0000000..90fbe6f
--- /dev/null
+++ b/HtmlCssProject/HtmlCssProject/wsgi.py
@@ -0,0 +1,16 @@
+"""
+WSGI config for HtmlCssProject project.
+
+It exposes the WSGI callable as a module-level variable named ``application``.
+
+For more information on this file, see
+https://docs.djangoproject.com/en/5.1/howto/deployment/wsgi/
+"""
+
+import os
+
+from django.core.wsgi import get_wsgi_application
+
+os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'HtmlCssProject.settings')
+
+application = get_wsgi_application()
diff --git a/HtmlCssProject/Learn/__init__.py b/HtmlCssProject/Learn/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/HtmlCssProject/Learn/admin.py b/HtmlCssProject/Learn/admin.py
new file mode 100644
index 0000000..8c38f3f
--- /dev/null
+++ b/HtmlCssProject/Learn/admin.py
@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.
diff --git a/HtmlCssProject/Learn/apps.py b/HtmlCssProject/Learn/apps.py
new file mode 100644
index 0000000..149285f
--- /dev/null
+++ b/HtmlCssProject/Learn/apps.py
@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class LearnConfig(AppConfig):
+ default_auto_field = 'django.db.models.BigAutoField'
+ name = 'Learn'
diff --git a/HtmlCssProject/Learn/migrations/__init__.py b/HtmlCssProject/Learn/migrations/__init__.py
new file mode 100644
index 0000000..e69de29
diff --git a/HtmlCssProject/Learn/models.py b/HtmlCssProject/Learn/models.py
new file mode 100644
index 0000000..71a8362
--- /dev/null
+++ b/HtmlCssProject/Learn/models.py
@@ -0,0 +1,3 @@
+from django.db import models
+
+# Create your models here.
diff --git a/HtmlCssProject/Learn/static/images/AI_Revolution.png b/HtmlCssProject/Learn/static/images/AI_Revolution.png
new file mode 100644
index 0000000..ccfb4c9
Binary files /dev/null and b/HtmlCssProject/Learn/static/images/AI_Revolution.png differ
diff --git a/HtmlCssProject/Learn/static/images/My pic.jpg b/HtmlCssProject/Learn/static/images/My pic.jpg
new file mode 100644
index 0000000..736f0ac
Binary files /dev/null and b/HtmlCssProject/Learn/static/images/My pic.jpg differ
diff --git a/HtmlCssProject/Learn/static/images/National day pic.jpg b/HtmlCssProject/Learn/static/images/National day pic.jpg
new file mode 100644
index 0000000..69a1c6e
Binary files /dev/null and b/HtmlCssProject/Learn/static/images/National day pic.jpg differ
diff --git a/HtmlCssProject/Learn/templates/Learn/IntroToHtml.html b/HtmlCssProject/Learn/templates/Learn/IntroToHtml.html
new file mode 100644
index 0000000..5bcec57
--- /dev/null
+++ b/HtmlCssProject/Learn/templates/Learn/IntroToHtml.html
@@ -0,0 +1,100 @@
+{% load static %}
+
+
+
+ HTML Introduction
+
+
+
+
+
+ Please Up Fill The Survey
+
+
+
+ The regions of Saudia Arabia:
+
+
+ Regions |
+
+ Riyadh |
+
+
+ Makkah |
+
+
+ Madinah |
+
+
+ Qasim |
+
+
+ Sharqiyah |
+
+
+ Asir |
+
+
+ Tabouk |
+
+
+ Haail |
+
+
+ ash-Shamaliyah |
+
+
+ Jizan |
+
+
+ Najran |
+
+
+ Bahah |
+
+
+ Jawf |
+
+
+
+ Which region in the Saudia Arabia are you from?
+
+
+
+
+
\ No newline at end of file
diff --git a/HtmlCssProject/Learn/templates/Learn/aiArticle.html b/HtmlCssProject/Learn/templates/Learn/aiArticle.html
new file mode 100644
index 0000000..95aee13
--- /dev/null
+++ b/HtmlCssProject/Learn/templates/Learn/aiArticle.html
@@ -0,0 +1,99 @@
+{% load static %}
+
+
+
+AI Article
+
+
+
+
+

+
AI Revolution!
+
+ The Beginning of chat GPT
+ ChatGPT was launched by OpenAI in November 2022,
+ marking an important step in the AI revolution.
+ It impressed users with its ability to hold natural conversations,
+ making it useful for customer service,
+ content creation, and education.
+ People reacted positively,
+ praising its versatility,
+ but some raised concerns about misuse and ethics.
+ This mix of excitement and caution
+ has led to important conversations
+ about how AI will shape our future
+ and change the way we communicate and work.
+
+
+
+ The Rise of Chatbots following ChatGPT Revolution
+ After ChatGPT was launched,
+ many new chatbots started to appear,
+ inspired by its success.
+ Companies began creating their own AI tools for customer support,
+ content generation, and personal assistance.
+ This growth has pushed the AI revolution forward,
+ making these technologies more accessible.
+ People have reacted positively,
+ enjoying the improved features and personalized experiences,
+ but some still worry about quality and ethical issues.
+ This ongoing development shows the excitement over AI advancements
+ while highlighting the need to think carefully about their impact on society.
+
+
+
+ Tesla's 2024 AI Robots. Transforming the Future of Work!
+ In 2024,
+ Elon Musk's Tesla unveiled new AI robots,
+ especially the Tesla Bot,
+ designed to help with tasks in factories and homes.
+ These robots aim to boost productivity by working alongside people.
+ Their impact on the AI revolution is notable,
+ pushing the limits of what robots can do in everyday life.
+ People have reacted with both excitement and concern,
+ many look forward to the benefits of increased efficiency,
+ while others worry about job loss and ethical issues.
+ This development shows the promise of AI while highlighting the need for careful use.
+
+
+
+
\ No newline at end of file
diff --git a/HtmlCssProject/Learn/templates/Learn/introToCss.html b/HtmlCssProject/Learn/templates/Learn/introToCss.html
new file mode 100644
index 0000000..99a9306
--- /dev/null
+++ b/HtmlCssProject/Learn/templates/Learn/introToCss.html
@@ -0,0 +1,135 @@
+{% load static %}
+
+
+
+CSS Intriduction
+
+
+
+
+

+
+
+
+
+
+
\ No newline at end of file
diff --git a/HtmlCssProject/Learn/templates/Learn/myCV.html b/HtmlCssProject/Learn/templates/Learn/myCV.html
new file mode 100644
index 0000000..c6e0174
--- /dev/null
+++ b/HtmlCssProject/Learn/templates/Learn/myCV.html
@@ -0,0 +1,130 @@
+{% load static %}
+
+
+
+Osama's Resume
+
+
+
+
+

+
OSAMA FAHAD BIN KHUNAIZAN
+
+
+
+
+
CONTACT ME
+
+ - +966 500426237
+ - osama.binfahad70@gmail.com
+
+
+
PROFILE
+
I am passionate about web development.
+
+
SKILLS
+
+ - Java Programming
+ - Python Programming
+ - Object Oriented Programming
+ -
+ Machine Learning
+
+ - Regression
+ - Classification
+ - Clustering
+ - Anomaly Detection
+ - Neural Networks
+
+
+ - Django Frame
+ - Cloud Engineer
+ - HTML/CSS
+ - Git-GitHub
+ - Microsoft Applications
+
+
+
+
+
EDUCATION
+
King Saud University
+ 2020
+ College of Computer and Information Sciences
+ Bachelors degree in Computer Science
+
+
CERTIFICATIONs
+
MACHINE LEARNING SPECIALIZATION
+
+ - Offered in Coursera platform by Stanford University.
+
- About Supervised and Unsupervised Learning.
+
+
+
ACA - ALIBABA CLOUD ASSOCIATE
+
+ - Offered in Tuwaiq Academy.
+
+
+
COURSERs
+
Web Development Using Python BOOT CAMP
+
+ - Offered in Tuwaiq Academy.
+
- About Full Stack Development Using Django.
+
+
+
PROJECTs
+
Real Estate Price Prediction Project
+
+ - Developed a Python-based application.
+
- Clustering, Anomaly Detection, Classification
+ and Regression Algorithms.
+
+
+
Saudi Date Fruit Image Classification
+
+ - Convolutional Neural Network Algorithm (CNN).
+
+
+
+
+
+
\ No newline at end of file
diff --git a/HtmlCssProject/Learn/tests.py b/HtmlCssProject/Learn/tests.py
new file mode 100644
index 0000000..7ce503c
--- /dev/null
+++ b/HtmlCssProject/Learn/tests.py
@@ -0,0 +1,3 @@
+from django.test import TestCase
+
+# Create your tests here.
diff --git a/HtmlCssProject/Learn/urls.py b/HtmlCssProject/Learn/urls.py
new file mode 100644
index 0000000..daa4c39
--- /dev/null
+++ b/HtmlCssProject/Learn/urls.py
@@ -0,0 +1,12 @@
+from django.urls import path
+from . import views
+
+app_name = 'Learn'
+
+urlpatterns = [
+ path("", views.welcome, name="welcome"),
+ path("html/introduction/", views.html_intro, name="html_intro"),
+ path("css/introduction/", views.css_intro, name="css_intro"),
+ path("article/ai/", views.ai_article, name="ai_article"),
+ path("careers/cv/", views.my_cv, name="my_cv")
+]
\ No newline at end of file
diff --git a/HtmlCssProject/Learn/views.py b/HtmlCssProject/Learn/views.py
new file mode 100644
index 0000000..80cf783
--- /dev/null
+++ b/HtmlCssProject/Learn/views.py
@@ -0,0 +1,18 @@
+from django.shortcuts import render
+from django.http import HttpRequest, HttpResponse
+
+def welcome(request: HttpRequest):
+ return HttpResponse("WELCOME")
+
+def html_intro(request: HttpRequest):
+ return render(request, "Learn/introToHtml.html")
+
+def css_intro(request: HttpRequest):
+ return render(request, "Learn/introToCss.html")
+
+def ai_article(request: HttpRequest):
+ return render(request, "Learn/aiArticle.html")
+
+def my_cv(request: HttpRequest):
+ return render(request, "Learn/myCV.html")
+
diff --git a/HtmlCssProject/manage.py b/HtmlCssProject/manage.py
new file mode 100644
index 0000000..e43c363
--- /dev/null
+++ b/HtmlCssProject/manage.py
@@ -0,0 +1,22 @@
+#!/usr/bin/env python
+"""Django's command-line utility for administrative tasks."""
+import os
+import sys
+
+
+def main():
+ """Run administrative tasks."""
+ os.environ.setdefault('DJANGO_SETTINGS_MODULE', 'HtmlCssProject.settings')
+ try:
+ from django.core.management import execute_from_command_line
+ except ImportError as exc:
+ raise ImportError(
+ "Couldn't import Django. Are you sure it's installed and "
+ "available on your PYTHONPATH environment variable? Did you "
+ "forget to activate a virtual environment?"
+ ) from exc
+ execute_from_command_line(sys.argv)
+
+
+if __name__ == '__main__':
+ main()