Visvesvaraya Technological University Jnana Sangama,

Belagavi

VSM’S Somashekhar R. Kothiwale Institute of Technology

Nipani- 591237
2022-2023

Internship Report on
“Website for Tourism”
Submitted By,

Mr. Balakrushna S. Madhale

USN: 2VS21CS009

Under the guidance of,

Prof. Anup Ganji

Department of Computer Science and Engineering

 VSM’S Somashekhar R. Kothiwale Institute Of Technology
Nipani- 591237
Department of Computer Science & Engineering

CERTIFICATE

This is to certify that the internship entitled “Website for Tourism”, is a Bonafede work
carried out by Mr. Balakrushna S. Madhale(2VS21CS009) in fulfillment for the award of
Bachelor of Engineering in Computer Science and Engineering, VSMSRKIT, Nipani
from Visvesvaraya Technological University, Belagavi during the year 2022-2023. The
internship report has been approved as it satisfies the academic requirements in respect of
Syllabus prescribed for the aforesaid degree.

Prof. Neelamma Shinannavar Prof. Anup Ganji

(Internship Coordinator) (Internship Guide)

Prof. Rahul Palakar Dr. Umesh Patil

(Head of Department) (Principal & Director)

Examiner Name: Examiner Signature:

1.
2.
 ACKNOWLEDGEMENT

The sense of contentment and elation that accompanies the successful completion of
the Project " Website for Tourism" would be incomplete without mentioning the names of
those people who helped us in accomplishing this project. People whose constant guidance
and encouragement resulted in its realization.

First and foremost, we would like to thank, Dr. Umesh P Patil, vsmsrkit, Nipani. for
his moral support towards completion of our Internship Work.

We would like to thank Prof. Rahul Palakar, Head of the Department, Computer
Science & Engineering, VSMSRKIT, Nipani for his valuable suggestions and advices.

We deeply express our sincere gratitude to our guide Prof. Anup Ganji, Assistant
Professor Department of CSE, VSMSRKIT, Nipani for his able guidance, regular source of
encouragement and assistance throughout this mini-project.

I would like to thank Prof. Neelamma Shinannavar, Co-Ordinator, Computer Science

and Engineering, VSMSRKIT, Nipani for her valuable suggestions and advices.

I would like to thank Mr. Sachin Jadhav for his moral support towards completion of
our internship work.

We thank all Faculty members of Department of Computer Science & Engineering for
their constant support and encouragement.

Last, but not the least, we would like to thank our parents and friends who provided us
their valuable suggestions to improve our project
 TABLE OF CONTENTS

Chapter No Chapter Name Page No

Chapter 1 Introduction 02

Chapter 2 Company Profile 03

Chapter 3 New Skills Learned 04

3.1 Introduction 04

3.2 HTML 06

3.3 CSS 15

3.4 JavaScript 19

3.5 Bootstrap 21

Chapter 4 Work Summary 24

Chapter 5 Conclusion 27

Reference 28
 LIST OF FIGURES

Sr. No. Figure Name Page No.

3.2.1 Assignments using HTML 12

3.2.2 Assignments using HTML 12

3.2.3 Assignments using HTML 13

3.2.4 Assignments using HTML 13

3.3.1 Assignments using div 16

3.3.2 Assignments using CSS 17

3.3.3 Assignments using CSS 17

3.4.1 Assignments using JavaScript (form validation) 19

3.4.2 Assignments using JavaScript (form validation) 20

3.5.1 Assignments using Bootstrap 22

3.5.2 Assignments using Bootstrap 22

4.1 Home Page 23

4.2 Home Page 24

4.3 Home Page 24

4.4 Home Page 25

4.5 Information Page 25

4.6 Footer Page 26

4.7 About Us Page 26

 4.8 Contact Us Page 27
4.9 Tour Page 27

4.10 Blog Page 28

 WEBSITE FOR TOURISM

CHAPTER 1

INTRODUCTION
This chapter provides description of the internship carried out, the goals and responsibilities of an item.

1.1 Internship Description

The internship that was carried out at SV MIND LOGIC, Nipani. In the internship we learned
how to create a website using some languages like HTML, CSS, JavaScript, Bootstrap.

1.2 Goals
• To understand the current technologies and techniques being used in the IT industry.
• To develop new skills or to refine the existing skills.
• To develop an understanding of the responsibilities and working conditions of a web developer.
• To learn to be more organized, to better manage the time, to develop more self-confidence, to
identify the strengths, etc.

1.3 Job Responsibilities

• Communicate effectively with the immediate supervisor and other staff within the company.
• Accept and apply critiques and suggestions to daily work in an effort to become more productive
and/or efficient
• Communicate with the supervisor and/or other staff bout any issues that may affect the
performance of assigned responsibilities or the overall success of the experience.
• Have basic expertise and hands on experience with python libraries.

DEPT. OF CSE, VSMIT, NIPANI Page 1

 WEBSITE FOR TOURISM

CHAPTER 2

COMPANY PROFILE
2.1 About Company

SV Mind Logic Systems is the leading as a web and software development company located in
Satara, Pune India. The company Design and Development are our areas of expertise! They take pride in
our work, so when they create your site, it has to not only meet your requirements, but our individual
high-quality standards. Company is serving their clients from 2012. They have planned, created and
launched hundreds of successful websites since their inception, for many different types of businesses
around the globe.

The company provides Web application development, quality website designing at Satara, Corporate
profiles and presentations, creative website development at Satara, Pune, India. Best E-commerce
solutions, Application development, maintenance, re-engineering, Web hosting solutions and Search
Engine Optimization, seo. The company provides you a complete range of solutions facing the ever-
growing client and market challenges. We give you Internet solutions that are reliable, scalable and
highly customized for your needs using best of web technologies for your customized web development
and optimization.

SV Mind Logic implements the latest technologies in web site design, using Cascading Style Sheets,
XHTML, HTML, XML Flash, and implements programming languages, such as PHP and working on
very latest technologies like AJAX, jQuery, Joomla, Drupal, WordPress, MySQL, Magento, Mobile
application like android development etc.

• Name: S V Mind Logic

• Address: Near Kittur Rani Chennamma Circle, Nipani, Karnataka, 591237.
• Website: www.svmindlogic.com
• Email: contactus@svmindlogic.com
• Mobile Number: 7709054041
• Company Services: Web Design, Web Development, Software Development, Mobile
Application, SEO Optimization, Domain & Hosting

DEPT. OF CSE, VSMIT, NIPANI Page 2

 WEBSITE FOR TOURISM

CHAPTER 3

NEW SKILLS LEARNED

3.1 Introduction

• Languages→
o HTML
o CSS
o Bootstrap
o Java script

• Software Use →
o Dreamweaver
o PHP Designer
o Visual Studio Code [VSC]

• Server :→
Server is used to run the webpage on the browser.

o XAMPP Server:
o X: Extensible
o A: Apache
o M: My SQL
o P: PHP
o P: Pern

• Website:→
Website is a collection of webpages.

o Types of webpages:

Static Webpage:

There is no user interaction with the webpage.

DEPT. OF CSE, VSMIT, NIPANI Page 3

 WEBSITE FOR TOURISM

There is no database.

Ex: read only data.

Dynamic Webpage:

There is user interaction with the webpage.

There is database present.

Ex: Facebook, Instagram, etc.

• Steps for Creating Website→

o Designing:

Using html, CSS, bootstrap, java script, languages or photo shop coral draw software.

o Developing:

Using server-side languages like PHP, ASP, JSP, python & Django.

o Testing:

Using manual testing or some software tools.

• Installation of XAMPP server→

o Double click on xampp.exe setup file.

o Follow the instruction and complete the installation on any drive.
o Installation path c:\xampp.
o After the finish the installation XAMPP folder will create automatically on particular drive.

• Folder structure of XAMPP→

o Under this XAMPP folder there is ht docs folder.

o This folder is called deponent folder.
o Under this ht docs folder create any folder [vsm10].
o This folder is called as a root folder.
o Under this folder create images folder and store all the images related to the project.
DEPT. OF CSE, VSMIT, NIPANI Page 4
 WEBSITE FOR TOURISM

• Steps to Set Project in PHP Designer→

o Open the PHP designer.

o Click on project menu.
o Click on project manager.
o Select new.
o Enter the project title [vsm10] as a root folder name.
o Click on next.
o Enter the project root folder path [c:\xampp\htdocs\vsm10].
o Click on next and lastly finish.
o Select [vsm10] and click on open project.

• Steps to run the Program →

o Open the XAMPP control panel.

o Start the apache and my SQL service.
o Minimize the XAMPP control panel window.
o Open the browser like chrome.
o In URL address bar type local host/root folder name/file name.

→
3.2 HTML
• Hyper Text Markup Language.
• HTML is a use to create static webpage.
• HTML is a client-side scripting language.
• File extension of html is .html or .html.
• HTML contains predefine tags.
→
• Structure of html
<html>

<head><title>Title of your HTML page</title>

DEPT. OF CSE, VSMIT, NIPANI Page 5
 WEBSITE FOR TOURISM

</head>

<body>

<!--your webpage content and markup-->

</body>

</html>

• Main HTML tags and properties →

o Bgcolor property
✓ This property is used to set background colour to any tag/ page.
✓ Ex:<body bgcolor = “blue”>

o Heading tags
✓ This is used to give a heading in a page.
✓ There are 6 heading tags

<h1>Level 1</h1>this is the biggest font

size. <h2>Level 2</h2>

<h3>Level 3</h3>

<h4>Level 4</h4>

<h5>Level 5</h5>

<h6>Level 6</h6> this is the smallest font size.

o Align property
✓ This property is used to set the align to any tag.
✓ Ex:<h1 align= “center”>heading level 1</h1>

o Bold tag
✓ This tag used to display text in bold format.

DEPT. OF CSE, VSMIT, NIPANI Page 6

 WEBSITE FOR TOURISM
✓ Ex:<b> Bold Text </b>

o Italic tag
✓ This tag used to display text in italic format.
✓ Ex:<i>italic text</i>

o Underline tag
✓ This tag is used for to display underline to the text.
✓ Ex: <u>underline text</u>

o <hr/> tag
✓ This tag is used to display the horizontal line

o <br/> tag
✓ This tag is used to break the line

o Marquee tag
✓ This tag is used to move the text or image in webpage.
✓ Ex:< marquee direction= “right” bgcolor= “yellow” >Admission are open</marquee>

o Hyperlink tag
✓ This tag is used to give the link between one page to another page.
✓ Ex:<a href= “first.html” target= “_blank”>Go To First</a>

o Image tag
✓ This is used to display image in a page.
✓ Ex:<img src= “images/card.png” width= “100%” height= “400px” />

o Table tag
✓ This tag is used to add table in a page.

DEPT. OF CSE, VSMIT, NIPANI Page 7

 WEBSITE FOR TOURISM
✓ Table tag is collection of rows and columns.
✓ Ex:

<table border= “2px” cellpadding= “5px” cellspacing= “8px”>

<tr>

<td>first row first column</td>

<td>first row second

column</td> </tr>

<tr>

<td>second row first column</td>

<td>second row second

column</td> </tr>

</table>

o List tag
✓ This tag is used to display data in list format in a page
✓ There are 2 types of list

Ordered list

Display data in ordered format like numbers, alphabets, roman,

etc. Ex:

<ol>

<li>red</li>

<li>green</li>

</ol>

Unordered list
DEPT. OF CSE, VSMIT, NIPANI Page 8
 WEBSITE FOR TOURISM

Display data in bullets format.

Ex:

<ul>

<li>red</li>

<li>green</li>

</ul>

o Form tag
✓ Form tag is used to create a form, login, contact form, etc.
✓ Ex:<form name= “” action= “” method= “”> </form>

✓ name property is used for to set the name to the form. (ex: name= “loginform”)

✓ action property is used to set the path after click on the submit button page control
will pass to assign path. (ex: action= “first.html”)
✓ method property is used to get and post data.
✓ There are 2 types of method

Get:

It is used to get and post data.

Whole url address characters are
visible. It is not secure.
Url passing character length is less.
Ex: method= “get”

Post:

It is used to post and get data.

Whole url address characters are not
visible. It is secure.
Url passing character length is
high. Ex: method= “post”

DEPT. OF CSE, VSMIT, NIPANI Page 9

 WEBSITE FOR TOURISM

o Input tags
✓ Text
Used to add text field in the form.
Ex:<input type= “text” name= “” />
Type property is used to specify which type of input tag.
Name property is used to give the name to the input tag.

✓ Password
Used to add password field in the form.
Ex:<input type= “password” name= “”/>
✓ Submit button
Used to add submit button in the form.
Ex:<input type= “submit” value= “”/>
Value property is used to set lable on the button. (ex: value= “login”).
✓ Reset
Used to add the reset button in the form.
This button is used to clear the user entered data.
Ex:<input type= “reset” value= “”/>
✓ Radio

Used to add radio button in the form.

Radio button selects only one
option. Ex:

Gender:

<input type= “radio” name= “gender”/>male

<input type= “radio” name= “gender”/>female

✓ Checkbox

Used to add checkbox in the form.

Checkbox can select multiple options.
Ex:

DEPT. OF CSE, VSMIT, NIPANI Page 10

 WEBSITE FOR TOURISM

Education:

<input type= “checkbox” name= “ssc”/>SSC

<input type= “checkbox” name= “diploma”/>Diploma

✓ Select tag

Used to add dropdown in the

form. Ex:

Course:

< select >

<option>Diploma</option>

<option>BE</option>

</select>

✓ Textarea

Used to add textarea in the

form. Ex:

< textarea rows= “6” cols= “10”>

</ textarea >

DEPT. OF CSE, VSMIT, NIPANI Page 11

 WEBSITE FOR TOURISM

Assignments using HTML:-

Fig3.2.1: Assignment using HTML

Fig 3.2.2: Assignment using HTML

DEPT. OF CSE, VSMIT, NIPANI Page 12

 WEBSITE FOR TOURISM

Fig 3.2.3: Assignment using HTML

Fig 3.2.4: Assignment using HTML

DEPT. OF CSE, VSMIT, NIPANI Page 13

 WEBSITE FOR TOURISM

3.3 CSS→

• CSS stands for Cascading Style Sheet.

• CSS is used for to design the webpages or html tags.
• CSS types:

o Inline CSS
✓ Used to design the individual tags in a page.
✓ Ex: <h1 align= “center” style= “color: red; background-color:yellow;”>heading level 1<h1>

o Internal CSS
✓ Used to design whole page.
✓ Internal css code write under the <head>tag using <style> tag.

✓ Selectors in CSS
✓ Class selector

It is a collection of css properties.

Class can use multiple time in a
page. Declaration:

.title

color: red;

border: 2px solid #ccc;

Access the class under any

tag: class= “title”

✓ Id selector

DEPT. OF CSE, VSMIT, NIPANI Page 14

 WEBSITE FOR TOURISM

It is a collection of css properties.

Id is used only one time in a
page. Declaration:

#title

color: red;

border: 2px solid #ccc;

Access the id under the tag:

id= “title”

✓ Element/tag selector

Used to apply design briefly to any

tag. Ex:

h1

color: red;

border: 2px solid #ccc;

o External CSS
✓ Used to design the whole project.
✓ Steps to create external css file:

✓ Open PHP designer.

✓ Click on file menu.

✓ New file.

✓ Select CSS.

DEPT. OF CSE, VSMIT, NIPANI Page 15

 WEBSITE FOR TOURISM
✓ Click on OK
✓ Write css code in the file

.btn-sv

background-color: aqua;

color: red;

✓ Save the file under the root folder as “style.css”.

✓ Include css file under the head tag using link tag

✓ <link rel= “stylesheet” href= “style.css”/>

✓ Access the class in a tag:

✓ <input type= “submit” value= “Login” class= “btn-sv”/>

Assignments using CSS:

Fig 3.3.1: Assignment using div

DEPT. OF CSE, VSMIT, NIPANI Page 16

 WEBSITE FOR TOURISM

Fig 3.3.2: Assignment using CSS

Fig 3.3.3: Assignment using CSS

DEPT. OF CSE, VSMIT, NIPANI Page 17

 WEBSITE FOR TOURISM

3.4 JavaScript→

• JavaScript is used to perform the form validation.

• Steps to perform empty field validation:
o Set id to every input tag.

<input type= “text” name= “username” id= “username” />

o Under the form tag using onsubmit method call validation_form(); function.

<form name= “loginform” action= “first.html” method= “post” onsubmit=

“return validation_form();”>

o Declare definition of validation_form() under the head tag using javascript.

<script type= “text/javascript”>

Function validation_form()

var username= document.getElementById(‘username’).value;

var password= document.getElementById(‘password’).value;

if(username== ‘’)

alert(“Enter Username”);

return false;

if(password== ‘’)

alert(“Enter Password”);
DEPT. OF CSE, VSMIT, NIPANI Page 18
 WEBSITE FOR TOURISM

return false;

</script>

document is a javascript object used to call the functions.

getElementById is a javascript method used for retrieve the user entered form
value. alert is used for display the message.

Assignments using JavaScript:

Fig 3.4.1: Assignment using JavaScript (form Validation)

DEPT. OF CSE, VSMIT, NIPANI Page 19

 WEBSITE FOR TOURISM

Fig 3.4.2: Assignment using JavaScript (form Validation)

3.5 Bootstrap→

• Bootstrap is a open source free CSS frame work or CSS library use to design mobile
friendly responsive website.
• Steps to configure or include bootstrap
o Search on google getbootstrap.
o Open getbootstrap.com website.
o Choose include via CDN option.
o Copy bootstrap CSS link tag and paste under the head tag.
o Copy javascript bootstrap code and paste under the head tag.
o Layouts:
✓ Container: contains all div of web pages, container is a parent or base layout access.
✓ Row: Row is use to add the rows. One row contains total 12 column.

✓ Col: Col is use to add the column in a row.

<div class=”container-fluid”>

DEPT. OF CSE, VSMIT, NIPANI Page 20

 WEBSITE FOR TOURISM

<div class=”row”>

<div class=”col-3”>

<img src=”images/logo.png”>

</div>

<div class=”col-9”>

<h1>Website/Software/Mobile App</h1>

</div>

</div>

</div>

o Components:
✓ Navbar: Navbar is use to add the menu bar in a page.
✓ Carousel: Carousel is use to add slide show images in a page.

✓ Alerts: Alerts is use to add alert strip in a page.

✓ Card: Card is use to add cards in a page.

DEPT. OF CSE, VSMIT, NIPANI Page 21

 WEBSITE FOR TOURISM

Assignments using Bootstrap:

Fig 3.5.1: Assignment using Bootstrap

Fig 3.5.2: Assignment using Bootstrap

DEPT. OF CSE, VSMIT, NIPANI Page 22

 WEBSITE FOR TOURISM

CHAPTER 4

WORK SUMMARY
This chapter describes the work carried out during the internship.

4.1 Title:
WEBSI TE FOR SHRI RAM PLANT NURSERY

4.2 Result/ Output:

Task 1: Home page

Fig4.1: home page

DEPT. OF CSE, VSMIT, NIPANI Page 23

 WEBSITE FOR TOURISM

Fig4.2: home page

Fig4.3: home page

DEPT. OF CSE, VSMIT, NIPANI Page 24

 WEBSITE FOR TOURISM

Fig4.4: home page

Task 2: Information page

Fig4.5: Information page

DEPT. OF CSE, VSMIT, NIPANI Page 25

 WEBSITE FOR TOURISM

Task 3: Footer of the Page

Fig4.6: Footer page

Task 4: About Us page

Fig4.7: About Us page

DEPT. OF CSE, VSMIT, NIPANI Page 26

 WEBSITE FOR TOURISM

Task 5: Contact page

Fig4.8: contact page

Task 6: Tour page

Fig4.9: tour page

DEPT. OF CSE, VSMIT, NIPANI Page 27

 WEBSITE FOR TOURISM

Task 7: Blog page

Fig4.10: blog page

DEPT. OF CSE, VSMIT, NIPANI Page 28

 WEBSITE FOR TOURISM

CHAPTER 5

CONCLUSION
In review this internship has been an excellent and rewarding experience. I can honestly say that my
time spent interning with “SV Mind Logic” is very good for me. After complete my industrial training, I
had been exposed to programmer working life. Throughout my internship, I could understand more
about the programmer and prepare myself to become a responsible programmer in future. If I got chance
to work with “SV Mind Logic” in future this is good opportunity for me to build my career. Finally I say
thanks to all member of “SV Mind Logic” for giving me chance for internship.

One main thing that I have learned through this internship is time management skills as well as self-
motivation. From this internship and time management I had to learn how to motivate myself through
being in the work for so many hours. This was an excellent experience and I hope that other interns got
as much out of it.

I found that several things are important:

Critical and Analytical Thinking:

To organize our tasks and assignment, we need to analyze our problems and assignment, and to
formulate a good solution to the problem. We would have to set contingency plan for the solution, so
that we are well prepared for the unforeseeable situations.

Time Management:

As overall technician and programmer are always racing against tight timeline and packed schedule,
a proper time management will minimize facing overdue deadlines. An effective time management
allows us to do our assignment efficiently and meet our schedules. Scheduling avoids time wastage and
allows us to plan ahead and gaining more as a result.

Goal Management:

Opposing to a Herculean goal seemed to be reachable at first sight, it is better to sub-divide the goals
to a few achievable tasks with dedications so that we will be gaining more confidence.

DEPT. OF CSE, VSMIT, NIPANI Page 29

 WEBSITE FOR TOURISM

Colleague Interactions:

In working environment, teamwork is vital in contributing to a strong organization. Teamwork is also

essential in reaching the goals of the organization as an entity. Thus, communicating and sharing is
much needed in the working environment. Therefore, we should be respecting each other in work, and
working together as a team, instead of working alone. This is because working together as a team is
easier in reaching our targets. I would like to once again appreciate everyone who has made my
industrial training a superb experience.

DEPT. OF CSE, VSMIT, NIPANI Page 30

 WEBSITE FOR TOURISM

REFERENCES
1. Referenced the HTML tags from:
HTML Tutorial (w3schools.com)

2. Referenced the CSS code from:

CSS Tutorial (w3schools.com)

3. Referenced the JavaScript code from:

JavaScript Tutorial (w3schools.com)

4. Referenced the Bootstrap code from:

Bootstrap 5 Tutorial (w3schools.com)
Bootstrap · The most popular HTML, CSS, and JS library in the world. (getbootstrap.com)

DEPT. OF CSE, VSMIT, NIPANI Page 31