INTERNSHIP REPORT

Submitted by

ABIRAMI R (711520BCS003)
In partial fulfillment for the award of the degree of

BACHELOR OF ENGINEERING
IN

COMPUTER SCIENCE AND ENGINEERING

KIT - KALAIGNARKARUNANIDHI INSTITUTE OF TECHNOLOGY

(AN AUTONOMOUS INSTITUTION)

Coimbatore - 641402

Affiliated to Anna University, Chennai

Accredited by NAAC with ‘A’ Grade | Accredited by NBA(CSE, ECE, EEE and MECH)
 KIT - KALAIGNARKARUNANIDHI INSTITUTE OF TECHNOLOGY
(AN AUTONOMOUS INSTITUTION)

Coimbatore - 641402

Affiliated to Anna University, Chennai

Accredited by NAAC with ‘A’ Grade | Accredited by NBA(ECE, CSE, EEE and MECH)

CERTIFICATE
This is to certify that the Internship report submitted by

ABIRAMI(20BCS002) is work done by him/her and submitted during 2021 –

2022 academic year, in partial fulfillment of the requirements for the award of the

degree of BACHELOR OF ENGINEERING in COMPUTER SCIENCE AND

ENGINEERING.

Mr.J.Senthil Kumar Dr. S. Raja Mohamed, M.E,

Assistant Professor Head of the Department

Certified that the candidate was examined in the viva-voce examination held
on………………….

……………………..
(Internal Examiner)
 KIT - KALAIGNARKARUNANIDHI INSTITUTE OF TECHNOLOGY
(AN AUTONOMOUS INSTITUTION)

Coimbatore - 641402

Affiliated to Anna University, Chennai

Accredited by NAAC with ‘A’ Grade | Accredited by NBA (CSE, ECE, EEE and MECH)

INTERNSHIP CERTIFICATE
 ACKNOWLEDGEMENT

Owing deeply to the supreme, we extend our sincere thanks to God almighty who
has made all things possible.

We extend our heart full gratitude toward our revered Founder Chairman
ThiruPongalurN.Palanisamy, Vice chairperson Mrs.IndhuMurugesan and
Executive Trustee Mr.A.Suriya all other trust members for having provided us with
necessary infrastructure to undertake this project.

We are grateful to our beloved Principal Dr.N.Mohan Das Gandhi and Vice
Principal Dr.M.Ramesh and our academic Dean Dr K.Ramasamy for the facilities
provided to complete this project work.

We wish to extend our gratitude to Dr.S.Raja Mohamed, Associate Professor

and Head of the Department of Computer Science and Engineering for his constant
support and encouragement.

We thank our beloved parents for their constant support and blessings.

Finally, we would like to thank the teaching and non-teaching staff members of
the Department of Computer Science and Engineering for their suggestions and
guidance.
 ABSTRACT

The internship reports in broad-spectrum contains four chapters in which I try to explain
my experience in my hosting company. The content of all chapters is broadly explained and it is
constructed from the practical basis of the site work ended.

In the opening chapter I give details to the company background including mission and
vision. the project those runs through the company consultation. In this chapter I put all records or
history and futurity of my hosting company with its official address. So, it is given details of the
company in terms of reader can easily know and access the company.

The second chapter is the most hunted chapter which explains my overall internship
familiarity. This chapter is the main chapter and I record on it the overall work I have been
executing. It gives a high light what I have been doing and main works of the construction
industry.

After all those chapters explained above, I go to the third chapter and explain the main
benefits of the internship class in terms of different aspects and areas. It is obvious that the
internship has terms of improving skills and different abilities as a whole. The advantages and
gains of the internship putted in short and prices way to grasp the attention of reader and evaluators.

The final and fourth chapter explains about the winding up and suggestion on the project
that our company runs. Inside the site we get many things which are appropriate and inappropriate
for work in building construction. Thus, I comment and give my recommendation in some
conditions and workings.
 LIST OF FIGURES

Fig.No Description PageNo

1 HTML 6
2 CSS 7
3 JAVASCRIPT 8
4 BOOTSTRAP 10
5 PROGRAM 11
6 OUTPUT 13
7 CONCLUSION 16
CHAPTERS TO STUDY TO BECOME A FRONT-END DEVELOPER:

HTML:
HYPER TEXT MARKUP LANGUAGE

CSS:
CASCADED STYLE SHEET

JS:
JAVA SCRIPT

BOOTSTRAP
 INTRODUCTION

Techvolt Software Pvt.Ltd,a Software Development and Digital Marketing company

located in Saibaba Colony Coimbatore. Techvolt Software involves in the business
entity of ERP, CRM Applications, Web Designing, Web Hosting, Web Applications
Development, Android App Development (Mobile App Development), Software
Testing along with Embedded Systems and IoT Applications development. Techvolt
Software also provides the services of Digital Marketing for the business promotion
to their clients and customers across India.
Online / Offline: Final year Internship Opportunities for UG & PG Students
@Techvolt Software: Techvolt Software offers Online and offline final year
Internship with Training for Engineering and Non-Engineering (Final year & pre-
final year Students) Students to start their career in Industry on Software and
Hardware along with hands on project. Internship-Duration: Minimum of 15 Days
to Maximum 6 months availability.
Final Year | pre-Final year Internship Domain for Students
⮚ Web Development using Python | PHP
⮚ Embedded Systems
⮚ Internet of Things
⮚ Machine Learning
⮚ Digital Marketing
⮚ Human Resource (Recruitment & Payroll)
VISION

They have a strong vision to fulfill the customer requirement. In addition to constant

innovation, sourcing of quality components, up gradation in terms of technology and tools, there

must be a sustained relentless striving for all around quality in terms of both products and services.

∙ Absolute quality

∙ Single source solution

∙ Highly competitive pricing

∙ Commitment to delivery schedule.

HTML:
The HyperText Markup Language or HTML is the standard markup language for
documents designed to be displayed in a web browser. It can be assisted by
technologies such as Cascading Style Sheets (CSS) and scripting languages such as
JavaScript.
Web browsers receive HTML documents from a web server or from local storage
and render the documents into multimedia web pages. HTML describes the
structure of a web page semantically and originally included cues for the
appearance of the document.
HTML elements are the building blocks of HTML pages. With HTML constructs,
images and other objects such as interactive forms may be embedded into the
rendered page. HTML provides a means to create structured documents by
denoting structural semantics for text such as headings, paragraphs, lists, links,
quotes and other items. HTML elements are delineated by tags, written using angle
brackets. Tags such as <img /> and <input /> directly introduce content into the
page. Other tags such as <p> surround and provide information about document
text and may include other tags as sub-elements. Browsers do not display the
HTML tags but use them to interpret the content of the page.
HTML can embed programs written in a scripting language such as JavaScript,
which affects the behavior and content of web pages. Inclusion of CSS defines the
look and layout of content. The World Wide Web Consortium (W3C), former
maintainer of the HTML and current maintainer of the CSS standards, has
encouraged the use of CSS over explicit presentational HTML since 1997. A form
of HTML, known as HTML5, is used to display video and audio, primarily using
the <canvas> element, in collaboration with javascript.
HTML 2
November 24, 1995
HTML 2.0 was published as RFC 1866. Supplemental RFCs added capabilities:
November 25, 1995: RFC 1867 (form-based file upload)
May 1996: RFC 1942 (tables)
August 1996: RFC 1980 (client-side image maps)
January 1997: RFC 2070 (internationalization)
HTML 3
January 14, 1997
HTML 3.2 was published as a W3C Recommendation. It was the first version
developed and standardized exclusively by the W3C, as the IETF had closed its
HTML Working Group on September 12, 1996.
Initially code-named "Wilbur", HTML 3.2 dropped math formulas entirely,
reconciled overlap among various proprietary extensions and adopted most of
Netscape's visual markup tags. Netscape's blink element and Microsoft's marquee
element were omitted due to a mutual agreement between the two companies.A
markup for mathematical formulas similar to that in HTML was not standardized
until 14 months later in MathML.
HTML 4
December 18, 1997
HTML 4.0 was published as a W3C Recommendation. It offers three variations:
Strict, in which deprecated elements are forbidden
Transitional, in which deprecated elements are allowed
Frameset, in which mostly only frame related elements are allowed.

Initially code-named "Cougar",[17] HTML 4.0 adopted many browser-specific

element types and attributes, but at the same time sought to phase out Netscape's
visual markup features by marking them as deprecated in favor of style sheets.
HTML 4 is an SGML application conforming to ISO 8879 – SGML.April 24, 1998
HTML 4.0 was reissued with minor edits without incrementing the version
number.
December 24, 1999
HTML 4.01 was published as a W3C Recommendation. It offers the same three
variations as HTML 4.0 and its last errata were published on May 12, 2001.
May 2000
ISO/IEC 15445:2000 ("ISO HTML", based on HTML 4.01 Strict) was published
as an ISO/IEC international standard. In the ISO this standard falls in the domain
of the ISO/IEC JTC1/SC34 (ISO/IEC Joint Technical Committee 1, Subcommittee
34 – Document description and processing languages).
After HTML 4.01, there was no new version of HTML for many years as
development of the parallel, XML-based language XHTML occupied the W3C's
HTML Working Group through the early and mid-2000s.
HTML 5
Main article: HTML5
October 28, 2014
HTML5 was published as a W3C Recommendation.
November 1, 2016
HTML 5.1was published as a W3C Recommendation.
December 14, 2017
HTML 5.2was published as a W3C Recommendation.
CSS:

Cascading Style Sheets (CSS) is a style sheet language used for describing the
presentation of a document written in a markup language such as HTML or XML
(including XML dialects such as SVG, MathML or XHTML). CSS is a
cornerstone technology of the World Wide Web, alongside HTML and JavaScript.

CSS is designed to enable the separation of presentation and content, including

layout, colors, and fonts.This separation can improve content accessibility; provide
more flexibility and control in the specification of presentation characteristics;
enable multiple web pages to share formatting by specifying the relevant CSS in a
separate .css file, which reduces complexity and repetition in the structural content;
and enable the .css file to be cached to improve the page load speed between the
pages that share the file and its formatting.

Separation of formatting and content also makes it feasible to present the same
markup page in different styles for different rendering methods, such as on-screen,
in print, by voice (via speech-based browser or screen reader), and on Braille-
based tactile devices. CSS also has rules for alternate formatting if the content is
accessed on a mobile device.

The name cascading comes from the specified priority scheme to determine which
style rule applies if more than one rule matches a particular element. This
cascading priority scheme is predictable.
JAVA SCRIPT:

JavaScript often abbreviated JS, is a programming language that is one of the core
technologies of the World Wide Web, alongside HTML and CSS.As of 2022, 98%
of websites use JavaScript on the client side for web page behavior,often
incorporating third-party libraries. All major web browsers have a dedicated
JavaScript engine to execute the code on users' devices.

JavaScript is a high-level, often just-in-time compiled language that conforms to

the ECMAScript standard. It has dynamic typing, prototype-based object-
orientation, and first-class functions. It is multi-paradigm, supporting event-driven,
functional, and imperative programming styles. It has application programming
interfaces (APIs) for working with text, dates, regular expressions, standard data
structures, and the Document Object Model (DOM).

The ECMAScript standard does not include any input/output (I/O), such as
networking, storage, or graphics facilities. In practice, the web browser or other
runtime system provides JavaScript APIs for I/O.

JavaScript engines were originally used only in web browsers, but are now core
components of some servers and a variety of applications. The most popular
runtime system for this usage is Node.js.
BOOTSTRAP:
Bootstrap is a free and open-source CSS framework directed at responsive, mobile-
first front-end web development. It contains HTML, CSS and (optionally)
JavaScript-based design templates for typography, forms, buttons, navigation, and
other interface components.
Bootstrap is an HTML, CSS & JS Library that focuses on simplifying the
development of informative web pages (as opposed to web apps). The primary
purpose of adding it to a web project is to apply Bootstrap's choices of color, size,
font and layout to that project. As such, the primary factor is whether the
developers in charge find those choices to their liking. Once added to a project,
Bootstrap provides basic style definitions for all HTML elements. The result is a
uniform appearance for prose, tables and form elements across web browsers. In
addition, developers can take advantage of CSS classes defined in Bootstrap to
further customize the appearance of their contents. For example, Bootstrap has
provisioned for light- and dark-colored tables, page headings, more prominent pull
quotes, and text with a highlight.

VERSIONS OF BOOTSTRAP:
BOOTSTRAP 1: August 19, 2011
BOOTSTRAP 2: January 31, 2012,
BOOTSTRAP 3: August 19, 2013,
BOOTSTRAP 4: October 29, 2014
BOOTSTRAP 5: May 5, 2021
PROGRAM TO CREATE A WEBSITE:

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

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

<title>Document</title>

<script>

function validate()

var uname,pwd;

uname=document.forms["form1"]["uname"];

pwd=document.forms["form1"]["pwd"];

if(uname.value=="")

window.alert("Enter Username to login")

uname.focus();

return false;

if(pwd.value=="")
 {

window.alert("Enter password to login");

pwd.focus();

return false;

if(uname.value=="Abi" && pwd.value=="1111")

window.alert("logged in successfully");

return true;

else

window.alert("login failed ..... Check Username or Password");

return false;

</script>

</head>

<style>

body{

background-image:url(./images/biriyani.jpg);

background-repeat: no-repeat;
 background-size: cover;

background-attachment: fixed;

.logo2{

height: 50px;

width: 50px;

background-color: whitesmoke;

border-radius: 25px;

.heading{

margin-top: -44px;

margin-left: 60px

.i{

margin-top: -650px;

margin-left: 300px;

float: left;

text-decoration: none;
}

.j{

margin-top: -650px;

margin-left: 900px;

float: left;

text-decoration: none;

.k{

margin-top: -300px;

margin-left: 600px;

float: left;

text-decoration: none;

.c{

font-size:15px;

color: antiquewhite;

}
.menu {

position: sticky;

padding:10px 0px 10px 0px;

color:white;

overflow: hidden;

margin-top: -65px;

margin-right: 40px;

margin-left: 60px;

.menu a {

float: left;

color: white;

text-align: center;

padding: 14px 16px;

text-decoration: none;

font-size: 20px;

margin-left: 110px;

.foot{
 text-align: center; padding: 2px;

background-color:orange;

color: black;

font-size: fixed;

margin-top: 50%;

</style>

<body>

<div class="Head">

<div class="logo">

<a href="INDEX.html"><img class="logo2" src="./images/logo.png"

alt="logo" ></a>

</div>

<div style="float:left;color:orange;"><h1 class="heading">Sha

Foods</h1></div>

</div>

<div class="nav1">

<nav class="menu">

<a href="#home">Home</a>
 <a href="aboutus.html">About us</a>

<a href="login.html">Login</a>

</nav>

</div>

<div class="sec">

<div class="Dishes">

<div class="i">

<a href="veg.html">

<img src="./images/veg.jpeg" alt="Veg Cuisine" width="300px"

height="200px" style="border-radius: 10px ;margin-right: 10px;"></a>

<div class="c"><h2>Veg Cuisine</h2></div></div>

<div class="j">

<a href="nv.html">

<img src="./images/background.jpg" alt="Non veg cuisine"

height="200px" width="300px" style="border-radius:10px;"></a>

<div class="c" ><h2>Non veg cuisine</h2></div>

</div>

<div class="k">

<a href="desserts.html">

<img src="./images/chocolavacake.jpg" alt="Desserts" height="200px"

width="300px" style="border-radius:10px;"></a>

<div class="c"><h2>Desserts</h2></div> </div>

</div>
 <div class="foot">

<h1>Contact us</h1>

<h2>Phone number:9876534276</h2>

<h3>Follow us:</h3>

<div>

<a href="https://www.instagram.com"><img id="Instagram"

src="images/instagram_logo2.png" height="40px" alt=""></a>

<a href="https://www.facebook.com"><img id="Facebook"

src="images/Facebook_Logo.png" height="40px" alt=""></a>

<a href="https://in.pinterest.com"><img id="Pintrest"

src="images/pintrest_logo.png" height="45px" alt=""></a>

</div>

</div>

</div>

</body>

</html>
 OUTPUT:

CONCLUSION:
Industrial training makes one know about the various aspects of all the departments
practically and to improve knowledge by means of comparison with the theoretical
aspects of study. It is an opportunity to learn. In the concluding part of my study, I
had learned many ideas and Techniques in this field. The people in this firm had
helped many more in every way to complete my training. In this firm the
relationship between the Management and labor is cordial. I learned practical
knowledge about the functions of the various departments of electronic
manufacturing services. The whole training period was very interesting, instructive
and challenging. Through this training I can able to gain new insights and more
comprehensive understanding about the real industry
The internship was also good to find out strengths and weaknesses. This helped to
define what skills and knowledge have to improve in the upcoming time.

FUTURESCOPE:
Career Opportunities in Web Designing

Designers also have a great scope in the media Industry like News advertising agencies
or IT Companies or Advertising Agencies or Audio-Visual or Media Agencies or
Publishing Houses or Marketing Firms/Institutions or Design Studio, etc.

Is Web Designing a good scope?

Web development can be an excellent, lucrative career, if you are passionate
about developing websites, web apps, or doing UI/UX work. However, you need to
frequently upgrade your skills as it is a continuously evolving field. Webandcrafts is one
of the leading website development companies in Kerala, India.

Not only are Web Designers currently in high demand by employers, the field is
expected to grow by 27 percent by the year 2024. That demand will ensure salaries stay
high for Web Designers moving forward.

As a result of its versatile nature, web designing has become one of the most high-
in-demand jobs around the world. As a result, a Web designer salary in India is
significantly increasing.