MAHARASHTRA STATE BOARD OF TECHNICAL

EDUCATION, MUMBAI MAHARASHTRA (INDIA)

Implant Training Report Submitted in partial fulfillment
For the award of the
Diploma in Computer Engineering
Submitted by
ENROLLMENT NAME OF STUDENT EXAM SEAT NO
NO.
2115520055 Prajolit Sarvarsing Thakare

Mode of Implant
Training Offline Training

Shri Ambabai Talim Sanstha’s DXRAD PRIVATE LIMITED

Sanjay Bhokare Group of Institutes , Plot No. 46, South Shivaji
Faculty of Polytechnic, Miraj – 416410 Nagar, Near Reliance Market,
www.sbgimiraj.org Sangli, Maharashtra 416416

Mentor Industry Supervisor

Mr. C. P. Divate. Mr. Abhay Revankar.

DEPARTMENT OF COMPUTER ENGINEERING

ACADEMIC YEAR

1
2022-2023

2
CERTIFICATE

3
 DECLARATION

I hereby declare that the discussion entitled in DXRAD

PRIVATE LIMITED being submitted by us towards the partial fulfillment of

the Diploma in Engineering, in the Department of Computer Engineering

is implant training work carried by me under the supervision of Mr. C. P.
Divate, and Industry resource person Co-Guide Mr. Abhay Revankar.
Trainer and have not been submitted anywhere else.

We will be solely responsible if any kind of plagiarism is found.

Enrollment No Name Of Student Signature

2115520055 Prajolit Sarvarsing Thakare

Place: ATS, SBGI, Miraj

Date: --------------

4
 Shri Ambabai Talim Sanstha’s
Sanjay Bhokare Group Of Institutes
Faculty of Polytechnic, Miraj – 416410
Approved by AICTE, New Delhi, DTE
Mumbai and Affiliated to MSBTE Mumbai

Certificate of Completion of Industrial Training

This is to certify that Mr. Prajolit Sarvarsing Thakare with Enrollment

No.2115520055 has successfully completed Industrial Training in DXRAD PRIVATE
LIMITEDE from 07th June 2023 to 22nd July 2023 for partial fulfilment towards
completion of Diploma in Computer Engineering from ATS, Sanjay Bhokare Group Of
Institutes, Miraj Institute code 1552.
The matter presented in this Implant Training report is an authentic record of our
student work carried out during training period, under the supervision of Mr. C .P. Divate
Faculty, Head of Department Mr. C. P. Divate and under the monitoring of Mr. Abhay
Revankar. of Computer Engineering Department. Also it has not been submitted by us
for the award of any other diploma elsewhere.

Mr. C. P. Divate Mr. Abhay Revankar. Ms.N.R.Bhokare.Head

Training Mentor CTO of DXRAD Of Department
Department Of Computer PRIVATE LIMITED Department Of Computer
Engineering Engineering
Faculty Of Polytechnic, Faculty Of Polytechnic,
Miraj Miraj

External-Examinar Dean Director

Department Of Computer Sanjay Bhokare Group Of Sanjay Bhokare Group Of
Engineering Institutes Institutes Miraj
Appointed By MSBTE, Faculty Of Polytechnic,
Mumbai Miraj

Place: ATS SBGI, Miraj Date:----------------

5
 ACKNOWLEDGEMENT

We like to share our sincere gratitude to all those who help us in completion of
this Implant Training. During the work we faced many challenges due to our lack of
knowledge and experience but these people help us to get over from all the difficulties
and in final compilation of our idea to a shaped sculpture.

I am indeed grateful to Head of Department of Computer Engineering

Ms.N.R.Bhokare. for being an effective source of inspiration.

We would like to thank Mr. C. P. Divate sir as well as Mr. Abhay Revankar sir
for his governance and guidance, because of which our whole team was able to learn
the minute aspects of a Computer Engineering.

We would also like to show our gratitude to our department faculties Ms. S. A.
Bhandare, Mr. S.M. Patil. of our Computer Engineering department for their continuous
help and monitoring during the work. I am thankful to supporting staff of our Department
as well as DXRAD PRIVATE LIMITED, for their help and support towards my training.

In the last we would like to thank the management of ATS, Sanjay Bhokare
Group Of Institutes, Miraj for providing us such an opportunity to learn from these
experiences.

We are also thankful to our whole class and most of all to our parents who have
inspired us to face all the challenges and win all the hurdles in life.

Thank you All.

Enrollment No Name Of Student

2115520055 Prajolit Sarvarsing Thakare

Place: ATS, SBGI, Miraj Date:-----------------

6
 ABSTRACT
This is a report on in-plant training carried out at DXRAD PRIVATE
LIMITED during 07-06-2023 to 22-07-2023. DXRAD PRIVATE LIMITED is an industry
and based in Sangli, India. Founded by Abhay Revankar & Priya Revankar, in 2007.

DXRAD PRIVATE LIMITED is a Private incorporated on 05 January 2023. It

is classified as Non-govt company and is registered at Registrar of Companies, Pune. Its
authorized share capital is Rs. 1,000,000 and its paid up capital is Rs. 100,000. It is involved
in Other computer related activities [for example maintenance of websites of other firms/
creation of multimedia presentations for other firms etc.

DXRAD PRIVATE LIMITED's Annual General Meeting (AGM) was last held
on N/A and as per records from Ministry of Corporate Affairs (MCA), its balance sheet was
last fill on N/A.

7
 Table of Contents
Contents Page No
Tittle Page 1
Certificate 2
Declaration 3
Company completion certificate 4
Acknowledgement 5
Abstract 6
Index 7-9
Chapter 1 10
INTRODUCTION OF INPLANT TRAINING 9-13

1.1 Need 10
1.2 Scope 10
1.3 Objectives 11
1.4 Outcomes of Industrial Training 11
1.5 Limitation 12

Chapter 2 14
PROFILE OF THE COMPANY 13-18

2.1 Company Overview

2.2 Introduction
2.3The Objectives of Company
2.4 History
2.5 Vision
2.6 Mission
2.7 Organization Structure

Chapter 3 19
Introduction to HTML 20-30

8
 3.1 Introduction to HTML
3.2 History of HTML
3.3 HTML Page Structure
3.4 Steps to Run HTML program.
3.5 HTML Layout
3.6 Elements in HTML
Chapter 4 31
Introduction to CSS AND JavaScript 32-37
4.1 Introduction to CSS
4.2 Need of CSS
4.3 Adding CSS to HTML Document
4.4 Selectors in CSS
4.5 Media Query
4.6 Introduction to JavaScript
4.7 Jquery
4.8 Linking Jquery to HTML Document
4.9 Basic Jquery Example
Chapter 5 38
Introduction to Bootstrap 39-44
5.1 Introduction to Bootstrap Studio
5.2 Why use Bootstrap Studio
5.3 Installation of Bootstrap Studio
5.4 Components of Bootstrap Studio

Chapter 6 45
Introduction to Backend Framework 46-51
6.1 Introduction to Backend Framework.
6.2 Introduction to library.
6.3 Introduction to call-rest.
6.4 Call-rest queries and their respective output.

APPENDICES 52-63
A. Parent Consent Letter 53
B. Weekly report 55-63

9
Conclusion 64

10
 List of Figures

Chapter Page No.

Chapter 3 19
Introduction of HTML 19-25
21

Fig. 3.1. Basic Html

Fig. 3.2. Save the HTML Page
Fig. 3.3.View the HTML Page in Your Browser
Fig. 3.4.HTML Layouts
Fig. 3.5.Elements of HTML
Fig. 3.6.HTML Form

Chapter 5 31
Introduction to Bootstrap 31-35
Fig. 5.1 Bootstrap 5 Grid System

11
 CHAPTER-1
INTRODUCTION
OF INPLANT
TRAINING

12
 Engineering is a great career path to consider! As an engineer, you serve the public in
creative and challenging ways, hopefully giving you the job satisfaction you desire.
Position titles such as Maintenance Engineer, Communications Engineer, Nuclear
Engineer and Environmental Engineer are only a handful of the career choices available to
you as an engineer.
There are job descriptions out there that use the word “engineer,” yet they fail to
embody the true definition of an engineer. An engineer is someone who uses the
application of scientific principles to practical ends in the construction, design and
operation of economical and efficient structures, equipment and systems. While many of
these jobs are still very important, they do not necessarily require a 4-year degree from an
engineering college.
This implant training is a stepping stones, which will groom me for my future in the
industrial world.
1.1 Need:
In-plant training provides the industrial exposure to the students how to face the
industry once they put out from the campus. The practical knowledge is essential for all
students to get success in their job. Once the student steps in to industry they should be
ready to face competitive world with knowledge. The core competence area extending its
boundary daily as technology grows. Students needs to update day to day stub from
various innovative technologies. Job opportunity for students who has certificate on in-
plant training is high compare to non-train students, because the company will know that
student’s knowledge will be busted by in-plant training.
1.2 Scope:
One objective of in-plant training is to help the student bridge the gap between
academic theory and practical application and allow you the opportunity to explore a
career in any field. To obtain knowledge of the organization structure and operations. To
observe the conditions of the different departments and the opportunities those are
available. In- plant training provides opportunity to interact with people who have the
inside track and chance to build network within industry. The main reason behind making
a or researching this project is to know how the management works out to their employees
and their main motto is that-

13
  Achieve goals
 Gain a positive perspective
 Create the power to change
 Build self-esteem and capability
 Manage their own development
In Plant Training will provide an industrial exposure to the students as well as to
develop their career in the high tech industrial requirements. Reputed companies are
providing implant training to Students. After the successful completion of studies students
has to face this competitive world with this knowledge to face many problems and to find
the right solutions which is to be solved in the minimum duration of time. The implant
training is get totally different from the class environments.
1.3 Objectives:
 To get industry exposure.
 To work under factory discipline.
 To understand the psychology of the workers, their habits, attitudes and approach to
problems along with the practices followed either at factory or at site.
 To get familiarized with various Design, Manufacturing, Analysis, Automation and
Purchase, 5S, Six Sigma, TPM, Materials, Machines, Processes, Products and their
applications along with relevant aspects of Industry management.
 To understand the scope, functions and job responsibilities in various departments of
an organization.
 To provide comprehensive learning platform to students where they can enhance their
employ ability skills and become job ready along with real corporate exposure.
 To enhance students’ knowledge in one particular technology.
 To Increase self-confidence of students and helps in finding their own proficiency
 To cultivate student’s leadership ability and responsibility to perform or execute the
given task.
 To provide learners hands on practice within a real job situation.
1.4 Outcomes of Industrial Training
 Capability to acquire and apply fundamental principles of engineering.
 Become master in one’s specialized technology

14
  Become updated with all the latest changes in technological world.
 Ability to communicate efficiently.
 Knack to be a multi-skilled engineer with good technical knowledge, management,
leadership and entrepreneurship skills.
 Ability to identify, formulate and model problems and find engineering solution
based on a systems approach.
 Capability and enthusiasm for self-improvement through continuous professional
development and life-long learning
 Awareness of the social, cultural, global and environmental responsibility as an
engineer.
1.5 Limitation:
 Generally the organization does not allow outside to conduct any study or research
work in the organization. Therefore, get the project done in the organization was very
difficult.
 The time span for the project was very short which was of two months, which itself
act as constraint, moreover, studying the guidelines and applied it practically with in
such a short time span was a task of great pressure.
 It won’t pay much: Most companies hire interns on the cheap. Sometimes they don’t
pay anything at all. If you’re used to earning a paycheck or if you have mounting
student loan bills, an internship could create a financial burden.
 You may get the grunt work: Some employers or managers take advantage of
interns and give them mindless work that doesn’t build new skills. Interns can be
viewed as temporary labor, which isn’t how you want to be seen.
 You could get labeled: Sure you have a college degree. But with the title of “intern,”
people will think you’re still a student. This can be patronizing, and you may not gain
the respect you want. If you focus on hard work and high effort, this can be
overcome.
 The hours can vary: Internships may not be designed around normal business hours.
This can create problems if you like a consistent schedule. And interns are often
asked to do the late-night work to help the team.

15
 CHAPTER-2
PROFILE OF THE
COMPANY

16
2.1 Company Overview:
DXRAD Private Limited is a Private incorporated on 05 January 2023. It is classified as
Non-govt company and is registered at Registrar of Companies, Pune. Its authorized share capital
is Rs. 1,000,000 and its paid up capital is Rs. 100,000. It is inolved in Other computer related
activities [for example maintenance of websites of other firms/ creation of multimedia
presentations for other firms etc.]
DXRAD Private Limited's Annual General Meeting (AGM) was last held on N/A and as
per records from Ministry of Corporate Affairs (MCA), its balance sheet was last filed on N/A.

Directors of DXRAD Private Limited are Priya Abhay Revankar and Abhay Ganpati Revanekar .
2.2 Introduction:
DXRAD PRIVATE LIMITED
DX RAD Pvt Ltd is a leading software company founded in 2007, offering IT-enabled
services to small and mid-sized businesses nationally and internationally. We specialize in
various services, including GIS mapping, schematic, ERP solutions for government, educational,
industrial sectors, and startups. Additionally, we provide website and mobile application
development services.

Under the visionary leadership of Mr. Abhay Revankar, our CEO and technical mentor,
DX RAD has been at the forefront of innovation in information technologies over the past
decade.

Vision
• To be a trailblazing force in the software industry, setting new standards of excellence and
innovation

Mission
• Our mission is to be the preferred choice for businesses seeking reliable and transformative
technology solutions, delivering cutting-edge products and services that empower our clients to
thrive in the digital era.

17
2.3 The Objectives of DXRAD Technologies:

 Excellence: Striving for excellence in all aspects of our work, from development to client
satisfaction.
 Innovation: Embracing continuous innovation and staying at the forefront of technological
advancements.
 Collaboration: Fostering a collaborative and supportive environment to achieve mutual
success with our clients and team members.
 Customer-Centricity: Putting our clients' needs at the forefront and providing solutions
tailored to their requirements.
 Ethical Business Practices: Conducting business with integrity, transparency, and ethical
standards.

2.4 History:

DX RAD Pvt Ltd is a leading software company founded in 2007, offering IT-enabled
services to small and mid-sized businesses nationally and internationally. We specialize in
various services, including GIS mapping, schematic, ERP solutions for government,
educational, industrial sectors, and startups. Additionally, we provide website and mobile
application development services.

2.5 Goals of Company:

 Continuously enhancing our service offerings to meet the evolving needs of our clients.

 Expanding our presence in national and international markets, serving a diverse range of
industries.

 Nurturing a skilled and motivated team that excels in delivering high-quality solutions.

 Building enduring partnerships with clients, founded on trust and mutual success.

 Leaving a lasting impact on the software development and technology services landscape.

 At DX RAD Pvt Ltd, we are committed to making a positive difference, transforming businesses with
our expertise, and creating a brighter technological future for all.

2.6 Organization Structure:

18
19
2.7 Corporate culture:

 We are sure that customers, employees and shareholders accomplish more together.
 We face our responsibility to the environment and society.

COMPANY PROFILE FORM (VPF) FOR PRODUCTS/SERVICES/WORK

1. Name of Company: DXRAD PRIVATE LIMITED.
3.Contact us: 9552020601
2.Address: Plot No. 46, South Shivaji Nagar,
Near Reliance Market, Sangli, Maharashtra
416416

4.City: Sangli 5.Country: India

Company website: E-Mail : dxrad2023@gmail.com
https://dxrad.in

Contact Person Name: Mr. Abhay Revankar. Designation: CTO

7. Legal Status : Founder and CTO
8. Year Established: 2023 9. Number of Employees:16
10. Gross Annual Turnover (Rs.):80 lakh 11. Annual Export Turnover (Rs.):
upto 85 lakh

20
 CHAPTER-3
INTRODUCTION
TO HTML

21
3.1 Introduction to HTML?

 HTML stands for Hyper Text Markup Language

 HTML, or Hypertext Markup Language, forms the foundational code for structuring and
presenting content on the World Wide Web.
 An HTML document includes essential components like the <!DOCTYPE> declaration,
<html> root element, <head> for metadata, and <body> for visible content.
 HTML employs a system of markup tags enclosed in angle brackets (< >) to define and
categorize elements, such as headings, paragraphs, images, and links.
 HTML elements tell the browser how to display the content

3.2 History of HTML

HTML, which stands for Hypertext Markup Language, is the standard markup language
used to create and structure content on the World Wide Web. Its history dates back to the early
1990s. Here's an overview of the key milestones in the history of HTML:

 Origins (1989-1990):

HTML was first proposed by Tim Berners-Lee, a British computer scientist, while he was
working at CERN (European Organization for Nuclear Research) in 1989. He wanted to create a
way for scientists to easily share research documents and collaborate on the emerging World
Wide Web. The first version of HTML was simple and only had basic elements like headings,
paragraphs, lists, and links.

The first version of HTML was written by Tim Berners-Lee in 1993. Since then, there
have been many different versions of HTML.

Following are some versions of HTML given below:

 HTML 2.0 (1995)

 HTML 3.2 (1997)
 HTML 4.0 and 4.01 (1997-1999)
 XHTML (2000-2002)
 HTML5 (2008-present)

 HTML5 (2008-present)

HTML5 development started in the early 2000s, and the first draft was published in 2008.
HTML5 is a major revision of the HTML standard, designed to address the evolving needs of the
modern web. It introduced numerous new elements and attributes to support multimedia,
semantic markup, canvas drawing, geolocation, and more. HTML5 also allowed developers to
build more interactive and rich web applications without relying heavily on third-party plugins
like Flash.

22
3.3 HTML Page Structure :
Below is a visualization of an HTML page structure:

3.4 Steps to run HTML programs in your device.

Step 1: Choose a Text Editor

You need a text editor to write your HTML code. You can use simple text editors like
Notepad (Windows), TextEdit (macOS), or more advanced editors like Visual Studio Code.

Step 2: Open the Text Editor

 On Windows: Go to the "Start" menu, search for "Notepad," and open it.
 On macOS: Go to the "Applications" folder, search for "TextEdit," and open it.
 For Visual Studio Code download and install the editor from their respective websites.

Step 2: Write HTML Code

In the text editor, start writing your HTML code. For example, you can create a simple
webpage with a heading and a paragraph

<!DOCTYPE html>
<html>
<head>
<title>My First Webpage</title>
</head>
<body>
<h1>Hello, World!</h1>
<p>This is my first webpage.</p>

23
 </body>
</html>

Step 3: Save the File:

 Click on "File" in the menu and choose "Save" or "Save As."
 Choose a location to save your HTML file. Make sure to give it a ".html" extension, like
"xyz.html."

Step 4: Open the HTML File in a Web Browser:

 Locate the saved HTML file on your computer.
 Double-click the file. It will automatically open in your default web browser, and you'll see
your HTML code as a webpage.

Step 5: View and Interact with Your Webpage:

 Your web browser will display the content you wrote in your HTML file.
 You can interact with the webpage just like any other website, clicking on links, viewing
images, and reading text.

3.5 HTML Layouts

HTML layouts involve strategically structuring your content using containers and elements,
combined with CSS techniques like Flexbox and CSS Grid to achieve your desired webpage
structure and responsiveness.

1. Containers and Divisions:

 HTML uses <div> elements as versatile containers to group and structure content for layout
purposes.
 Divs provide a way to organize sections of a webpage and apply styling or formatting.
2. Semantic Layout Elements:
 HTML5 introduces semantic elements like <header>, <nav>, <main>, <section>, and
<footer> for clearer layout structuring.
 Semantic elements enhance both the design and accessibility of web pages.
3. Flexbox for Simple Layouts:
 CSS Flexbox offers a straightforward way to create one-dimensional layouts, aligning items
horizontally or vertically within a container.
 Ideal for arranging navigation menus, sidebars, and simple content sections.
4. CSS Grid for Complex Grids:
 CSS Grid Layout enables precise two-dimensional layouts with rows and columns.
 Well-suited for creating advanced designs, like magazine-style content, image galleries, and
responsive card layouts.
5. Responsive Design with Media Queries:
 Media queries in CSS allow you to adapt layouts to different screen sizes and devices.

24
  Essential for creating responsive designs that provide optimal user experiences on various
devices.

Every website has a specific layout to display content in a specific manner.

1.6 Elements in HTML

An HTML element is defined by a start tag, some content, and an end tag.

The HTML element is everything from the start tag to the end tag:

<tagname> Content goes here... </tagname>

Examples of some HTML elements:

<h1>My First Heading</h1>

<p>My first paragraph.</p>

Following are a list of HTML elements with examples, their corresponding outputs, and descriptions
for each:

1. <!DOCTYPE>: Specifies the HTML version and document type.

Example: `<!DOCTYPE html>`

Output: No visible output. It informs the browser about the document type.

2. <html>: The root element that wraps all other elements.

Example: `<html><body>Hello, World!</body></html>`

25
 Output: "Hello, World!" displayed in the browser window.

3. <head> : Contains metadata about the document.

Example: `<head><title>My Web Page</title></head>`

Output: No visible output. Metadata like the title appears in the browser tab or title bar.

4. <title> : Sets the title of the web page.

Example: `<title>Welcome to My Website</title>`

Output: The browser tab displays "Welcome to My Website".

5. <meta> : Provides metadata about the document.

Example: `<meta charset="UTF-8">`

Output: No visible output. Specifies character encoding.

6. <link> : Links external resources like stylesheets or icons.

Example: `<link rel="stylesheet" href="styles.css">`

Output: No visible output. Links external styles.

7. <script> : Used to include JavaScript code or reference external script files.

Example: `<script>alert("Hello!");</script>`

Output: A browser popup with "Hello!".

8. <body> : Contains the visible content of the web page.

26
 Example: `<body><h1>Hello, World!</h1></body>`

Output: Displays "Hello, World!" as a top-level heading, shown in fig.e8.

Hello, World!

Fig.e8

9. <h1> to <h6> : Headings of different levels.

Example: `<h1> h1 Heading</h1>`

`<h2> h2 Heading</h2>`

`<h3> h3 Heading</h3>`

`<h4> h4 Heading</h4>`

`<h5> h5 Heading</h5>`

`<h6> h6 Heading</h6>`

Output: Displays content as per the heading,shown in fig.e9.

h1 Heading
h2 Heading
h3 Heading
h4 Heading
h5 Heading

h6 Heading

Fig.e9

27
10. <p> : Defines a paragraph of text.

Example: `<p>This is a paragraph.</p>`

Output: Displays "This is a paragraph." as a paragraph of text, shown in fig.e10.

This is a paragraph.

Fig.e10

11. <a> : Creates hyperlinks to other web pages or resources.

Example: `<a href="https://www.example.com">Visit Example</a>`

Output: Creates a clickable link to https://www.example.com, shown in fig.e11.

Visit Example

Fig.e11

12. <img> : Embeds images in the document.

Example: `<img src="image.jpg" alt="An example image">`

Output: Displays the specified image with the alt text if the image can't be loaded.

13. <ul> : Unordered list.

Example: `<ul><li>Item 1</li><li>Item 2</li></ul>`

Output: Creates a bulleted list with two items, shown in fig.e13.

 Item 1

28
  Item 2

Fig.e13

14. <ol> : Ordered list.

Example: `<ol><li>First</li><li>Second</li></ol>`

Output: Creates a numbered list with two items, shown in fig.14.

1. First

2. Secod

Fig.e14

15.<li> : List item within <ul> or <ol>.

Example: `<ul><li>Item 1</li><li>Item 2</li></ul>`

Output: Creates a bulleted list with two items, shown in fig.13.

16. <table> : Creates a table for tabular data.

Example: `<table><tr><th>Name</th><th>Age</th></tr><tr><td>John</td><td>25</td></tr></
table>`

Output: Creates a table with a header row and data row, shown in fig.e16.

Name Age

Swapnil 18

29
 Fig.e16

17. <tr> : Defines a table row.

Example: `<tr><td>Data 1</td><td>Data 2</td></tr>`

Output: Creates a table row with two cells, shown in fig.e17.

Data 1 Data 2

Fig.e17

18. <td> : Represents a table data (cell) within a row.

Example: `<td>Data</td>`

Output: Creates a cell with the content "Data", shown in fig.e18.

Data

Fig.e18

19. <th> : Represents a table header cell.

Example: `<th>Header</th>`

Output: Creates a header cell with the content "Header", shown in fig.e19.

Header

Fig.e19

30
20. <form> : Defines an HTML form for user input.

Example: `<form><input type="text" name="username"></form>`

Output: Creates a form input field for user input, shown in fig.e20.

Username

Fig.e20

21. input> : Creates input fields, checkboxes, radio buttons, etc.

Example: `<input type="text" name="username">`

Output: Creates a text input field, shown in fig.e20.

22. <textarea> : Defines a multi-line text input field.

Example: `<textarea rows="4" cols="50">Here is a default comment...</textarea>`

Output: Creates a multi-line text input area.

23. <button> : Creates a clickable button.

Example: `<button>Click me!</button>`

Output: Creates a clickable button labeled "Click me!".

31
24. <div> : Generic container for grouping elements.

Example: `<div>This is a container.</div>`

Output: Creates a container with the text "This is a container."

25. <span> : Inline container for styling or scripting.

Example: `<span>This is inline text.</span>`

Output: Displays the inline text "This is inline text."

26. <hr> : Horizontal rule for visual separation.

Example: `<hr>`

Output: Creates a horizontal line, shown in fig.e26.

Fig.e26

27. <br> : Line break within text.

Example: `Hello<br>World`

Output: Displays "Hello" on one line and "World" on the next line, shown in fig.e27.

Hello

World

Fig.e27

32
These examples show how HTML elements work and what output they generate in a web browser.
Each element serves a specific purpose and can be combined to create rich and interactive web
pages.

CHAPTER-4
INTRODUCTION
TO CSS AND
33
JAVASCRIPT

34
4.1 CSS Introduction
 CSS, which stands for Cascading Style Sheets, is a fundamental technology in web
development that enables you to control the visual presentation of HTML documents.
 It allows you to define how your web content should look, from fonts and colors to
layout and spacing.
 In essence, CSS separates the structure (HTML) and the design (CSS) of a web page,
making it easier to create visually engaging and user-friendly websites.What is CSS?

4.2 Need of CSS

 HTML was NEVER intended to contain tags for formatting a web page!
 HTML was created to describe the content of a web page, like:
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
 When tags like <font>, and color attributes were added to the HTML 3.2 specification, it
started a nightmare for web developers. Development of large websites, where fonts and
color information were added to every single page, became a long and expensive process.
 To solve this problem, the World Wide Web Consortium (W3C) created CSS.

4.3 How to add CSS to HTML

There are several ways to add CSS styles to an HTML file. Each approach has its
own use cases and benefits. Here are the main ways to add CSS to an HTML file:

 Inline Styles:
Inline styles are added directly to individual HTML elements using the style
attribute. This method is useful when you want to apply unique styles to specific
elements.
Example :-
<p style="color: blue; font-size: 16px;">This is a blue paragraph with a font size of 16
pixels.</p>

 Internal Stylesheet:
An internal stylesheet is defined within the <style> element in the <head>
section of the HTML document. This method is suitable for small-scale styling within
a single HTML file.
Example :-

35
 <!DOCTYPE html>
<html>
<head>
<style>
p{
color: green;
font-size: 18px;
}
</style>
</head>
<body>
<p>This is a green paragraph with a font size of 18 pixels.</p>
</body>
</html>

 External Stylesheet: An external stylesheet is a separate CSS file linked to the HTML
document using the <link> element in the <head> section. This method is
recommended for larger projects or when you want to reuse styles across multiple
HTML files.
Example :-

Create a separate CSS file (e.g., styles.css):

/* styles.css */
p{
color: red;
font-size: 20px;
}

Link the CSS file in the HTML document:

/* document.html*/
<!DOCTYPE html>
<html>

36
 <head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<p>This is a red paragraph with a font size of 20 pixels.</p>
</body>
</html>

 Imported Stylesheets:
Similar to the external stylesheet method, you can also use the @import rule within a
<style> block in the HTML <head> to include another CSS file.
Example :-
<!DOCTYPE html>
<html>
<head>
<style>
@import url('styles.css');
</style>
</head>
<body>
<p>This paragraph uses styles from the imported CSS file.</p>
</body>
</html>

4.4 Selectors in CSS:

Selectors in CSS are patterns that define which HTML elements on a web page
should be targeted and styled. Selectors determine the scope and specificity of the
styling rules applied to those elements. Here are some common types of selectors:

 Element Selector: Selects all instances of a specific HTML element. For example, p
selects all <p> elements.
Example :-

37
 p{
/* Styles applied to all <p> elements */
}

 Class Selector: Selects elements with a specific class attribute. Class selectors are
denoted by a period (.) followed by the class name.
Example :-
.button {
/* Styles applied to elements with class="button" */
}

 ID Selector: Selects a single element with a specific ID attribute. ID selectors are

denoted by a hash (#) followed by the ID name.
Example :-
#header {
/* Styles applied to element with id="header" */
}

 Universal Selector: The universal selector (*) selects all HTML elements on the page.

Example :-
*{
/*Styles applied to all html elements*/
}

4.5 Media query

 Media queries in CSS allow you to apply different styles based on various characteristics of
the user's device or viewport.
 Media queries are particularly useful for implementing responsive design, where your
website's layout and styling adapt to different screen sizes and devices.

 Here's the basic syntax of a media query:

@media media-type and (media-feature) {

38
 /* Styles to apply when the media feature conditions are met */
}
Example :-

@media (max-width: 768px) {

/* Styles applied when viewport width is 768px or smaller */

}

@media (min-width: 1200px) {

/* Styles applied when viewport width is 1200px or larger */

}

4.6 JavaScript Introduction :

JavaScript is a versatile and widely-used programming language primarily utilized for
web development. It was created by Brendan Eich at Netscape Communications and first
appeared in 1995. JavaScript plays a crucial role in building interactive and dynamic elements
within web pages, enhancing user experience and functionality.

4.7 jQuery
jQuery is a popular JavaScript library that simplifies and enhances the process of
interacting with HTML documents, handling events, making AJAX requests, and performing
various other tasks on web pages. It provides a concise and easy-to-use syntax, making it
easier for developers to write JavaScript code.

4.8 How to use jQuery in HTML document

To use jQuery, you need to include the jQuery library in your HTML document. You
can either download the library and host it on your server or use a content delivery network
(CDN) to include it from an external source. Here's how you can use jQuery in your HTML
document:

Include jQuery via CDN:

<!DOCTYPE html>
<html>
<head>
<title>jQuery Example</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
</head>
<body>
<!-- Your HTML content here -->

<script>
// Your jQuery code here
39
</script>
</body>
</html>

4.9 Baic jQuery example

jQuery code

$(document).ready(function() {
$(".toggle-btn").on("click", function() {
$("#content").toggle(); // Toggle visibility of the content
});
});

In this example, we are using jQuery to handle the click event of the button with the
class "toggle-btn." When the button is clicked, the jQuery function toggle() is called on the
element with the ID "content," which toggles its visibility (show if hidden, hide if visible).

40
 CHAPTER-5
INTRODUCTION
TO BOOTSTRAP

41
5.1 Bootstrap Studio
Bootstrap Studio is a powerful desktop app for designing and prototyping websites.

2. What is Bootstrap?
It comes with a large number of built-in components, which you can drag and drop to assemble
responsive web pages. The app is built on top of the hugely popular Bootstrap framework, and
exports clean and semantic HTML.

What is Responsive Web Design?

Responsive web design is about creating web sites which automatically adjust themselves
to look good on all devices, from small phones to large desktops.

5.2 Why Use Bootstrap?

Advantages of Bootstrap:

 The Interface: Bootstrap Studio has a beautiful and powerful interface, which is built around
the simplicity of drag and drop. This makes it the perfect tool for prototyping and designing
web pages and apps.
 Beautiful Templates: The app comes with a number of premium, fully responsive templates
that you can customize. Each template consists of multiple pages and widgets you can pick-
and-match into the perfect website.
 Beautiful Components: Bootstrap Studio comes with a large number of pretty components
for building responsive pages. We've got headers, footers, galleries, slideshows and even
basic elements like spans and divs. See some of them below.
 Realtime Preview: Bootstrap Studio has a powerful feature called Preview. With it, you can
open your design in multiple web browsers and devices, and every change you make within
the app will be shown instantaneously everywhere.
 Editing Code: For some things drag and drop isn't enough. This is why Bootstrap Studio
gives you full control over your markup when you need it. You can import and edit CSS,
SASS, JavaScript and HTML in our Sublime Text-like editor.
 Even More Features: Bootstrap Studio is a revolutionary website builder. With its
productivity features and specialized Bootstrap tools, you can create everything from a
prototype to a fully working website..

5.3 Installing bootstrap studio

 Download the Installer: Visit the official Bootstrap Studio website

(https://bootstrapstudio.io/) and navigate to the "Download" section. Choose the appropriate
installer for your operating system (Windows, macOS, or Linux).

 Run the Installer: Once the installer has finished downloading, locate the downloaded file
and double-click to run it. Follow the on-screen prompts to begin the installation process.

 Accept Terms and Conditions: You might be presented with the terms and conditions of the
software. Read through them and accept the terms if you agree.

42
  Choose Installation Location: Select the destination folder where you want Bootstrap
Studio to be installed. You can typically use the default location or choose a different one if
needed.

 Complete Installation: Follow the prompts to complete the installation process. This may
involve creating desktop shortcuts or adding Bootstrap Studio to your system's applications
menu.

 Launch Bootstrap Studio: Once the installation is complete, you can usually launch
Bootstrap Studio by double-clicking its desktop shortcut or searching for it in your
applications menu.

5.4 Components of Bootstrap studio:

 Drag-and-Drop Interface: Bootstrap Studio features a user-friendly drag-and-drop interface

that allows you to visually design web pages by placing and arranging components on the
canvas.

43
 Component Library: The software comes with a built-in library of Bootstrap components,
such as buttons, forms, navigation bars, cards, modals, and more. You can easily drag these
components onto the canvas to build your webpage.

 Responsive Design Tools: Bootstrap Studio helps you create responsive designs by
providing tools to customize how your page looks on different screen sizes. You can preview
and adjust your design for desktop, tablet, and mobile views.

44
 Grid System: Bootstrap Studio incorporates Bootstrap's responsive grid system, making it
easy to create and manage responsive layouts for your web pages.

 CSS and Styling: You can style your components using CSS properties and visually
customize their appearance using the software's interface. Bootstrap Studio also supports
SASS (Syntactically Awesome Style Sheets) for more advanced styling.

45
 JavaScript Integration: The software allows you to integrate JavaScript into your designs.
You can add scripts, manage events, and enhance interactivity using a visual interface.

 Import and Export: You can import existing Bootstrap projects, HTML files, and
components into Bootstrap Studio. You can also export your designs as HTML, CSS, and
JavaScript files to use them in your preferred development environment.

46
 Preview and Testing: Bootstrap Studio provides a real-time preview of your design within
the software, allowing you to see how your webpage will look and function in a browser. You
can also test the responsiveness of your design across different devices.

47
48
 CHAPTER-6
INTRODUCTION
TO BACKEND
FRAMEWORK

6.1. Introduction to Backend Framework

 Company has their personalized backend framework similar to cpanel.
 During internship we used ‘Doorstep’ learning platform which is used in training and
understanding about backend framework.
49
  It provides a graphical interface (GUI) which helps to reduce complexity and work become
more easy on it.
 It works on four pillars Option, Ledger, Role and Voucher.
 We can create form of these pillars with respect to the data and call those data on the web
page which is called call-rest.

6.2. Introduction to library

 In libraries there are set of predefined functions which helps us in call-rest on pillars.
 In library for each pillar separate group of functions are present to help in call-rest.
 Like ledger.php is a set of function which contain functions related to ledger pillar.
 Option.php contains set of functions related to option pillar.
 Role.php contains set of functions related to role pillar.
 Voucher.php contains set of functions related to voucher pillar.
 Each group of function contain some basic function like update(), new(), delete(), and some
specific functions like ledger_list_template() etc. functions.

6.3. Introduction to call-rest

 Basically call-rest refers to accessing data from server.
 Predefined functions in library makes call-rest more easy and efficient because we don’t want
to write repeated codes again and again.
 We can call-rest on every pillar mentioned above

6.4. Following are some queries used in call-rest and their respective output for all four pillars :

1. Option

LIST BY PARRENT

Query:-
option.php?parrent=400

Output:-
[
{
"id":401,
"code": "PUR",
"group": 400,
"group name": "Voucher Group",
"name": "Purchase",
"counter": 1,
"desc":"1",
"color":"1",
"icon": "fa-pencil",
},
{
"id":402,
"code": "PUR",
50
 "group": 400,
"group name": "Voucher Group",
"name": "Purchase",
"counter": 1,
"desc":"1",
"color":"1",
"icon": "fa-pencil",
}
]

ONE RECONRED BY ID

Query:-
option.php?id=400

Output:-
{
"id":401,
"code" "PUR",
"group" 400, "group name" "Voucher Group",
"name" "Purchase",
"counter" 1,
"desc":"1",
"color":"1",
"icon": "fa-pencil",
}

2. Ledger

LIST BY PARRENT

Query :-
ledger.php?parrent=133&heads=[1,3,5]

Output :-
[
{
"id": 163,
"name": "Head Office",
"group_name":"Sudama",
"code":"WH",
"group":159,
"template" :"16",
"counter":1,
"desc":"16",
"child":0,
"head":
51
{
"1":
[
{
"ans":"-",
"ansName":"-",
"active": false,
"yesno":null,
"dated": null,
"date": null,
"entryby": null,
"desc":"-"
}
],
"3":
[
{
"ans":"-",
"ansName":"-",
"active": false,
"yesno":null,
"dated": null,
"date": null,
"entryby": null,
"desc":"-"
}
]
}
}
]

NOTE : For single record use id instead of parrent.

3. Role

LIST BY PARRENT

Query :-
role.php?parrent=159&heads=[1,3,5]

Output :-
[
{
"id":163,
"code":"WH",
"group":159,
"group_name":"Sudama",
52
 "role_cat":5,
"role_cat_name":"Department\r\n",
"name": "Head Office",
"child":0,
"counter":1,
"template" "16",
"desc":"16",
"head":
{
"1":
[
{
"ans":"-",
"ansName": "-",
"yesno": null,
"date":null,
"active": false,
"dated":null,
"idrolehasheads": null,
"desc":"-"
}
],
"3":
[
{
"ans":"-",
"ansName": "-",
"yesno": null,
"date":null,
"active": false,
"dated":null,
"idrolehasheads": null,
"desc":"-"
}
]
}
}
]

NOTE : For single record use id instead of parrent.

4. Voucher

LIST BY PARRENT

Query :-
voucher.php?group=402&heads=[1,3]&status=0

53
Output :-
[
{
"id":108,
"date":"18-03-2023T05:29",
"code":"SAL-189",
"group": 402,
"group_name":"Booking",
"by":47288,
"by_name":"Rajdeeep salokhe",
"to": 14818,
"to_name":"Sales Accounts",
"amount":"0",
"narration":",
"head":
"1":
[
{
"ans":"-",
"ansName": "-"
"active":false,
"yesno":null,
"date":null,
"dated": null,
"entryby":null,
"idrolehasheads":null,
"desc":"-"
}
],
"3":
[
{
"ans":"-",
"ansName": "-",
"active":false,
"yesno":null,
"date":null,
"dated": null,
"entryby":null,
"idrolehasheads":null,
"desc":"-"
}
]
}
}
]

NOTE : For single record use id instead of parrent.

54
55
APPENDICES A:
Parent Consent
Letter

56
 Undertaking from Parents
To,
The Principal(1552),
ATS SBGI,
Faculty Of Polytechnic,
Miraj.
Subject: Consent letter for Industrial Training.
Sir
I am fully aware that:-

i. My ward Prajolit Sarvarsing Thakare . studying in CO 5I Semester at your Institute

Sanjay Bhokare Group of Institutes, Faculty of Polytechnic, Miraj, has to undergo
six weeks of industrial training for partial fulfillment towards completion of Diploma
in Computer Engineering.
ii. For this fulfillment he has been deputed at DXRAD industry, located at Plot No. 46,
South Shivaji Nagar, Near Reliance Market, Sangli for internship of Six weeks for the
period from 07th June
2023 to 22nd July 2023.
With request to above I give my consent for my ward to travel to and from the
mentioned industry. Further I undertake that:
a. My ward will undergo the training at his / her own cost and risk during training and /
or stay.
b. My ward will be entirely under the discipline of the organization where he/she will
be placed and will be abide by the rules and regulations in face of the said
organization.
c. My ward is NOT entitled to any leave during the training period.
d. My ward will submit regularly a prescribed weekly dairy, duly filled and counter
signed by the training supervisor of the organization to the mentor faculty of the
institute.
e. I have explained the consent of the letter to my ward who has also promised to
adhere strictly to the requirements. I assure that my ward will be properly instructed
to take his/her own care to avoid any accidents/injuries in the industry. In case of
any accident neither industry nor the institute will be held responsible for it

Signature
Name: Prajolit Sarvarsing Thakare
Address: Gulmohar Colouny Kupwad
Road MIDC Miraj.
Ph.no: 9405286918
Date: ------------------
57
APPENDICES B:
Weekly Report

58
MAHARASHTRA STATE BOARD OF TECHNICAL EDUCATION, MUMBAI
MAHARASHTRA (INDIA)
A
Weekly Dairy Report
For
Industrial Training
At
DXRAD PRIVATE LIMITED

For the period of Seven Week

From: 06 June 2023 To: 22 July 2023

Submitted in partial fulfillment
For the award of the
Diploma in Engineering
Submitted by
ENROLLMENT NO. NAME OF STUDENT EXAM SEAT NO
2115520055 Prajolit S Thakare

Mentor Industry Supervisor

Mr. C. P. Divate Mrs. Priya Revankar
Dean HR

Shri Ambabai Talim Sanstha’s

Sanjay Bhokare Group of Institutes
Faculty of Polytechnic, Miraj – 416410
DEPARTMENT OF COMPUTER ENGINEERING
ACADEMIC YEAR - 2022-2023
59
Special Instructions for students:

1) Write down the daily activity on the same day.

2) Make note of the important actual activity only.
3) Summarize at the week end.
4) Add extra sheets if needed for daily or weekly activity report.
5) Finally you have to write final company profile report in prescribed format at the
end of training. (Prescribed 32format will be provided to you).
6) Training will be accessed for 5th semester marks under Course of Industrial
Training.
7) Performance of training will be accessed with your individual performance in
training.
8) Candidate has to provide Training completion certificate from the industry
after completion of training in the prescribed format.
9) Training will be accessed as follows by internal as well as external examination,

PROGRESSIVE END SEMESTER

Training ASSESSMENT (Weekly ASSESSMENT
Total Marks
Duration report of all 6 week and (Report, Presentation,
attendance) Viva)

Max. Min. Passing Max. Min. Passing Max. Min. Passing

Six Marks Marks Marks Marks Marks Marks
weeks
#75 30 75** 30 150 60

10) Distribution of End – Semester – Examination (ESE) marks of Industrial

Training,
Marks for Industrial Marks for Marks for Oral / Total ESE
Training Report Seminar / Viva-Voce Marks
Presentation
25 25 25 75

11) Candidate has to make power-point presentation before internal as well as

external examiner as per prescribed format.
12) Candidate has to provide parent consent letter as per prescribed format.
13) If company is providing appointment letter to the candidate for his implant
training, submit copy of that in report.
60
Week 1: From: 07.06.2023. To: 13.06.2023.
Expected Work:
i. Study of Organization Chart, of Industry / Plant with responsibilities of the different
posts.
ii. General Study of industry, its location, its history and its product range, its size and
number of employees, its turnover etc.

Subject Course
Day Activities carried out Code Outcome
(For Office Use Only)
1. Learn about ' Self Discipline '.
1
2. Figma overview.
1. HTML
2. CSS
2
3. JavaScript
4. Bootstrap studio
3 1. Bootstrap studio practice.

1. Bootstrap studio .
-Margin
4 -Padding
-Row, Column
-Created 2 pages of Kits
1. Bootstrap practice.
5
2. Overflow property.
1. Bootstrap practice.
6 2. Kits 2 pages completed.

Weekly Summarization of above activities:

 Learned about ' Self Discipline '.
 Introduced with Figma designing tool.
 Started working with Bootstrap studio.

Signature of Student Signature of industry supervisor

Prajolit Thakare Mrs. Priya Revankar

61
 Week 2: From:14.06.2023. To: 20.06.2023.
Expected Work:
i. Study of layout and specifications of major machines, equipment, and raw materials/
components used.
ii. List of sections of Industry Visited and list of employees and job specifications.

Subject Course
Da
Activities carried out Code Outcome
y
(For Office Use Only)
1. Kits 2 pages completed.
1
2. Bootstrap Practice

1. Bootstrap practice.
2
2. Kits 5 pages completed.

1. Bootstrap practice.
3
2. Kit pages completed.

1. Navigation learning.
4
2. Kits Navigation completed.
Learned about
1. jquery
5
2. json
3. Library

6 1. Call-rest practice.

Weekly Summarization of above activities:

 Learn About Navigation .
 Learned About javaScript.
 Completed A Demo Project .

Signature of Student Signature of industry supervisor

Prajolit Thakare Mrs. Priya Revankar

62
Week 3: From: 21.06.2023. To: 27.06.2023.
Expected Work:
i. Study of production processes along with production planning and control procedures.
ii. List products, raw material required, labor skill required, schedule of work, and time
required to complete order.
Subject Course
Day Activities carried out Code Outcome
(For Office Use Only)

1 1. Call-rest practice.

1. Template creating
2 2. Heads creating
3. Ledger, option creating.

1. Template creation practice.

3
2. Created template having 4 tabs.

1. Created template.
4
2. Call-rest practice.

5 1. Call-rest practice.

1. Call-rest by calling
6
2. ledger_single_template( ) function

Weekly Summarization of above activities:

 In this week we understand how backend is work.
 We used doorstep as backend and practiced it.
 In This Week We Completed A Project

Signature of Student Signature of industry supervisor

Prajolit Thakare Mrs. Priya Revankar

63
Week 4: From: 28.06.2023. To: 04.07.2023.
Expected Work:
i. Study of testing and quality assurance process.
ii. List sections of industry visited and list,
a. Staff required for testing quality
b. Quality policy of production and marketing of product.

Subject Course
Day Activities carried out Code Outcome
(For Office Use Only)

1 1. Call-rest practice.

2 1. PIxworld UI design started.

3 1. Pixworld UI design. 2 pages completed.

1. Pixworld UI design completed.

4
2. 3 templates created.

1. Pixworld Navigation completed.

5
2. Backend template changes.

1. Learned about media query.

6
2. Responsiveness of web pages.

Weekly Summarization of above activities:

 Here in this week we started working on another new project
“Pixworld”.
 After completion of UI design of Pixworld we started applying media query to
it.

Signature of Student Signature of industry supervisor

Prajolit Thakare Mrs. Priya Revankar
64
Week 5: From: 05.07.2023. To: 11.07.2023.
Expected Work:
i. Study of preventive and breakdown maintenance and safety practice adapted in the
industries.
ii. List sections of industry visited and list,
a. The major machines / plants whose major breakdown maintenance and safety
practices are studied.
b. The major safety practices are adapted in the industry.
c. The major equipment, material, skill and time required for maintenance.

Subject Course
Day Activities carried out Code Outcome
(For Office Use Only)
1. Working on Pixworld UI Design
1
(applying media query).

1. Working on Pixwolrd UI Design

2
(applying media query).

1. Making Pixworld
3
web pages responsive.

1. Making Pixworld
4
web pages responsive.

5 1. Pixworld (media query task) completed.

1. Pixworld media query changes.

6 2. Pixworld 2 templates created.
3. Rest-call practice.
Weekly Summarization of above activities:
 In this week we making Pixworld Website website responsive.
 Applied media query to Pixworld Website .

Signature of Student Signature of industry supervisor

65
 Prajolit Thakare Mrs. Priya Revankar
Week 6: From: 12.07.2023. To: 18.07.2023.
Expected Work:
i. Study of store department for raw material, number of staff, store system
(computerized / manual) record.
ii. Study of sales departments, sales policy, locations pricing toe product,
estimation of product, deciding MRP of products.
iii. Study of CST / GST on sale of product.

Subject Course
Day Activities carried out Code Outcome
(For Office Use Only)

Call-rest practice Using,

1 1. ledger_single_template.
2. ledger_list_template.

2 1. Call-rest practice.

3 1. Call-rest practice.

4 1. Voucher Call-rest practice.

5 1. Leadger Call-rest practice.

6 1. Leadger Call-rest practice.

Weekly Summarization of above activities:

 Here in this week we practiced call-rest on
Option, Ledger, and Voucher.

Signature of Student Signature of industry supervisor

Prajolit Thakare Mrs. Priya Revankar

66
Week 7: From: 19.07.2023. To: 22.07.2023.
Expected Work:
iv. Study of store department for raw material, number of staff, store system
(computerized / manual) record.
v. Study of sales departments, sales policy, locations pricing toe product,
estimation of product, deciding MRP of products.
vi. Study of CST / GST on sale of product.

Subject Course
Day Activities carried out Code Outcome
(For Office Use Only)

1 1. Leadger Call-rest practice.

2 1. Voucher Call-rest practice.

3 1. Option Call-rest practice.

4 1. Option Call-rest practice.

Weekly Summarization of above activities:

 Here in this week we practiced call-rest on
Option, Voucher.

Signature of Student Signature of industry supervisor

Prajolit Thakare Mrs. Priya Revankar

67
68
 CONCLUSIONS

We are at the end of this report . I have probably read everything and
also tested some pieces of code, and I'm sure we are now able to imagine our
future and advanced websites with Web Devlopment. Angular is single page
website which include Bootstrap ,CSS and HTML language
According to all the observation discussion, report is completed
successfully. Project is a challenging task but sufficient to get familiarized
with the world of websites .
I would like to thank Mr. C. P. Divate sir as well as Mr. Abhay
Revankar sir for his governance and guidance.
In most cases, people are afraid of the huge amount of work that they
can imagine in the first steps just before they start. But you have to believe in
yourself, Be confident, don't think too much about details or about
optimization. Try to make something simple, something that works. Then
you'll have ways to optimize and improve it. Websites are all about creativity
and new content. Your creativity and skills can make a website attractive and
trendy.

*-*-*-----*END*-----*-*-*

69