khushi1 (6)

You might also like

Download as docx, pdf, or txt
Download as docx, pdf, or txt
You are on page 1of 20

Assignment No.

3
Q. Create one appliction which display information of your college and
Staff members.
settings.py Code File:
"""

Django settings for ybit1 project.

Generated by 'django-admin startproject' using Django 5.0.6.

For more information on this file, see

https://docs.djangoproject.com/en/5.0/topics/settings/

For the full list of settings and their values, see

https://docs.djangoproject.com/en/5.0/ref/settings/

"""

from pathlib import Path

import os

# Build paths inside the project like this: BASE_DIR / 'subdir'.

BASE_DIR = Path(_file_).resolve().parent.parent

TEMP_DIR=os.path.join(BASE_DIR,'template')

STATIC_DIR=os.path.join(BASE_DIR,'static')

# Quick-start development settings - unsuitable for production

# See https://docs.djangoproject.com/en/5.0/howto/deployment/checklist/

# SECURITY WARNING: keep the secret key used in production secret!

SECRET_KEY = 'django-insecure-6o=1lj$ynp#7gsmkb77+$je7f@tf)g*)f2t%y#78ih3n476!v8'

# 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',

'ybit1app'

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 = 'ybit1.urls'

TEMPLATES = [

'BACKEND': 'django.template.backends.django.DjangoTemplates',

'DIRS': [TEMP_DIR],

'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 = 'ybit1.wsgi.application'

# Database

# https://docs.djangoproject.com/en/5.0/ref/settings/#databases

DATABASES = {

'default': {

'ENGINE': 'django.db.backends.sqlite3',

'NAME': BASE_DIR / 'db.sqlite3',

# Password validation

# https://docs.djangoproject.com/en/5.0/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.0/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.0/howto/static-files/

STATIC_URL = 'static/'

STATICFILES_DIRS=[

STATIC_DIR,

# Default primary key field type

# https://docs.djangoproject.com/en/5.0/ref/settings/#default-auto-field

DEFAULT_AUTO_FIELD = 'django.db.models.BigAutoField'

urls.py Code File:


"""

URL configuration for ybit1 project.

The urlpatterns list routes URLs to views. For more information please see:

https://docs.djangoproject.com/en/5.0/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

from ybit1app import views

urlpatterns = [

path('admin/', admin.site.urls),

path('',views.index),

path('Staff/',views.caInfo),

path('Mechanical/',views.meInfo),

path('Electrical/',views.eeInfo),

path('Civil/',views.ceInfo),

path('Computer/',views.coInfo),

views.py Code File:


from django.shortcuts import render

# Create your views here.

def caInfo(request):

my_dict={

'head_msg':'College Information',

'sub_msg1':'Sindhudurgs new engineering college YBIT is a beacon of hope and opportunity for aspiring
engineers in the region. Established with a vision to provide world-class education and nurture exceptional talent, this
institution stands as a testament to progress and development. The college boasts state-of-the-art facilities, modern
classrooms, well-equipped laboratories, and a dedicated faculty team that is committed to fostering a conducive
learning environment. With a comprehensive curriculum that combines theoretical knowledge with practical
application, students at YBIT are equipped with the skills and expertise needed to excel in their chosen fields. The
institution also places a strong emphasis on industry collaboration, providing students with internships and
placement opportunities that bridge the gap between academia and the professional world. Through its commitment
to academic excellence, innovation, and holistic development, YBIT is poised to shape the future of engineering
education in the region and empower students to become the leaders and problem solvers of tomorrow.',

'sub_msg2':'Apply NowAdmissions are now open Yashwantrao Bhonsale Institute of Technology, Sawantwadi,
established in 2023, is a comprehensive Technical Institute located at Charathe (Vazarwadi), Sawnatwadi, enjoying a
picturesque setting that is unique among the educational set-up of this region of Maharashtra. Having a distance of
about 2.5 km. from city of Sawantwadi, it is a quiet and peaceful place maintaining an atmosphere where faculty and
students would take the process of teaching and learning seriously',

'sub_msg3':'Principal:Yashwantrao Bhonsale Institute of Technology (YBIT)Dr. Raman Bane, a distinguished


Professor, serves as the Principal of YBIT. With an impressive academic background, Dr. Raman Bane holds a Ph.D.
in Computer Science and Engineering from National Institute of Technology Karnataka(NITK), Suratkal and
Masters of Engineering (M.E.) in Computers Science and Engineering from Walchand College of Engineering,
Sangli. This demonstrates their exceptional expertise and commitment to scholarly pursuits. His extensive knowledge,
academic and research experience make them a valuable asset to the educational institution they lead. As a visionary
leader, Dr. Raman Bane is dedicated to fostering an environment of academic excellence, innovation, and holistic
development. They believe in creating a student-centric learning environment that nurtures intellectual curiosity,
critical thinking, and problem-solving skills. With a deep understanding of the evolving educational landscape, Dr.
Bane strives to implement progressive teaching methodologies and integrate technology to enhance the educational
experience. Their passion for education, combined with their leadership skills and dedication, inspires both students
and faculty to achieve their full potential. Under Dr. Banes guidance, YBIT continues to flourish as an institution that
prepares students to excel in their chosen fields and contribute meaningfully to society.',

'sub_msg4':'Departments:',

'sub_msg5':'1. Mechanical Department',

'sub_msg6':'2. Electrical Department',

'sub_msg7':'3. Civil Department',

'sub_msg8':'4. Computer Department',

return render(request,'ybit.html',context=my_dict)

def meInfo(request):

my_dict={

'head_msg':'Mechanical Department',

'sub_msg1':'Sindhudurgs new engineering college YBIT is a beacon of hope and opportunity for aspiring
engineers in the region. Established with a vision to provide world-class education and nurture exceptional talent, this
institution stands as a testament to progress and development. The college boasts state-of-the-art facilities, modern
classrooms, well-equipped laboratories, and a dedicated faculty team that is committed to fostering a conducive
learning environment. With a comprehensive curriculum that combines theoretical knowledge with practical
application, students at YBIT are equipped with the skills and expertise needed to excel in their chosen fields. The
institution also places a strong emphasis on industry collaboration, providing students with internships and
placement opportunities that bridge the gap between academia and the professional world. Through its commitment
to academic excellence, innovation, and holistic development, YBIT is poised to shape the future of engineering
education in the region and empower students to become the leaders and problem solvers of tomorrow.',

'sub_msg2':'Apply NowAdmissions are now open Yashwantrao Bhonsale Institute of Technology, Sawantwadi,
established in 2023, is a comprehensive Technical Institute located at Charathe (Vazarwadi), Sawnatwadi, enjoying a
picturesque setting that is unique among the educational set-up of this region of Maharashtra. Having a distance of
about 2.5 km. from city of Sawantwadi, it is a quiet and peaceful place maintaining an atmosphere where faculty and
students would take the process of teaching and learning seriously.',

'sub_msg3':'WELCOME TO DEPARTMENT OF MECHANICAL ENGINEERING Mechanical Engineering


Department was established in 2014. The intake capacity of students is 120. The department has highly qualified and
experienced faculty with expertise in the areas of Design, Production, Manufacturing, CAD/CAM, Automobile and
Thermal. The department believes in delivering the employability skill based and practical based education to the
students.Numbers of pass out students are serving in various Manufacturing units, Automobile Industries, & even in
Government departments. Few students started their own small scale industries.Well-equipped laboratories,
departmental library, workshop with good infrastructure are the strength of the department. Knowledge of modern
trends in industries like CNC machines, various software’s etc. is also imparted for development of students. We also
participate in various activities of M.S.B.T.E., Mumbai.In-Plant training, Placement, Guest Lectures, Visits,
Personality Development, Seminars, Career Guidance programs are arranged for getting all round engineers needed
for fulfilling market need of trained manpower with soft skills. The Department provides career guidance to students
for Higher Education as well as Entrepreneurship.The Department continuously encourages their students to
participate in various activities like Industry Based Project Work, apart from placement. Students from the
department won number of prizes in various project competitions, Quiz competitions, paper presentations, poster
presentation & even in various sport activities.',

'sub_msg4':'Staff Members:',

'sub_msg5':'1. Mr. Desai Milind R.',

'sub_msg6':'2. Mr. Patil Mahesh T.',

'sub_msg7':'3. Mr.Giryalkar Rahul B.',

'sub_msg8':'4. Miss. Desai Grishma M.',


'sub_msg9':'5. Mr. Mhapankar Tejas C.',

return render(request,'me.html',context=my_dict)

def eeInfo(request):

my_dict={

'head_msg':'Electrical Department',

'sub_msg1':'Sindhudurgs new engineering college YBIT is a beacon of hope and opportunity for aspiring
engineers in the region. Established with a vision to provide world-class education and nurture exceptional talent, this
institution stands as a testament to progress and development. The college boasts state-of-the-art facilities, modern
classrooms, well-equipped laboratories, and a dedicated faculty team that is committed to fostering a conducive
learning environment. With a comprehensive curriculum that combines theoretical knowledge with practical
application, students at YBIT are equipped with the skills and expertise needed to excel in their chosen fields. The
institution also places a strong emphasis on industry collaboration, providing students with internships and
placement opportunities that bridge the gap between academia and the professional world. Through its commitment
to academic excellence, innovation, and holistic development, YBIT is poised to shape the future of engineering
education in the region and empower students to become the leaders and problem solvers of tomorrow.',

'sub_msg2':'Apply NowAdmissions are now openYashwantrao Bhonsale Institute of Technology, Sawantwadi,


established in 2023, is a comprehensive Technical Institute located at Charathe (Vazarwadi), Sawnatwadi, enjoying a
picturesque setting that is unique among the educational set-up of this region of Maharashtra. Having a distance of
about 2.5 km. from city of Sawantwadi, it is a quiet and peaceful place maintaining an atmosphere where faculty and
students would take the process of teaching and learning seriousl.y',

'sub_msg3':'WELCOME TO DEPARTMENT OF ELECTRICAL ENGINEERING This new age, the age of


Technology, dawned with the discovery of Electricity and the subsequent development of Electrical Engineering.
Equipped with modern infrastructure and supported by a team of competent faculty members , the Electrical
Department at Yashwantrao Bhonsale Polytechnic, Sawantwadi was set up in 2014. The key strengths of the
department are qualified staff, established labs, Integrity in work, motivation, systematic process approach, Liberal
work environment, student and staff feedback system, Yashwantrao Bhonsale Polytechnic understands the
importance of Electrical Engineering and is fully capable of meeting the expectations of young aspiring Engineers.
The Electrical Engineering Department emphasizes on rigorous training in analytical and experimental techniques,
effectively giving students an integrated approach and a thorough understanding of how to solve the problems and
more importantly, equip them to face the challenges in Industry.The aim of Electrical Engineering program is to
provide an ability to design a system, component, or process to meet desired needs within realistic constraints such as
economic, environmental, social, political, ethical, health and safety, manufacturability, and sustainability',

'sub_msg4':'Staff Members:',

'sub_msg5':'1. Shruti Hewakekar N.',

'sub_msg6':'2. Miss.Gawandi Teja V.',

'sub_msg7':'3. Mr. Mayekar Shridhar M.',

'sub_msg8':'4. Mr. Dhandekar Ravi C.',

'sub_msg9':'5. Miss. Gawade Shailaja B.',

return render(request,'ee.html',context=my_dict)

def ceInfo(request):

my_dict={

'head_msg':'Civil Department',

'sub_msg1':'Sindhudurgs new engineering college YBIT is a beacon of hope and opportunity for aspiring
engineers in the region. Established with a vision to provide world-class education and nurture exceptional talent, this
institution stands as a testament to progress and development. The college boasts state-of-the-art facilities, modern
classrooms, well-equipped laboratories, and a dedicated faculty team that is committed to fostering a conducive
learning environment. With a comprehensive curriculum that combines theoretical knowledge with practical
application, students at YBIT are equipped with the skills and expertise needed to excel in their chosen fields. The
institution also places a strong emphasis on industry collaboration, providing students with internships and
placement opportunities that bridge the gap between academia and the professional world. Through its commitment
to academic excellence, innovation, and holistic development, YBIT is poised to shape the future of engineering
education in the region and empower students to become the leaders and problem solvers of tomorrow.',

'sub_msg2':'Apply Now Admissions are now open Yashwantrao Bhonsale Institute of Technology, Sawantwadi,
established in 2023, is a comprehensive Technical Institute located at Charathe (Vazarwadi), Sawnatwadi, enjoying a
picturesque setting that is unique among the educational set-up of this region of Maharashtra. Having a distance of
about 2.5 km. from city of Sawantwadi, it is a quiet and peaceful place maintaining an atmosphere where faculty and
students would take the process of teaching and learning seriously.',

'sub_msg3':'WELCOME TO DEPARTMENT OF CIVIL ENGINEERING This new age, the age of Technology,
dawned with the discovery of Electricity and the subsequent development of Electrical Engineering. Equipped with
modern infrastructure and supported by a team of competent faculty members , the Electrical Department at
Yashwantrao Bhonsale Polytechnic, Sawantwadi was set up in 2014. The key strengths of the department are
qualified staff, established labs, Integrity in work, motivation, systematic process approach, Liberal work
environment, student and staff feedback system, Yashwantrao Bhonsale Polytechnic understands the importance of
Electrical Engineering and is fully capable of meeting the expectations of young aspiring Engineers. The Electrical
Engineering Department emphasizes on rigorous training in analytical and experimental techniques, effectively
giving students an integrated approach and a thorough understanding of how to solve the problems and more
importantly, equip them to face the challenges in Industry.The aim of Electrical Engineering program is to provide
an ability to design a system, component, or process to meet desired needs within realistic constraints such as
economic, environmental, social, political, ethical, health and safety, manufacturability, and sustainability',

'sub_msg4':'Staff Members:',

'sub_msg5':'1. Mr. Sawant Suraj A.',

'sub_msg6':'2 Miss. Kolapate Sanchita S. ',

'sub_msg7':'3. Mr. Gawade Jagannath A.',

'sub_msg8':'4. Mr.Sawant Bhushan B.',

'sub_msg9':'5.Mr.Pokhare Prathmesh P.',

return render(request,'ce.html',context=my_dict)

def coInfo(request):

my_dict={

'head_msg':'Computer Department',

'sub_msg1':'Sindhudurgs new engineering college YBIT is a beacon of hope and opportunity for aspiring
engineers in the region. Established with a vision to provide world-class education and nurture exceptional talent, this
institution stands as a testament to progress and development. The college boasts state-of-the-art facilities, modern
classrooms, well-equipped laboratories, and a dedicated faculty team that is committed to fostering a conducive
learning environment. With a comprehensive curriculum that combines theoretical knowledge with practical
application, students at YBIT are equipped with the skills and expertise needed to excel in their chosen fields. The
institution also places a strong emphasis on industry collaboration, providing students with internships and
placement opportunities that bridge the gap between academia and the professional world. Through its commitment
to academic excellence, innovation, and holistic development, YBIT is poised to shape the future of engineering
education in the region and empower students to become the leaders and problem solvers of tomorrow.',

'sub_msg2':'Apply NowAdmissions are now open Yashwantrao Bhonsale Institute of Technology, Sawantwadi,
established in 2023, is a comprehensive Technical Institute located at Charathe (Vazarwadi), Sawnatwadi, enjoying a
picturesque setting that is unique among the educational set-up of this region of Maharashtra. Having a distance of
about 2.5 km. from city of Sawantwadi, it is a quiet and peaceful place maintaining an atmosphere where faculty and
students would take the process of teaching and learning seriously.',

'sub_msg3':'WELCOME TO DEPARTMENT OF COMPUTER ENGINEERING The Department of Computer


Engineering was started in the year 2018 with the vision to produce ethical and knowledgeable diploma holders in
Computer Engineering diploma Programme. The 3 years Diploma Programme in Computer Engineering is meant for
the students who have passed 10th standard. The Department has highly qualified, experienced, motivated and
dedicated teaching faculty. They are actively involved in Development activities in the emerging areas of Computer
Engineering. The department has well equipped 5 laboratories with 24 hours Internet facility.The aim of Computer
Engineering program is to provide industry based teaching learning skills, participation in industry academic events
and generating ethical and entrepreneurship skills in the students.The courses offered in this program have been
designed to meet the demands of the current trend of an IT industry.',
'sub_msg4':'Staff Members:',

'sub_msg5':'1. Mr. Kate Prashant D.',

'sub_msg6':'2. Mr. Mayekar Shridhar M. ',

'sub_msg7':'3. Mr. Dhandekar Ravi C.',

'sub_msg8':'4. Miss.Gawandi Teja V.',

'sub_msg9':'5. Miss. Desai Grishma M.',

'sub_msg10':'6. Mr. Mhapankar Tejas C.',

'sub_msg11':'7. Miss. Gawade Shailaja B.',

'sub_msg12':'8. Mr. Sawant Suraj A.',

'sub_msg13':'9. Miss. Kolapate Sanchita S. ',

'sub_msg14':'10. Mr. Gawade Jagannath A.',

'sub_msg15':'11. Mr.Sawant Bhushan B.',

'sub_msg16':'12.Mr.Pokhare Prathmesh P.',

return render(request,'co.html',context=my_dict)

def index(request):

return render(request,'index.html')

index.html Code File:


<!DOCTYPE html>

{% load static %}

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>YBIT INFO</title>

<link rel="stylesheet" href="static\css\demo.css">

</head>

<body>

<div class="nav-logo">

<h1>......YASHWANRAO BHONSALE POLYTECHNIC......

Vaibhavi Gosavi

</h1>

</div>

<div class="navbar">

<a href="/Staff">College Information</a>

<a href="/Mechanical">Mechanical Department</a>

<a href="/Electrical">Electrical Department</a>


<a href="/Civil">Civil Department</a>

<a href="/Computer">Computer Department</a>

</div>

</body>

</html>

ybit.html Code File:


<!DOCTYPE html>

{% load static %}

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

</head>

<body>

<h1>{{head_msg}}</h1>

<ul>

<li><h2>{{sub_msg1}}</h2></li>

<li><h2>{{sub_msg2}}</h2></li>

<li><h2>{{sub_msg3}}</h2></li>

<li><h2>{{sub_msg4}}</h2></li>

<h2>{{sub_msg5}}</h2>

<h2>{{sub_msg6}}</h2>

<h2>{{sub_msg7}}</h2>

<h2>{{sub_msg8}}</h2>

</ul>

<img src="{% static 'images/Ybit.jpg' %}" alt="My image">

<img src="{% static 'images/Me.jpg' %}" alt="My image">

<img src="{% static 'images/Ee.jpg' %}" alt="My image">

<img src="{% static 'images/Ce.jpg' %}" alt="My image">

<img src="{% static 'images/Co.jpg' %}" alt="My image">

</body>

</html>
me.html Code File:
<!DOCTYPE html>

{% load static %}

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

</head>

<body>

<h1>{{head_msg}}</h1>

<ul>

<li><h2>{{sub_msg1}}</h2></li>

<li><h2>{{sub_msg2}}</h2></li>

<li><h2>{{sub_msg3}}</h2></li>

<li><h2>{{sub_msg4}}</h2></li>

<h2>{{sub_msg5}}</h2>

<h2>{{sub_msg6}}</h2>

<h2>{{sub_msg7}}</h2>

<h2>{{sub_msg8}}</h2>

<h2>{{sub_msg9}}</h2>

</ul>

<img src="{% static 'images/Milind.jpg' %}" alt="My image">

<img src="{% static 'images/MT.jpg' %}" alt="My image">

<img src="{% static 'images/giryalkar.jpg' %}" alt="My image">

<img src="{% static 'images/grishma-desai.jpg' %}" alt="My image">

<img src="{% static 'images/tejas-mhapankar.jpg' %}" alt="My image">

</body>

</html>

ee.html Code File:


<!DOCTYPE html>

{% load static %}

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">


<title>Document</title>

</head>

<body>

<h1>{{head_msg}}</h1>

<ul>

<li><h2>{{sub_msg1}}</h2></li>

<li><h2>{{sub_msg2}}</h2></li>

<li><h2>{{sub_msg3}}</h2></li>

<li><h2>{{sub_msg4}}</h2></li>

<h2>{{sub_msg5}}</h2>

<h2>{{sub_msg6}}</h2>

<h2>{{sub_msg7}}</h2>

<h2>{{sub_msg8}}</h2>

<h2>{{sub_msg9}}</h2>

</ul>

<img src="{% static 'images/Shruti.jpg' %}" alt="My image">

<img src="{% static 'images/teja.jpg' %}" alt="My image">

<img src="{% static 'images/Mayekar-Shridhar.jpg' %}" alt="My image">

<img src="{% static 'images/ravidhandekar.jpg' %}" alt="My image">

<img src="{% static 'images/shailaja-photo.jpg' %}" alt="My image">

</body>

</html>

ce.html Code File:


<!DOCTYPE html>

{% load static %}

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

</head>

<body>

<h1>{{head_msg}}</h1>

<ul>

<li><h2>{{sub_msg1}}</h2></li>

<li><h2>{{sub_msg2}}</h2></li>

<li><h2>{{sub_msg3}}</h2></li>
<li><h2>{{sub_msg4}}</h2></li>

<h2>{{sub_msg5}}</h2>

<h2>{{sub_msg6}}</h2>

<h2>{{sub_msg7}}</h2>

<h2>{{sub_msg8}}</h2>

<h2>{{sub_msg9}}</h2>

</ul>

<img src="{% static 'images/suraj-sawant.jpg' %}" alt="My image">

<img src="{% static 'images/sanchita-kolapate1.jpg' %}" alt="My image">

<img src="{% static 'images/gj.jpg' %}" alt="My image">

<img src="{% static 'images/Bhushan.jpg' %}" alt="My image">

<img src="{% static 'images/Mr.Pokhare-Prathmesh.jpg' %}" alt="My image">

</body>

</html>

co.html Code File:


<!DOCTYPE html>

{% load static %}

<html lang="en">

<head>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

</head>

<body>

<h1>{{head_msg}}</h1>

<ul>

<li><h2>{{sub_msg1}}</h2></li>

<li><h2>{{sub_msg2}}</h2></li>

<li><h2>{{sub_msg3}}</h2></li>

<li><h2>{{sub_msg4}}</h2></li>

<h2>{{sub_msg5}}</h2>

<h2>{{sub_msg6}}</h2>

<h2>{{sub_msg7}}</h2>

<h2>{{sub_msg8}}</h2>

<h2>{{sub_msg9}}</h2>

<h2>{{sub_msg10}}</h2>

<h2>{{sub_msg11}}</h2>
<h2>{{sub_msg12}}</h2>

<h2>{{sub_msg13}}</h2>

<h2>{{sub_msg14}}</h2>

<h2>{{sub_msg15}}</h2>

<h2>{{sub_msg16}}</h2>

</ul>

<img src="{% static 'images/kate-p.d.jpg' %}" alt="My image">

<img src="{% static 'images/Mayekar-Shridhar.jpg' %}" alt="My image">

<img src="{% static 'images/ravidhandekar.jpg' %}" alt="My image">

<img src="{% static 'images/teja.jpg' %}" alt="My image">

<img src="{% static 'images/grishma-desai.jpg' %}" alt="My image">

<img src="{% static 'images/tejas-mhapankar.jpg' %}" alt="My image">

<img src="{% static 'images/shailaja-photo.jpg' %}" alt="My image">

<img src="{% static 'images/suraj-sawant.jpg' %}" alt="My image">

<img src="{% static 'images/sanchita-kolapate1.jpg' %}" alt="My image">

<img src="{% static 'images/gj.jpg' %}" alt="My image">

<img src="{% static 'images/Bhushan.jpg' %}" alt="My image">

<img src="{% static 'images/Mr.Pokhare-Prathmesh.jpg' %}" alt="My image">

</body>

</html>

demo.css Code File:


*{

padding: 0;

margin: 0;

box-sizing: border-box;

.navbar{

height: 80px;

width: auto;

background-color: aqua;

color: red;

display: flex;

align-items: center;

justify-content: space-evenly;

.nav-logo{

color: white;
font-size: 32px;

.navbar a{

text-decoration: none;

display: flex;

align-items: center;

justify-content: space-evenly;

color: white;

font-size: 32px;

img{

height: 500px;

width: 500px;

border: 10px solid red;

margin: 0%20%;

h1{

color: brown;

border-radius: 10px solid blue;

Output:

You might also like