done

ProjectHtmlCss/ProjectHtmlCss/asgi.py

@@ -0,0 +1,16 @@
+"""
+ASGI config for ProjectHtmlCss 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', 'ProjectHtmlCss.settings')
+
+application = get_asgi_application()

ProjectHtmlCss/ProjectHtmlCss/settings.py

@@ -0,0 +1,126 @@
+"""
+Django settings for ProjectHtmlCss 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-k*)442iu)@v_4u_4!-qnuc7!oht)4@m50h@^y-*xpm4(_p=l6('
+
+# 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',
+    'app_HC',
+
+]
+
+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 = 'ProjectHtmlCss.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 = 'ProjectHtmlCss.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/'
+STATICFILES_DIRS = [BASE_DIR / "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'

ProjectHtmlCss/ProjectHtmlCss/urls.py

@@ -0,0 +1,24 @@
+"""
+URL configuration for ProjectHtmlCss 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('app_HC.urls')),
+
+]

ProjectHtmlCss/ProjectHtmlCss/wsgi.py

@@ -0,0 +1,16 @@
+"""
+WSGI config for ProjectHtmlCss 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', 'ProjectHtmlCss.settings')
+
+application = get_wsgi_application()

ProjectHtmlCss/app_HC/admin.py

@@ -0,0 +1,3 @@
+from django.contrib import admin
+
+# Register your models here.

ProjectHtmlCss/app_HC/apps.py

@@ -0,0 +1,6 @@
+from django.apps import AppConfig
+
+
+class AppHcConfig(AppConfig):
+    default_auto_field = 'django.db.models.BigAutoField'
+    name = 'app_HC'

ProjectHtmlCss/app_HC/models.py

@@ -0,0 +1,3 @@
+from django.db import models
+
+# Create your models here.

ProjectHtmlCss/app_HC/static/css/article.css

@@ -0,0 +1,24 @@
+body {
+    font-family: Arial, sans-serif;
+    margin: 0;
+    padding: 0;
+    background-color: #f4f4f4;
+}
+header {
+    background-color: #333;
+    color: #fff;
+    padding: 1em;
+    text-align: center;
+}
+main {
+    padding: 1em;
+    max-width: 800px;
+    margin: auto;
+}
+
+footer {
+    text-align: center;
+    padding: 1em;
+    background-color: #333;
+    color: #fff;
+}

ProjectHtmlCss/app_HC/static/css/careers.css

@@ -0,0 +1,61 @@
+
+
+*{
+    font-family: 'Poppins',sans-serif;
+    margin: 0;
+    padding: 0;
+    box-sizing: border-box;
+    scroll-behavior: smooth;
+}
+
+header{
+    background-color: #f0f0f0;
+    width: 100%;
+    position: fixed;
+    z-index: 999;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 10px 200px;
+}
+
+.logo{
+    text-decoration: none;
+    color: #3a6cf4;
+    text-transform: uppercase;
+    font-weight: 500;
+    font-size: 1.8em;
+}
+
+.navigation a{
+    text-decoration: none;
+    color: #3a6cf4;
+    text-transform: uppercase;
+    font-weight: 300;
+    font-size: 0.8em;
+    padding-left: 30px;
+}
+
+.navigation a:hover{
+    color: #601cfc;
+}
+
+section {
+    padding: 100px 200px;
+}
+
+.me {
+    width: 100%;
+    min-height: 100vh;
+    display: flex;
+    align-items: center;
+    background-color: azure;
+
+}
+
+.me h2 {
+    color: #4e9eff;
+    font-size: 1.4em;
+    font-weight: 500;
+
+}

ProjectHtmlCss/app_HC/static/css/introduction.css

@@ -0,0 +1,18 @@
+
+/* format to table */
+body{
+    background-color: #8b592b63;       /* البني الخشبي */;
+}
+
+h1,h2,h3{
+    color: #8b592b;      /* الأحمر القرمزي */;
+    text-align: left;
+
+
+}
+
+table, th, td {
+    width: 300px; border: 1px solid rgb(80, 80, 80); border-collapse: collapse;
+
+}
+

ProjectHtmlCss/app_HC/templates/app_HC/article.html

@@ -0,0 +1,53 @@
+{% load static %}
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Deep Learning</title>
+    <link rel="stylesheet" href="{% static 'css/article.css'%}">
+
+</head>
+<body>
+    <header>
+        <h1>Deep Learning: Neural Networks and Processing Complex Data</h1>
+    </header>
+    <main>
+        <section class="introduction">
+            <p><strong>Deep learning</strong> is a key area of artificial intelligence (AI), representing advanced techniques that enable machines to analyze and process vast amounts of data. Built upon artificial neural networks that simulate the workings of the human brain, deep learning has proven to be effective in diverse fields, such as image recognition, natural language processing, and financial forecasting.</p>
+            <img src="{% static 'images/deep.png' %}" alt="Deep Learning Image" >
+
+        </section>
+        <section class="content">
+            <h2>What is Deep Learning?</h2>
+            <p>Deep learning is a form of<b> machine learning,</b> aiming to empower machines to analyze data in advanced ways by creating multi-layered models known as deep neural networks. These networks are composed of multiple "hidden layers," allowing them to interpret data in complex ways.</p>
+            <h2>How Do Deep Neural Networks Work?</h2>
+            <p>Deep neural networks resemble the human brain, comprising small units called "nodes" or "neurons." These neurons are organized into multiple layers, including input layers, hidden layers, and output layers. As data moves through these layers, values are gradually adjusted to reach an accurate prediction or analysis.</p>
+            <p>When a dataset is fed into a neural network, the data is processed layer by layer, and the network learns to refine its responses gradually through a process known as “training.” This often involves “backpropagation” algorithms to adjust the weights of neurons and improve the network's accuracy.</p>
+            <h2>Examples of Deep Learning Applications</h2>
+            <p>Deep learning has shown exceptional performance in a wide range of real-life applications, including:</p>
+            <ol>
+                <li><b>Image Recognition:</b> Deep neural networks can recognize faces and distinguish between different objects in images, commonly used in smartphone apps and security systems.</li>
+                <li><b>Natural Language Processing (NLP):</b> Deep learning enables machines to understand and analyze human language, powering tools like Google Translate and intelligent assistants such as Siri.</li>
+                <li><b>Medical Diagnosis:</b> Neural networks can analyze medical images and assist in diagnoses, such as detecting tumors in radiology scans.</li>
+                <li><b>Autonomous Driving:</b> Self-driving cars rely on deep learning to recognize their surroundings, interact with traffic signals, and determine safe paths.</li>
+            </ol>
+            <h2>Challenges in Deep Learning</h2>
+            <p>Despite its successes, deep learning still faces several challenges, including:</p>
+            <ul>
+                <li><b>Data Requirements:</b> Deep learning models require vast amounts of data to learn effectively, which demands substantial resources.</li>
+                <li><b>Energy Consumption:</b> Training deep models requires significant computational power and energy, which can be costly and environmentally impactful.</li>
+                <li><b>Bias in Data:</b> Models can be affected by biases present in training data, leading to unfair or inaccurate results.</li>
+
+            </ul>
+            <h2>The Future of Deep Learning</h2>
+            <p>Deep learning is evolving rapidly, and it is expected to play an even larger role in the future. Researchers are developing models that can learn with less data and provide faster, more accurate results. These advancements are anticipated to further improve sectors ranging from healthcare to finance and environmental sustainability.</p>
+            <p>In conclusion, deep learning represents one of the most powerful technologies driving the digital revolution. It grants machines unprecedented capabilities for "learning" and decision-making, offering a future filled with innovation and transformation across various aspects of life.</p>
+        </section>
+    </main>
+    <footer>
+        <p> Deep Learning</p>
+    </footer>
+</body>
+</html>

ProjectHtmlCss/app_HC/templates/app_HC/careers.html

@@ -0,0 +1,29 @@
+{% load static %}
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <link rel="stylesheet" href="{% static 'css/careers.css' %}">
+
+    <title>Abdullah ALAtiq</title>
+</head>
+<body>
+
+    <header>
+        <a href="" class="logo">Abdullah</a>
+        <nav class="navigation">
+            <a href="">courses</a>
+            <a href="">Projects</a>
+            <a href="">Contact</a>
+        </nav>
+    </header>
+
+
+    <section class ="me">
+        <h2>Abdullah ALAtiq<br><span> Web Developer</span></h2>
+    </section>
+
+
+</body>
+</html>