done

CssHtml/CssHtml/asgi.py

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

CssHtml/CssHtml/settings.py

@@ -0,0 +1,89 @@
+import os
+from pathlib import Path
+import os
+BASE_DIR = Path(__file__).resolve().parent.parent
+
+# Security
+SECRET_KEY = 'your-secret-key'
+DEBUG = True
+ALLOWED_HOSTS = []
+
+# Applications
+INSTALLED_APPS = [
+    'django.contrib.admin',
+    'django.contrib.auth',
+    'django.contrib.contenttypes',
+    'django.contrib.sessions',
+    'django.contrib.messages',
+    'django.contrib.staticfiles',
+    'main',
+]
+
+
+# Middleware
+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 = 'CssHtml.urls'
+
+# Templates
+TEMPLATES = [
+    {
+        'BACKEND': 'django.template.backends.django.DjangoTemplates',
+        'DIRS': [BASE_DIR / 'main' / 'templates'],
+        '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',
+            ],
+        },
+    },
+]
+
+# Database
+DATABASES = {
+    'default': {
+        'ENGINE': 'django.db.backends.sqlite3',
+        'NAME': BASE_DIR / 'db.sqlite3',
+    }
+}
+
+# Static Files
+STATIC_URL = '/static/'
+STATICFILES_DIRS = [BASE_DIR / 'main' / 'static']
+
+# Default primary key field type
+DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'
+
+# Password validation
+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 settings
+LANGUAGE_CODE = 'en-us'
+TIME_ZONE = 'UTC'
+USE_I18N = True
+USE_L10N = True
+USE_TZ = True
+

CssHtml/CssHtml/urls.py

@@ -0,0 +1,11 @@
+from django.contrib import admin
+from django.urls import path
+from main import views
+
+urlpatterns = [
+    path('admin/', admin.site.urls),
+    path('html/introduction/', views.view_html, name='view_home'),                 # For introduction.html
+    path('css/introduction/', views.view_css, name='view_css'),
+    path('article/ai/', views.view_article, name='view_article'),
+    path('careers/cv/', views.view_cv,name="cv")
+]

CssHtml/CssHtml/wsgi.py

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

CssHtml/main/Static/ai.css

@@ -0,0 +1,3 @@
+*{
+text-align:center
+}

CssHtml/main/Static/style.css

@@ -0,0 +1,12 @@
+
+label {
+    display: block;
+    margin-bottom: 5px;
+}
+.red {
+    background: red;
+    color: red;
+}
+
+div{
+background:red;}

CssHtml/main/Static/style2.css

@@ -0,0 +1,83 @@
+
+* {
+    box-sizing: border-box;
+    margin: 0;
+    padding: 0;
+    font-family: Arial, sans-serif;
+}
+
+html {
+    background-color: #fff;
+    color: #333;
+    line-height: 1.6;
+    scroll-behavior: smooth;
+}
+
+.container {
+    display: flex;
+    max-width: 1200px;
+    margin: 50px auto;
+}
+
+.left-column {
+    width: 25%;
+    padding-right: 40px;
+}
+
+.left-column h2 {
+    margin-bottom: 20px;
+}
+
+.left-column li {
+    list-style: none;
+    line-height: 2;
+}
+
+.left-column {
+    margin-bottom: 10px;
+}
+
+.left-column a {
+    color: #0077b6;
+    font-weight: bold;
+    text-decoration: none;
+    transition: color 0.3s ease;
+}
+
+.left-column a:hover {
+    color: #023e8a;
+}
+
+
+.right-column {
+    width: 75%;
+    padding-left: 40px;
+    border-left: 2px ;
+}
+
+.intro {
+    margin-bottom: 30px;
+}
+
+.intro h1 {
+    margin-bottom: 20px;
+}
+
+
+
+
+.content-section {
+    margin-bottom: 40px;
+}
+
+.content-section h2,
+.content-section h3 {
+    margin-bottom: 10px;
+}
+ .a-link {
+  text-decoration: none;
+  transition: 0.3s all ease ,impotent;
+}
+.a-link:hover{
+margin-left:20px;
+}

CssHtml/main/admin.py

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

CssHtml/main/apps.py

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

CssHtml/main/models.py

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

CssHtml/main/templates/main/article.html

@@ -0,0 +1,59 @@
+<!doctype html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
+    <title>Document</title>
+        <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
+
+    </head>
+<body>
+<div class="text-center container">
+<h1 >Essay on Artificial Intelligence
+</h1>
+    ai
+<p >Artificial Intelligence is the intelligence possessed by the machines under which they can perform various functions with human help. With the help of A.I, machines will be able to learn, solve problems, plan things, think, etc. Artificial Intelligence, for example, is the simulation of human intelligence by machines. In the field of technology, Artificial Intelligence is evolving rapidly day by day and it is believed that in the near future, artificial intelligence is going to change human life very drastically and will most probably end all the crises of the world by sorting out the major problems.
+
+
+Our life in this modern age depends largely on computers. It is almost impossible to think about life without computers. We need computers in everything that we use in our daily lives. So it becomes very important to make computers intelligent so that our lives become easy. Artificial Intelligence is the theory and development of computers, which imitates the human intelligence and senses, such as visual perception, speech recognition, decision-making, and translation between languages. Artificial Intelligence has brought a revolution in the world of technology. </p>
+<h3>Artificial Intelligence Applications
+</h3>
+<p>AI is widely used in the field of healthcare. Companies are attempting to develop technologies that will allow for rapid diagnosis. Artificial Intelligence would be able to operate on patients without the need for human oversight. Surgical procedures based on technology are already being performed.
+
+
+Artificial Intelligence would save a lot of our time. The use of robots would decrease human labour. For example, in industries robots are used which have saved a lot of human effort and time.
+
+
+In the field of education, AI has the potential to be very effective. It can bring innovative ways of teaching students with the help of which students will be able to learn the concepts better.
+
+
+Artificial intelligence is the future of innovative technology as we can use it in many fields. For example, it can be used in the Military sector, Industrial sector, Automobiles, etc. In the coming years, we will be able to see more applications of AI as this technology is evolving day by day. </p>
+ <ul class="list-group list-group-flush">
+<li class="list-group-item text-start" ><strong>Marketing:</strong> Intelligence provides a deep knowledge of consumers and potential clients to the marketers by enabling them to deliver information at the right time. Through AI solutions, the marketers can refine their campaigns and strategies.</li>
+<li class="list-group-item text-start"><strong>Agriculture</strong>: AI technology can be used to detect diseases in plants, pests, and poor plant nutrition. With the help of AI, farmers can analyze the weather conditions, temperature, water usage, and condition of the soil.</li>
+<li class="list-group-item text-start"><strong>Banking</strong>:Fraudulent activities can be detected through AI solutions. AI bots, digital payment advisers can create a high quality of service
+</li>
+<li class="list-group-item text-start"><strong>Health Care:</strong>Artificial Intelligence can surpass human cognition in the analysis, diagnosis, and complication of complicated medical data.
+</li>
+    </ul>
+<h3>History of Artificial Intelligence</h3>
+<p>Artificial Intelligence may seem to be a new technology but if we do a bit of research, we will find that it has roots deep in the past. In Greek Mythology, it is said that the concepts of AI were used.
+
+
+The model of Artificial neurons was first brought forward in 1943 by Warren McCulloch and Walter Pits. After seven years, in 1950, a research paper related to AI was published by Alan Turing which was titled 'Computer Machinery and Intelligence. The term Artificial Intelligence was first coined in 1956 by John McCarthy, who is known as the father of Artificial Intelligence.
+
+
+To conclude, we can say that Artificial Intelligence will be the future of the world. As per the experts, we won't be able to separate ourselves from this technology as it would become an integral part of our lives shortly. AI would change the way we live in this world. This technology would prove to be revolutionary because it will change our lives for good. </p>
+    </div>
+
+<div aria-label="Page navigation example" class="d-flex justify-content-center">
+  <ul class="pagination">
+    <li class="page-item"><a class="page-link" href="/css/introduction/">Previous</a></li>
+    <li class="page-item"><a class="page-link" href="/careers/cv/">Next</a></li>
+  </ul>
+</div>
+<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-I7E8VVD/ismYTF4hNIPjVp/Zjvgyol6VFvRkX/vR+Vc4jQkC+hVqc2pM8ODewa9r" crossorigin="anonymous"></script>
+<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.min.js" integrity="sha384-0pUGZvbkm6XF6gxjEnlmuGrJXVbNuzT9qBBavbLwCsOGabYfZo0T0to5eqruptLy" crossorigin="anonymous"></script>
+
+</body>
+</html>

CssHtml/main/templates/main/css.html

@@ -0,0 +1,14 @@
+{% load static %}
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <title>CSS Page</title>
+    <link href="{% static 'style.css' %}" rel="stylesheet">
+</head>
+<body>
+    <div class="red">Good</div>
+<a href="/html/introduction/">Check html introduction</a>
+<a href="/article/ai/">check Ai topic</a>
+</body>
+</html>