INDUSTRIAL TRAINING REPORT

For partial fulfillment towards

completionof DIPLOMA in

COMPUTER TECHNOLOGY

Submitted by

Guided by

at

Amrutvahni sheti & shikshan Vikas Sanstha’s

AMRUTVAHINI POLYTECHNIC
SANGAMNER
Sangamner, District- Ahmednagar (Maharashtra)
Academic Year-2023-24
 Academic Year-2023-24

Amrutvahini Polytechnic, Sangamner

DEPARTMENT OF COMPUTER TECHNOLOGY

CERTIFICAT
E This is to certify

Has satisfactorily completed the In- Plant Training at

“Sumago Infotech Pvt. Ltd. Nashik”.
This report is being submitted in partial fulfillment for the award of diploma in
Computer Technology to Maharashtra State Board of Technical Education, under
my guidance.

Prof.Baheti S.S. Prof. Kale G.B.

Mentor, HOD,
Dept. of Computer Technology Dept. of Computer Technology
Amrutvahini polytechnic, Sangamner Amrutvahini polytechnic,
Sangmner
 INDUSTRIAL TRAINING REPORT APPROVAL SHEET

Maharashtra State board of technical education Mumbai

MAHARASHTRA STATE BOARD OF

TECHNICAL EDUCATION
(MSBTE)

Certificate of Completion

This is to certify that Ms. Sapra Janhvi Shivkumar with Enrollment No.
2100800197 has successfully completed Industrial Training (22057) in Full
Stack Development in Python and Django from 07-06-2023 to 19-07-2023
for partial fulfillment towards completion of Diploma in Computer
Engineering from Amrutvahini Polytechnic, Sangamner Institute code 0080.

Date: Place:Sangamner

Mentor: Head of the Dept.

 ACKNOWLEDGMENT

The Acknowledgement is just like a drop in the ocean of the deep sense of gratitude
within our heart for people who helped us out of most embarrassing part of our life
when I was standing at most difficult step towards my dream of life.

Many people have contributed to the success of this in-plant training. Although a
single sentence hardly suffices, I would like to thank Director & Chief Executive
Officer (CEO) of Sumago Infotech PVT. LTD., Ms.Sonali Gorade and Training Co-
ordinators for giving me such golden opportunity to train at their site, and, providing a
chance to get more hands-on approach for better understanding.

This Summer Industrial Training wouldn’t have been possible without the
support of our honorable Principal Prof. Dhumal Sir, who has given his precious time
and gave some ideas and suggestion towards this training.

I extend sincere and heartfelt thanks to central support of our department

respected Prof. Kale G.B, Head of Department, Computer Engineering, for providing
me the right ambience for carrying out this work.

I'm grateful and sincerely appreciate the effort of my respected mentor Prof.
Baheti S.S. who acted as a fulcrum for me and supported me during the ups and
downsof this training.

I express immense pleasure and thankfulness to all the teachers and staff of the
Department of Computer Engineering for their cooperation and support.

Name:Sapra Janhvi Shivkumar

College Name: Amrutvahini Polytechnic, Sangamner
 ABSTRACT

Industrial training is very important for the future. Industrial training is an

important phase of a every student life. In industrial training many thinks learn
that period. This time is given a direction to future. It develops an awareness of
industrial approach to problem solving, based on a broad understanding of process
and mode of operation of organization.

Our implant training industry is situated at Nashik. The Name of industry is NP IT

SOLUTION. During the training period of 6 weeks at Sumago Infotech PVT. LTD. we
were able to learn the basic concepts of Python, HTML, CSS, JavaScript, Bootstrap,
MySQL, and much more.

Sumago Infotech PVT. LTD. is one of the leading companies in Nasik in the area of
software Development and Training Services. They are received ISO 9001 – 2015
Quality standard for our services. They are providing services to people since last
10 years. They are basically work in website design and development, Android
application development, Software development, Digital Marketing. They are also
providing training to students on these platforms.

They are thinking that it is necessary for students as they will realize how actually
work is done at industry. Also, they will be benefited by the practical knowledge
through this training. Keeping this view in mind their management has decided to
organize a 6 Week Implant / Industrial Training program for the students of
polytechnics. In this program students will have choice to adopt different
technologies for their training. They will be fully trained on that technology.

In the Sumago Infotech PVT. LTD. during the entire 6 weeks Implant Training, we
have come across various new things which were really interesting and were not
that much aware to those things. In our industry we can attended the online ITR
lectures. and this online lecture is best experience in the implant training.
 INDEX

Sr No. Title of Chapter Page No.

1. Company Background and Organizational 1-

Structure 5
2. Introduction 6-8

3. Services Offered 9-12

4. Safety Procedures 13

5. Experiments in Industry 14-18

6. Description of the Project 19-22

7 Experience in Industry 23-24

- References 25

-
 Chapter 1
COMPANY BACKGROUND & ORGANIZATION
STRUCTURE

We at Sumago Infotech PVT. LTD. are a group of IT experts, who

accompanied a promise of conveying technology-enabled business solutions. We
give world-class software and web advancement services that focus on assuming
a supportive job to your business and its holistic development. Our profoundly
skilled associates and worldwide conveyance capabilities ensure the accessibility
and scale to adjust client's technology solutions to their business needs. Our
offerings span the whole IT life cycle from Consulting through Packaged, Custom,
and Cloud Applications as well as an assortment of Infrastructure Services.
We have certified and tech savvy professionals who are richly experienced
in different disciplines of online solutions that exceptionally support the
businesses to fulfil several objectives We craft the solutions as per the
requirements of the clients

Services Provided by Sumago Infotech PVT. LTD.:

• Website Design & Development
• Branding, Catalogue Designing, Logo Design
• Web hosting, Domain Registrations & Professional Email Service
• CRM, ERP Software Development
• Customized Software Development
• E-Commerce Website Development
• Android Application & IOS Application Development
• Search Engine Optimization & Social Media Management
• Bulk Email Service, Bulk SMS Service
• SAP Business one Support & Consultancy
• IT Consultancy
•
Some Statistics about Sumago Infotech PVT. LTD.:
 50+ Work Experiences
 750+ Clients
 55+ CRM Client & ERP
 700+ Static Websites
 22 Web Development Team
 5 Android Development Team

Some Training Statistics of Sumago Infotech PVT. LTD.:

 100 + Workshops
 80 + Seminars
 55 + Corporate Training
 70 + MOU
 5000 + Students Trained
 1000 + Tech Video Library

Dept. of Computer 7 Amrutvahini

Working Style / Development Process:

Dept. of Computer 8 Amrutvahini

 Chapter 2
INTRODUCTION TO
COMPANY

2.1 Introduction

Sumago Infotech PVT. LTD. give world-class software and web advancement
services that focus on assuming a supportive job to our business and its holistic
development. It profoundly skilled associates and worldwide conveyance
capabilities ensure that accessibility and scale to adjust client’s technology
solutions to their business needs. It has certified and tech savvy professionals who
are richly experienced in different disciplines of online solutions that exceptionally
support the business to fulfil several objectives.

Location: Sumago Infotech PVT. LTD., Kamod Nagar, Nashik, Maharashtra

Industry Product Range :

Sumago Infotech PVT. LTD. are a group of IT experts, who accompanied a promise
of conveying technology- enabled business solution. We give world-class software
and they advancement services that focus on assuming a supportive job to your
business and its holistic development.

Some Statistics about Sumago Infotech PVT. LTD.:

 50+ Work Experiences
 750+ Clients
 55+ CRM Client & ERP
 700+ Static Websites
 22 Web Development Team
 5 Android Development Team

Some Training Statistics of Sumago Infotech PVT. LTD.:

 100 + Workshops
 80 + Seminars
 55 + Corporate Training
 70 + MOU
 5000 + Students Trained
 1000 + Tech Video Library

Dept. of Computer 9 Amrutvahini

 Chapter 3
SERVICES
OFFERED

 WEB DESIGN & DEVELOPMENT

Today business strategies have been changed, online presence is becoming

key factor for every business irrespective of its size, it is an implied rule, that if
your business is progressive enough, it will undoubtedly have a website of its own.
Website is the best method to enrich progress of your business by customizing
correspondence strategy for target audience and furthermore to generate generic
data about potential customer.

Our team makes effective use of the latest designing, website development,
maintenance tools for the benefit of the client's representation on the World Wide
Web Our team of expert designers and developers work with same enthusiasm to
develop all type of websites like simple static website, event management
website, matrimony website, retails website to e- commerce website. Our team
focuses on optimized content, graphics, designs and other light weight elements
so as to make an interactive stage which draws in more targeted customers. We
make the best use of web-based tools to deliver custom web designs which make
effective use of blaze, and other such designing techniques which will benefit your
internet marketing objectives

 MOBILE APP DEVELOPMENT

The number of Android users is growing rapidly all over the globe. If you feel,
mobile technology is important to your business, services, or products then you
need a partner like Sumago Infotech PVT. LTD.. Hire our professional android app
developers, who are well-versed in App development and create path-breaking
Android Apps. Do you wish to create an Android App within an affordable budget?
Sumago Infotech PVT. LTD. has a professional and highly qualified team of Android
App developers. With extensive experience and in-depth knowledge in building
unique Android Apps, we offer Apps development service across the world. Our
expert team will understand your requirement and will deliver good results along
with an end-to-end service to assist you at every stage.

Our team of programmers has strong technical proficiency with a huge experience
in Android platform and technologies. Our services of Android app development
include Custom Android app development, cross-platform Android app
development, Android games development, Android app QA & testing, Android app
enhancements & upgrades, Android widget development, Android support &
maintenance and more. If you want to build the best app, connect with a leading
Android app development company in India. We ensure your app is optimized
effectively, look no further than Sumago Infotech PVT. LTD.. As we have a massive
amount of experience in app design, development, and support.

Dept. of Computer 1 Amrutvahini

  SOFTWARE DEVELOPMENT

Today, Sumago Infotech PVT. LTD. has earned prominence in developing error -
free, innovative, class-apart software solutions for their clients. Sumago Infotech
PVT. LTD. is one such destination, where every client is satisfied and happy by the
results they get. Our team follows systematic way of development; every software
is developed and delivered before timeline without compromising in quality.
Repetitive orders are the evidence of our professional work approach.

 DIGITAL MARKETING

Digital marketing has become one of the most popular buzzwords in the last
couple of years. Everybody is talking about digital marketing and professionals
praise it's the way to grow an online business. If you type the phrase 'digital
marketing' in Google trends, you will see that there is a clear upshift in search
terms related to digital marketing.

Our Digital Marketing include Search Engine Optimization, Social Media

Marketing, Email Marketing Service, Affiliate Marketing, Pay Per Click.

 GRAPHICS DESIGNING

Designs play a key role while converting your idea to real product or service.
Every business grows with interest of target audience in your product or service,
the design is what make your audience engages to your business.

Our creative expert designers have increased our customer's acquisition rate by
implementing innovative and creative concepts. We provide our vast services
from concept to finished product

Our Graphic Services include Logo design, Graphic design, Company Profile
Design, Social Media Post, Brochure Customized Design.

 ERP AND CRM SOFTWARE

Sumago Infotech PVT. LTD. is a top ERP and CRM Software solutions provider
company. We offer full featured, flexible and award-winning software solutions with
ERP and CRM that is unmatchable in the current market. We help enterprises to
reach the high levels of success with innovative business management software
solutions. The tech savvy experts are highly dedicated and experienced to scale up
the business to new heights of success. We redefine the integral business
operations with best-in-class ERP and CRM solutions that are designed as per the
competitive market. We give high efforts for meeting ever-increasing customer
expectations. With our specially designed software solutions, we ensure to boost
up productivity and efficiency

Dept. of Computer 1 Amrutvahini

  DOMAIN NAME REGISTRATION

Sumago Infotech PVT. LTD. conveys genuine Domain Name Registration Services
according to the particulars of the customers. Sumago Infotech PVT. LTD. has
exceptionally experienced educated experts who comprehend the shifting
necessities of customers and are additionally mindful about the various
components of Domain registration. We separate the websites according to the
base of the business and designate the particular domain names. We offer nation
level domains like .in, org.in, ac.in, and so forth alongside.com, organization, .net,
and so forth. We offer Domain Name Registration administrations for government,
private, instructive, human services and web-based business sites alongside
different business segments.

 LINUX WEB HOSTING

Sumago Infotech PVT. LTD. has earned wide notoriety as an expert web hosting
specialist organization. For conveying high evaluation web hosting
administrations to quantities of organizations just as experts since years,
Sumago Infotech PVT. LTD. has gotten the primary decision in the market. We
have some expertise in Linux Web Hosting administrations and solutions for the
customers requesting for quick, dependable and stable working framework.

Sumago Infotech PVT. LTD. brings world class quality Linux Web Hosting
administrations. We have the group of specialists who endeavor hard to furnish top
quality Linux web hosting with uncommon mix of the unequalled reliability. We have
various bundles for people and independent ventures just as enormous
organizations. We offer exceptional bundles for web designers also!

Dept. of Computer 1 Amrutvahini

 Chapter 4
SAFETY

PROCEDURES

4.1 GENERAL SAFETY

 Reduce the risk of workplace incidents, injuries, and fatalities through
data- driven measurements and improvements

 Involve people from different parts of the organization to make safety a

shared Responsibility

 Be well organized and structured to ensure consistent growth and

performance.

 Be proactive, preventive and integrated into the culture of the entire

organization.

 Verify your backups are working.

 Check disk usage.

 Monitor RAID Alarms.

 Update Your OS.

 Update your Control Panel.

 Check application updates.

 Check remote management tools.

 Check for hardware errors.

 Check server utilization.

 Review user accounts.

 Change passwords.

 Check system security.

Dept. of Computer 1 Amrutvahini

 TOPICS WE LEARN IN THE INDUSTRY
Exploring Key Areas of Knowledge and Skills for Professional
Development

 HTML
HTML, short for Hypertext Markup Language, is the foundation of web
development and a fundamental language for creating web pages. It provides
a structured framework for organizing content on the internet. HTML utilizes
tags to define the structure and presentation of elements within a webpage.
These tags, enclosed in angle brackets, indicate the purpose and
characteristics of different elements such as headings, paragraphs, images,
links, tables, and forms.

HTML follows a hierarchical structure, with the <html> tag as the root element.
Inside the
<html> tag, there are <head> and <body> tags. The <head> section
contains meta- information about the webpage, such as the title, character
encoding, and external stylesheets or scripts. The <body> section
encompasses the visible content of the webpage.

HTML tags are used to define various elements. For example, the <h1> to
<h6> tags represent headings of different levels, with <h1> being the highest
and <h6> the lowest. Paragraphs are defined using the <p> tag, while images
are inserted with the <img> tag. Links are created using the <a> tag,
allowing users to navigate between web pages. Tables are structured using
the <table>, <tr>, and <td> tags, among others.

Attributes can be added to HTML tags to provide additional information or

functionality. For instance, the "src" attribute is used in the <img> tag to
specify the image source, while the "href" attribute in the <a> tag defines the
destination URL of a link.

HTML is a versatile language that serves as the backbone of web

development. Understanding its basics enables developers to create well-
structured and visually appealing web pages that are accessible to users
across different devices and browsers.

 CSS
CSS (Cascading Style Sheets) is a fundamental technology used in web
development to control the visual appearance and layout of HTML elements on
a webpage. It provides a set of rules and properties that define how elements
should be presented, allowing developers to enhance the design and user
experience of their websites.
CSS works by applying styles to HTML elements, either directly within the
HTML file or in an external CSS file that is linked to the HTML document. It
uses a selector mechanism to target specific elements and then applies
various styling properties to modify their appearance.

Dept. of Computer 1 Amrutvahini

  BOOTSTRAP
Bootstrap is a popular open-source framework for building responsive and
mobile-first websites. It provides a collection of pre-designed HTML, CSS, and
JavaScript components that can be easily integrated into web projects,
enabling developers to create visually appealing and user-friendly interfaces
quickly.

The core concept of Bootstrap is its grid system, which allows developers to
create flexible and responsive layouts. The grid system divides the web page
into a series of rows and columns, making it easy to arrange content and
adapt it to different screen sizes and devices.

In addition to the grid system, Bootstrap offers a wide range of components,

such as buttons, forms, navigation menus, carousels, and modals. These
components come with predefined styles and behaviors, reducing the need for
custom coding and speeding up the development process.

Bootstrap also provides a responsive design approach, ensuring that websites

automatically adjust their layout and appearance based on the screen size and
orientation of the device being used. This helps create a consistent user
experience across various devices, from desktops to tablets and smartphones.

By using Bootstrap, developers can save time and effort by leveraging ready-
made components and styles, allowing them to focus on functionality and
customization. It has become a popular choice in the industry for rapid
prototyping, building minimum viable products (MVPs), and creating visually
appealing websites with modern design aesthetics.

 JAVASCRIPT
JavaScript is a versatile programming language that is widely used for creating
interactive websites and web applications. It is a client-side scripting language,
meaning it runs directly in the user's web browser. JavaScript allows
developers to add functionality, handle user interactions, and manipulate web
page elements dynamically.

At its core, JavaScript provides the basic building blocks of programming, such
as variables, data types, operators, control structures (if statements, loops),
and functions. These fundamental concepts enable developers to write scripts
that perform calculations, make decisions, and execute repetitive tasks.

One of JavaScript's key features is its ability to manipulate the Document

Object Model (DOM). The DOM represents the structure of an HTML document,
and JavaScript can access and modify elements, attributes, and content within
the DOM. This allows developers to create dynamic and interactive web pages,
updating content, responding to user actions, and creating visually appealing
effects.

Dept. of Computer 1 Amrutvahini

JavaScript also supports various APIs (Application Programming Interfaces)
that provide additional functionality beyond the browser environment. These
APIs enable tasks such as making HTTP requests (fetching data from a server),
manipulating browser history, accessing device sensors (e.g., geolocation),
and working with multimedia (audio, video).

Additionally, JavaScript has a vast ecosystem of libraries and frameworks, such

as React, Angular, and Vue.js, which simplify and enhance the development
process. These tools provide pre-built components, advanced features, and
efficient ways to organize and manage code.

Overall, understanding the basics of JavaScript is essential for web developers

as it forms the foundation for creating interactive and dynamic web
experiences.

Dept. of Computer 1 Amrutvahini

 Chapter 5
EXPERIMENT IN
INDUSTRY
----------------------------------------------------------
"Experimentation in Industry: Unleashing Innovation and Driving Growth
through Hands-on Trials and Iterative Processes"

In today's rapidly evolving business landscape, experimentation has emerged as

a critical component for industries seeking to stay ahead. This short description
explores the significance of experimentation in industry, highlighting how it fuels
innovation and drives growth. By embracing a mindset of trial and error,
businesses can explore new ideas, test hypotheses, and gather valuable insights
to optimize processes, develop new products, and enhance customer
experiences. Through iterative experimentation, industries can adapt to
changing market demands, identify opportunities, and ultimately achieve
sustainable success in an ever-changing business environment

During our learning journey, we successfully created a total of five static

websites. Three of these websites were developed with the valuable assistance
of our mentor during our daily practical sessions. Additionally, we designed two
individual static websites, each serving a unique purpose: one for our personal
portfolio and resume, and another specifically tailored for a CBSE school.

To showcase our accomplishments, we have attached screenshots of all the

projects we have completed. These screenshots provide a visual representation
of the websites we developed, demonstrating our skills and the outcomes of our
hard work.

Dept. of Computer 1 Amrutvahini

Screenshot:

Dept. of Computer 1 Amrutvahini

Dept. of Computer 1 Amrutvahini
Dept. of Computer 2 Amrutvahini
 Chapter 6
DESCRIPTION OF
PROJECT
---------------------------------------------------------
-

Project Title: Resume Builder with Python and

Django Description:

The Resume Builder project is a web application developed using Python and Django that
simplifies the process of creating and managing professional resumes. This project aims to
provide users with an easy-to-use platform to craft well-structured and visually appealing
resumes tailored to their skills and experiences.

Key Features:

1. User-Friendly Interface: The application offers an intuitive and user-friendly interface for users
to input their personal information, educational background, work experience, skills, and more.

2. Real-Time Preview: As users input their details, they can see a real-time preview of their
resume. This feature enables them to make instant changes and adjustments, ensuring the final
resume meets their expectations.

3. Customization Options: The project allows users to customize the layout, font, color scheme,
and other design elements of their resume, giving them the flexibility to match their personal
style.

4.Download and Sharing: Once the resume is finalized, users can download it in formats such as
PDF or DOCX. Additionally, a unique shareable URL is generated, enabling users to share their
resumes with potential employers or collaborators.

5. User Authentication: The project includes a secure user registration and authentication system,
ensuring that users' data remains private and accessible only to them.

6. Responsive Design: The web application is designed to be responsive, adapting seamlessly to

various screen sizes and devices, including mobile phones and tablets.

7. Future Expansion: While currently offering a robust set of features, the project is designed to
accommodate future enhancements such as integration with external platforms like LinkedIn for
data import, collaboration features for career advisors, and advanced template customization
options.
 Chapter 7

Experiences in

Industry

REFERENCES

------------------------------------------------------------------
--

HTML:

 Mozilla Developer Network (MDN) HTML

Documentation: https://developer.mozilla.org/en-
US/docs/Web/HTML

 W3Schools HTML Tutorial:

https://www.w3schools.com/h
tml/

CSS:

 Mozilla Developer Network (MDN) CSS Documentation:

https://developer.mozilla.org/en- US/docs/Web/CSS

 W3Schools CSS Tutorial:

https://www.w3schools.com/
css/

Bootstrap:

 Bootstrap Documentation: https://getbootstrap.com/docs/

 W3Schools Bootstrap Tutorial:

https://www.w3schools.com/bootst
rap/

JavaScript:

Mozilla Developer Network (MDN) JavaScript

Documentation:
https://developer.mozilla.org/en-US/docs/Web/JavaScr
ipt

 W3Schools JavaScript
Tutorial:
https://www.w3schools.co
m/js/
 Sumago Infotech PVT. LTD. WEEKLY REPORT

Week 1: From Date: 07/06/23 To: 13/06/23

Da Activities Carried Out

y
1 Introduction of Sumago Infotech PVT. LTD. and Team Structure. Identify
Responsibilities of different People working In the Company.

2 What is Python
•Things to keep in mind installing editor
•Understanding python basic syntax
•Features of Python, datatype in it
•What are keywords in Python

3 Operators in java
•Arithmetic Operators
•Assignment Operators
•Relational Operators
•Logical Operators
•Bitwise Operators
•Membership Operators
•Identity Operators

4 Data Types in Python

•Operations on String
•Introduction to Lists
•Methods of Lists

5 Introduction to Tuples
•Understanding Concepts of Tuple
•Understanding Concepts of Sets
•Understanding Concepts of Dictionary

6 Practice Session
Week 2: From Date: 14/06/23 To: 20/06/23

Da Activities Carried Out

y
1 Knowing about Conditional and Control Statements
•Introduction to flow control statements
•If statement
•If-Else Statement
•Nested If Statement
•Elif Statement
2 Functions in Python
• Syntax of functions in python
• Benefits of Functions
• Types of functions

3 Anonymous Function
•Introduction to Anonymous Function, Special Function
•Understanding concepts of OOP
•Introduction to Constructors in Python
•Types of Constructors
•Inheritance Introduction

4 Polymorphism in Python
•Method Overriding
•Method Overloading
•Polymorphism with Inheritance
•Abstraction
•Encapsulation

5 Exception Handling In Python

•Types of Error
•Concept of Try-Except
•Understanding concept of try-except, else, finally
•User-defined Exception

6 Practice Session
Week 3: From Date:21/06/23 To: 27/06/23

Da Activities Carried Out

y
1 File Handling
•Operations on File Handling
•Read operations
•Write operation
•Append content in a file
•Remove files
•Read all lines in a file

2 Learning about database connectivity

•Database interaction with python
•Installation of python
•Connection of Python database
•CRUD operations: Create, Read, Update, Delete:
•Integration of Python in Database

3 What is Html and CSS

• Things to keep in mind installing editor
• Understanding html page structure Html tags HTML attributes
• how to add paragraph heading comment quote and formatting text
• How to add link image and table in html page
• What is div span iframe and creating lists
•Assignment to use All Above Content in One Program

4 Getting learned about Form control.

•Forms control
•Overall Session Task in HTML Form:

5 CSS syntax selector and ways to add CSS

•Handling background
•How to apply different style on text
•Handling font
•what is class Handling CSS stylesheets Adding comment styling html lists
•How to give border outline margin padding dimensions
Assignment to use All Above Content in One Program
6 Practice Session
Week 4: From Date: 28/06/23 To: 04/07/23

Da Activities Carried Out

y
1 CSS Box Model , Font , Background
•CSS Box Model
•Background Color
•Background Image
•Font family 9-
•Font size
•CSS Form

2 Getting introduced to Bootstrap

•Bootstrap introduction (v5.2.3)
•Bootstrap container and container-fluid
•Bootstrap basic grid
•Bootstrap table
•Bootstrap form
•Bootstrap button with color
3 Using bootstrap model
•Understanding concept of Bootstrap
•Syntax of function
• Rules to create a function
•Parameterized function
•Return statement
•Javascript scope
4 DOM structure
•Introduction
•DOM structure
•DOM structure in JavaScript
•Javascript validation
•Javascript validation techniques
•Benefits of javascript validation

5 Introduction to Django
•How Django works
•First Django project
•First Django application(App)
•Creating simple Django projects

6 Practice Session
Week 5: From Date: 05/07/23 To: 11/07/23

Da Activities Carried Out

y
1 URLs, Views and Routing views
•URL’s views and routing overview
•Function-based views - basics
•Dynamic views and routing logic
•Reverse URL’s and URL names
•Connecting a view to a template
2 Learning Django templates ,template diretories
•Django templates
•Templates directories
•Variables in templates
•Filters
•Tags
•For loops
•If, Elif, Else tags
3 Introduction to models in database
•Database overview
•Models and database
•Models and fields
•Migrations
•Data interactions
•Data interaction
4 Data interaction
•Updating entries
•Deleting entries
•Connecting templates and database models

5 Django administration
•Django administration
•Django admins and models
•Introduction to Django forms section
•GET, POST, CSRF Overview
•Django forms class basics
•Django forms-template rendering
•Django model forms
6 Practice Session
Week 6: From Date: 12/07/23 To: 19/07/23

Da Activities Carried Out

y
1 Introduction to class based views
•Class based views
•Templates view
•Form view
•Create view
•List view
•Detail view
•Update view
•Delete view
2 User authentication
•User authentication and sessions
•User authentication with user model
•Registration and forms
•User specific pages
3 Django linode deployment
•Introduction to Django deployment
•Linode setup and SSH connection
•Version control with git and github
4

5
WORKING ON PROJECT “RESUME BUILDER”
6
 Project Code:-

Home Page:-

{%load static%}
<!doctype html>
<html lang="en">

<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-
scale=1">

<!-- Bootstrap CSS -->

<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstra
p.min.css " rel="stylesheet"
integrity="sha384-
1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2
QvZ6jIW3 " crossorigin="anonymous">

<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-
awesome/6.4.0/css/all.min.css"
integrity="sha512-
iecdLmaskl7CVkqkXNQ/ZH/XLlvWZOJyj7Yy7tcenmpD1ypASozpmT/E0i
PtmFIB 46ZmdtAc9eNBvH0H/ZpiBw=="
crossorigin="anonymous" referrerpolicy="no-referrer" />

<link rel="stylesheet" href="{%static 'css/main.css'%}">

<title>ResumeGenius.com</title>

</head>

<body style="background-color: rgb(255, 255, 255)">

<nav class="navbar navbar-expand-lg navbar-dark "
style="background- color: rgb(14, 33, 84); backdrop-filter:
blur(10px); border: 2px solid rgba(255, 255, 255, 0.1);
box-shadow: 0 0 40px rgba(8, 7, 16, 0.6);">
<div class="container-fluid " style="align-items: center;">
<h4 style="font-family:'Arial Narrow Bold';"><b
class="bold "><img class="dropdown-toggle logo"

Dept. of Computer 2 Amrutvahini

 type="button" data-bs-toggle="dropdown"
aria- expanded="false"
src="{%static 'images/weblogo.png'%}" alt=""
width="40px" height="30px"><b
style="color: rgb(255,
255,
255);">Resume</b>Genius</b></
h4>

<button class="navbar-toggler" type="button"

data-bs- toggle="collapse"
data-bs-
target="#navbarSupportedContent" aria-
controls="navbarSupportedContent" aria-
expanded="false"
aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>

<div class="collapse navbar-collapse"

id="navbarSupportedContent">

<ul class="navbar-nav me-auto mb-2 mb-lg-0 justify-

content-
end"
> <li class="nav-item ">
<a class="nav-link active" aria-current="page"
href="#"><i
class="fa fa-
home" aria-hidden="true"></i><b >Home</b></a>

</li>
<li class="nav-item ">
<a class="nav-link" href="{% url 'resume' %}"><i
class="fa fa- file-text" aria-hidden="true"></i><b
class="item">Create
Resume</b></a>
</li>
<li class="nav-item ">
<a class="nav-link" data-bs-toggle="modal"
data-bs- target="#aboutModal"><i
class="fa fa-address-book"
aria-hidden="true"></i><b class="item">About</b></a>
</li>
<li class="nav-item ">
<a class="nav-link" href="/"><i class="fa fa-
envelope" aria- hidden="true"></i><b class="item">Contact
Us</b></a>
</li>

</ul>

Dept. of Computer 3 Amrutvahini

 <ul class="navbar-nav">

<li class="nav-item dropdown">

{% if user.is_authenticated %}
<h4><a class="nav-link active dropdown-
toggle" type="button" data-bs-toggle="dropdown"
aria-expanded="false">hii,{{fname}} <i
class="fa fa-user- circle" aria-hidden="true"></i>
</a>
{% endif %}
<ul class="dropdown-menu col-2">
<li>
<a class="dropdown-item"
type="submit" href="/signout">Logout</a>

</li>
<li>
<hr class="dropdown-divider">
</li>
<li><a class="dropdown-item"
href="{% url 'signup' %}">Change Password</a></li>
</ul>
</li>
</ul>

</div>

</div>

</div>
</div>
</nav>

<div class="content1">
<center>
<h1 style="font-weight: 600;">Resume examples &
templates</h1>
<div class="col-8">
<p>Increase your chances of finding a job and create
your Resume with one of our professionally designed
Resume templates. Curious to find out how these
templates can work for you? Scroll down and check
out
the different resume examples we've made to inspire

Dept. of Computer 3 Amrutvahini

 you.<br><br><br></p>
<h4><a href="{% url 'resume' %}"><button
class="button1">Create Your Resume
Now</button></a></h4>
</div>

</center>
</div>
<div class="container">

</div>

<div class="section-
one">
<div class="container">
<div class="section-one-content">
<div class="section-one-l">
<img
src=" {%static 'images/visual-
0c7080adf17f1f207276f613447c924f667dab34b7ac415cd7ef653172
defd0b.svg '%}">
</div>
<div class="section-one-r text-center">
<h2 class="lg-title">Use the best resume maker
as your guide!</h2>
<p class="text">Getting that dream job can
seem like an impossible task. We're here to change that.
Give yourself a real advantage with the best online
resume maker: created by experts, imporved
by data, trusted by millions of professionals.</p>
<div class="btn-group">
<a href="{% url 'resume' %}" class="btn btn-
primary text- uppercase">create my resume</a>
<a href="#" class="btn btn-secondary text-
uppercase">watch
video</a>
</div>
</div>
</div>
</div>
</div>

<div>
<form action="">
<div class="row row-cols-1 row-cols-md-3 g-5"
style="margin-left: auto; margin-right:auto; margin-
top:auto; ">

Dept. of Computer 3 Amrutvahini

 <div class="col">
<div class="card h-100">
<img type="button" src="{%static
'images/temp1.png'%}" class="card-img-top tempcard"
alt="..."
data-bs-toggle="modal" data-bs-
target="#temp1" style="height: 100%">
</div>
</div>
<div class="col">
<div class="card h-100">
<img type="button" src="{%static
'images/temp2.png'%}" class="card-img-top tempcard"
alt="..."
data-bs-toggle="modal" data-bs-
target="#temp2" style="height: 100%">
</div>
</div>
<div class="col">
<div class="card h-100">
<img type="button" src="{%static
'images/temp3.jpg'%}" class="card-img-top tempcard"
alt="..."
data-bs-toggle="modal" data-bs-target="#temp3">
</div>
</div>
<div class="col">
<div class="card h-100">
<img type="button" src="{%static
'images/temp3.jpg'%}" class="card-img-top" alt="..."
data-bs-toggle="modal" data-bs-target="#temp3">
</div>
</div>
<div class="col">
<div class="card h-100">
<img type="button" src="{%static
'images/temp3.jpg'%}" class="card-img-top" alt="..."
data-bs-toggle="modal" data-bs-target="#temp3">
</div>
</div>
<div class="col">
<div class="card h-100">
<img type="button" src="{%static
'images/temp3.jpg'%}" class="card-img-top" alt="..."
data-bs-toggle="modal" data-bs-target="#temp3">
</div>

Dept. of Computer 3 Amrutvahini

 </div>
</div>
</form>
</div>

<!-- temp1 modals -->

<div class="modal fade" id="temp1"
tabindex="-1" aria- labelledby="aboutModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close"
data-bs- dismiss="modal"
aria-label="Close"></button>
</div>
<div class="modal-body">
<img src="{%static 'images/temp1.png'%}" alt=""
style="height: fit-content; width:28rem">
</div>
<div class="modal-footer">

<a href="{% url 'temp1' %}"><button class="btn

btn-primary" type="button">Create resume</button></a>
</div>

</div>
</div>
</div>
</div>
</div>

<!-- temp2 modals -->

<div class="modal fade" id="temp2"
tabindex="-1" aria- labelledby="aboutModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close"
data-bs- dismiss="modal"
aria-label="Close"></button>
</div>
<div class="modal-body">
<img src="{%static 'images/temp2.png'%}" alt=""
style="height: fit-content; width:28rem">
</div>

Dept. of Computer 3 Amrutvahini

 <div class="modal-footer">

<a href="{% url 'temp2' %}"><button class="btn

btn-primary" type="button">Create resume</button></a>
</div>

</div>
</div>
</div>
</div>

<!-- temp3 modals -->

<div class="modal fade" id="temp3"
tabindex="-1" aria- labelledby="aboutModalLabel"
aria-hidden="true">
<div class="modal-dialog modal-dialog-scrollable">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close"
data-bs- dismiss="modal"
aria-label="Close"></button>
</div>
<div class="modal-body">
<img src="{%static 'images/temp3.jpg'%}" alt=""
style="height: fit-content; width:28rem">
</div>
<div class="modal-footer">

<a href="{% url 'temp1' %}"><button class="btn

btn-primary" type="button"
href="{%static
'temp1.html'%}">Create resume</button></a>
</div>

</div>
</div>
</div>
</div>

<!-- temp4 modals -->

<div class="modal fade" id="temp4"
tabindex="-1" aria- labelledby="aboutModalLabel"
aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">

Dept. of Computer 3 Amrutvahini

 <button type="button" class="btn-close"
data-bs- dismiss="modal"
aria-label="Close"></button>
</div>
<img src="{%static 'images/feature-3-
4e87a82f83e260488c36f8105e26f439fdc3ee5009372bb5e12d9421f3
2eabdd.sv g'%}"
alt="">

</div>
</div>
</div>
</div>

<!-- temp5 modals -->

<div class="modal fade" id="temp5"
tabindex="-1" aria- labelledby="aboutModalLabel"
aria-hidden="true">
<div class="modal-dialog">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="btn-close"
data-bs- dismiss="modal"
aria-label="Close"></button>
</div>
<img src="{%static 'images/feature-3-
4e87a82f83e260488c36f8105e26f439fdc3ee5009372bb5e12d9421f3
2eabdd.sv g'%}"
alt="">

</div>
</div>
</div>

<div class="section-two bg-secondary">

<div class="container">
<div class="section-two-content">
<div class="section-items">
<div class="section-item">
<div class="section-item-icon">
<img src=" {%static 'images/feature-1-
edf4481d69166ac81917d1e40e6597c8d61aa970ad44367ce78049bf8
30fbda5.s vg'%}"
alt="">
</div>

Dept. of Computer 3 Amrutvahini

 <h5 class="section-item-title">Make a resume
that wins interviews!</h5>
<p class="text">Use our resume maker with its
advanced creation tools to tell professional story
that engages recruiters, hiring managers and even
CEOs.</
p> </div>

<div class="section-item">
<div class="section-item-icon">
<img src=" {%static 'images/feature-2-
a7a471bd973c02a55d1b3f8aff578cd3c9a4c5ac4fc74423d94ecc04aef
3492b.svg '%}"
alt="">
</div>
<h5 class="section-item-title">Resume writing made
easy!</
h5> <p class="text">Resume writing has never been this
effortless.
Pre-generated text, visual
designs and more - all already integrated into the
resume maker. Just fill in your details.
</p>
</div>

<div class="section-item">
<div class="section-item-icon">
<img src=" {%static 'images/feature-3-
4e87a82f83e260488c36f8105e26f439fdc3ee5009372bb5e12d9421f3
2eabdd.sv g'%}"
alt="">
</div>
<h5 class="section-item-title">A recruiter-tested CV
tool</ maker
h5>
<p class="text">Our resume builder and its pre-
generated
content are tested by recruiters and IT
experts. We help your CV become truly
competitive in the hiring process.</p>
</div>
</div>
</div>
</div>
</div>
<div>

Dept. of Computer 3 Amrutvahini

 <footer class="footer">
<div class="container">
<div class="footer-content text-center">
<p class="fs-15">&copy;Copyright 2023. All Rights
Reserved -
<span>ResumeGenius</span></p>
</div>
</div>
</footer>

<!-- Option 1: Bootstrap Bundle with Popper -->

<script
src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.b
undle.mi n.js"
integrity="sha384-
ka7Sk0Gln4gmtz2MlQnikT1wXgYsOg+OMhuP+IlRH9sENBO0LRn5q+8
nbTov4
+1p"
crossorigin="anonymous"></script>

</body>

</html>

Dept. of Computer 3 Amrutvahini