Ashutosh Patil - 31 Asad Pathan - 30 Vaishnavi Khanekar - 19 Sneha Mahajan - 25

A MICRO-PROJECT ON :
Travel And Tourism Agency

A MICRO-PROJECT IN
Diploma II Semester
2018-2019
COURSE: Web Page designing Using HTML
COURSE CODE: 22014
SUBMITTED BY:
ASHUTOSH PATIL -31
ASAD PATHAN -30
VAISHNAVI KHANEKAR -19
SNEHA MAHAJAN - 25
SUBMITTED TO:
Prof. Rushali Navale
PROGRAM OF COMPUTER ENGINEERING
Dr. D.Y Patil Polytechnic, Vidyanagar, Sector-7,
Nerul, Navi Mumbai 400 706.
1
Certificate
This is to certify that ………………………… Roll no …..........

has successfully completed his micro project. ‘A travel
and tourism Agency in web page designing using HTML’.
In partial fulfilment of second semester of course in
Computer Engineering, in the academic year 2018-2019.
DATE:
PLACE:
Subject teacher Head of Dept. Principal
Dr. D.Y Patil School of polytechnic, Vidyanagar.

Sec-7, Nerul, Navi Mumbai 400 706.
2
ACKNOWLEDGEMENT
I take this opportunity to express deep sense of gratitude and

sincere thanks for the invaluable guidance that I have received at
the worthy hands of my Prof. Rushali Navale.
I express my thanks to our H.O.D. Prof. Umesh Patil for

permitting me to do this project and also to the entire staff
member who have helped me directly or indirectly.
I also express my thanks to my friends for their underlying

support shown during the preparation of this project.
3
INDEX
Sr.no Topic Page no
Part A
1 Aim, Proposed Methodology 5
2 Action Plan 6
3 Resources Required: 7
4 Introduction 8
Part B
5 Code of Program 9-30
6 Outputs of Program 31-36
7 Applications 37
8 Conclusion 38
9 References 38
10 Evaluation Sheet 39-40
4
Part A
Webpage on Travel and Tourism Agency.
Aim of the Project:-

To design a web page on Travel and Tourism Agency.
Proposed Methodology:-
For this micro project we first decided who is going to do which sub-
topic. And then we all divided it equally. Then we tool the ideas from
the mam as well as the sub topics so that we can start our work, then we
took all the information form the goggle and then made the program
code using notepad and then made a word document and then merged it.
5
Action Plan
Name of
Sr. Plan Started Plan Finished Responsible
Details of Activity
No. on on Team
Members
Searching topic for Ashutosh,
1 ....../....../.......... ....../....../..........
Micro-Project Asad
Discussion about
2 the title of Micro- ....../....../.......... ....../....../.......... Asad, Sneha
Project
Selection of Proper Sneha,
3 ....../....../.......... ....../....../..........
Subject Vaishnavi
Discussion
Ashutosh,
4 regarding the topic ....../....../.......... ....../....../..........
Vaishnavi
with Guide
Selection of proper
Asad,
5 diagram and ....../....../.......... ....../....../..........
Vaishnavi
components.
Collecting all Ashutosh,
6 ....../....../.......... ....../....../..........
components Sneha
Completing the
7 ....../....../.......... ....../....../.......... All
report
Working and
8 finalization of the ....../....../.......... ....../....../.......... All
Micro-Project
Signature of teacher: ………………
6
RESOURCES REQUIRED:
SR. Name of Specification Qty. Remarks

NO. Resources /
Material
1 System Name
(laptop / Lenovo 1
computer)
2 Operating System Windows 10 _
3 Software Microsoft _
office
4 Internet _ _
5 Book _ _
7
Introduction
The purpose of this project is to provide the complete

information about the plans which the people need to be for
their holidays available for a travel and tourism. There are 2
different types of users. First the customer visits the site and
enters the place from where to where he wishes to travel.
He also provides the date as when he would like to travel.
Then he sends these details to the travel and tourism agency.
The employee of travel and tourism agency receives the mail
and check which vehicle is available for that day and reverts
back to the customer along with the quotation. If the customer
agrees for any one of the quotation, he can reply back along
with agreed quotation.
This report involves a brief description regarding a micro-
project for the course of the academic semester (CO-2I). The
title of the micro project is “Travel and Tourism Management
project in WEB PAGE DESIGNING WITH HTML”.
8
INPUT OF PROGAM:
<!DOCTYPE html>
<html lang="zxx" class="no-js">
<head>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-

fit=no">
<link rel="shortcut icon" href="img/fav.png">
<meta name="author" content="Adventure">
<meta name="description" content="">
<meta name="keywords" content=">
<meta charset="UTF-8">
<title>Adventure</title>
<link href="https://fonts.googleapis.com/css?family=Poppins:100,200,400,300,
500,600,700" rel="stylesheet">
CSS
============================================= -->
<link rel="stylesheet" href="css/linearicons.css">
<link rel="stylesheet" href="css/font-awesome.min.css">
<link rel="stylesheet" href="css/bootstrap.css">
<link rel="stylesheet" href="css/magnific-popup.css">
<link rel="stylesheet" href="css/animate.min.css">
<link rel="stylesheet" href="css/owl.carousel.css">
<link rel="stylesheet" href="css/main.css">
9
</head>
<body>
<section class="banner-area" id="home">
<header class="default-header">
<nav class="navbar navbar-expand-lg navbar-light">
<div class="container">
<a class="navbar-brand" href="index.html">
<img src="img/logo.png" alt="">
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-

target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-
expanded="false" aria-label="Toggle navigation">
<span class="text-white lnr lnr-menu"></span>
</button>
<div class="collapse navbar-collapse justify-content-end align-items-center"

id="navbarSupportedContent">
<ul class="navbar-nav">
<li><a href="#home">Home</a></li>
<li><a href="#about">About</a></li>
<li><a href="#secvice">Service</a></li>
<li><a href="#gallery">Gallery</a></li>
<li><a href="#faq">Faq</a></li>
<li><a href="#contact">Contact</a></li>

10
<li class="dropdown">
<a class="dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">
Pages
</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="generic.html">Generic</a>
<a class="dropdown-item" href="elements.html">Elements</a>
</div>
</li>
</ul>
</div>
</div>
</nav>
</header>
</section>
<section class="default-banner active-blog-slider">
<div class="item-slider relative" style="background: url(img/slider1.jpg);background-

size: cover;">
<div class="overlay" style="background: rgba(0,0,0,.3)"></div>
<div class="row fullscreen justify-content-center align-items-center">
<div class="col-md-10 col-12">
<div class="banner-content text-center">
11
<h4 class="text-white mb-20 text-uppercase">Discover the Colorful World</h4>
<h1 class="text-uppercase text-white">New Adventure</h1>
<p class="text-white">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do
eiusmod temp <br>
or incididunt ut labore et dolore magna aliqua. Ut enim ad minim.</p>
<a href="#" class="text-uppercase header-btn">Discover Now</a>
</div>
</div>
</div>
</div>
</div>

size: cover;">
<h1 class="text-uppercase text-white">New Trip</h1>
eiusmod temp <br>
12
</div>
</div>
</div>
</div>
</div>

size: cover;">
<h1 class="text-uppercase text-white">New Experience</h1>
eiusmod temp <br>
</div>
</div>
</div>
</div>
</div>
</section>
13

<section class="section-gap info-area" id="about">
<div class="row d-flex justify-content-center">
<div class="menu-content pb-40 col-lg-8">
<div class="title text-center">
<h1 class="mb-10">Why Choose Us Your Fitness Builder</h1>
<p>Who are in extremely love with eco friendly system.</p>
</div>
</div>
</div>
<div class="single-info row mt-40">
<div class="col-lg-6 col-md-12 mt-120 text-center no-padding info-left">
<div class="info-thumb">
<img src="img/about-img.jpg" class="img-fluid" alt="">
</div>
</div>
<div class="col-lg-6 col-md-12 no-padding info-rigth">
<div class="info-content">
<h2 class="pb-30">We Realize that <br>
there are reduced <br>
Wastege Stand out</h2>
14
<p>
inappropriate behavior is often laughed off as “boys will be boys,” women face higher
conduct standards – especially in the workplace. That’s why it’s crucial that, as women.
</p>
<br>
<p>
</p>
<br>
<p>
</p>
</div>
</div>
</div>
</div>
</section>
<section class="project-area section-gap" id="project">
15
<h1 class="mb-10">Latest Project on the go</h1>
<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut <br> labore et dolore magna aliqua.</p>
</div>
</div>
</div>
<div class="row justify-content-center d-flex">
<div class="active-works-carousel mt-40 col-lg-8">
<div class="item">
<img class="img-fluid" src="img/why.jpg" alt="">
<div class="caption text-center mt-20">
<h6 class="text-uppercase">Vector Illustration</h6>
<p>LCD screens are uniquely modern in style, and the liquid crystals that make them
work have <br> allowed humanity to create slimmer, more portable technology.</p>
</div>
</div>
<div class="item">
</div>
16
</div>
<div class="item">
</div>
</div>
<div class="item">
</div>
</div>
<div class="item">
</div>
17
</div>
</div>
</div>
</div>
</section>
<section class="feature-area section-gap" id="secvice">
<h1 class="mb-10">Some Features that Made us Unique</h1>
</div>
</div>
</div>
<div class="row">
<div class="col-lg-4 col-md-6 ">
<div class="single-feature mb-30">
<div class="title d-flex flex-row pb-20">
<span class="lnr lnr-user"></span>
<h4><a href="#">Expert Technicians</a></h4>
</div>
<p>
18
Usage of the Internet is becoming more common due to rapid advancement of
technology and power.
</p>
</div>
</div>
<span class="lnr lnr-license"></span>
<h4><a href="#">Professional Service</a></h4>
</div>
<p>

</p>
</div>
</div>
<span class="lnr lnr-phone"></span>
<h4><a href="#">Great Support</a></h4>
</div>
<p>
19
</p>
</div>
</div>
<div class="single-feature">
<span class="lnr lnr-rocket"></span>
<h4><a href="#">Technical Skills</a></h4>
</div>
<p>

</p>
</div>
</div>
<span class="lnr lnr-diamond"></span>
<h4><a href="#">Highly Recomended</a></h4>
</div>
<p>
20
</p>
</div>
</div>
<span class="lnr lnr-bubble"></span>
<h4><a href="#">Positive Reviews</a></h4>
</div>
<p>

</p>
</div>
</div>
</div>
</div>
</section>
<section class="gallery-area" id="gallery">
<div class="container-fluid">
<div class="row no-padding">
<div class="active-gallery">
21
<div class="item single-gallery">
<img src="img/g1.jpg" alt="">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="faq-area section-gap" id="faq">
22
<h1 class="mb-10">Frequently Asked Questions</h1>
</div>
</div>
</div>
<div class="row d-flex align-items-center">
<div class="counter-left col-lg-3 col-md-3">
<div class="single-facts">
<h2 class="counter">5962</h2>
<p>Projects Completed</p>
</div>
<p>New Projects</p>
</div>
<p>Tickets Submitted</p>
</div>
<p>Cup of Coffee</p>
23
</div>
</div>
<div class="faq-content col-lg-9 col-md-9">
<div class="single-faq">
<h2 class="text-uppercase">
Are your Templates responsive?
</h2>
<p>
“Few would argue that, despite the advancements of feminism over the past three
decades, women still face a double standard when it comes to their behavior. While
men’s borderline-inappropriate behavior.
</p>
</div>
Does it have all the plugin as mentioned?
</h2>
<p>
</p>
</div>
24
Can i use the these theme for my client?
</h2>
<p>
</p>
</div>
</div>
</div>
</div>
</section>
<section class="video-area pt-40 pb-40">
<div class="overlay overlay-bg"></div>
<div class="video-content">
<a href="http://www.youtube.com/watch?v=0O2aH4XLbto" class="play-btn"><img

src="img/play-btn.png" alt=""></a>
<div class="video-desc">
<h3 class="h2 text-white text-uppercase">Being unique is the preference</h3>
<h4 class="text-white">Youtube video will appear in popover</h4>
</div>
</div>
25
</div>
</section>
<section class="logo-area">
<div class="row">
</div>
</div>
</section>
<section class="contact-area section-gap" id="contact">
<h1 class="mb-10">If you need, Just drop us a line</h1>
</div>
</div>
</div>
<form class="form-area " id="myForm" action="mail.php" method="post"

class="contact-form text-right">
<div class="row">
<div class="col-lg-6 form-group">
26
<input name="name" placeholder="Enter your name" onfocus="this.placeholder = ''"
onblur="this.placeholder = 'Enter your name'" class="common-input mb-20 form-
control" required="" type="text">
<input name="email" placeholder="Enter email address" pattern="[A-Za-z0-9._%+-

]+@[A-Za-z0-9.-]+\.[A-Za-z]{1,63}$" onfocus="this.placeholder = ''"
onblur="this.placeholder = 'Enter email address'" class="common-input mb-20 form-
control" required="" type="email">
<input name="subject" placeholder="Enter your subject" onfocus="this.placeholder = ''"

onblur="this.placeholder = 'Enter your subject'" class="common-input mb-20 form-
control" required="" type="text">
</div>
<div class="col-lg-6 form-group">
<textarea class="common-textarea mt-10 form-control" name="message"

placeholder="Messege" onfocus="this.placeholder = ''" onblur="this.placeholder =
'Messege'" required=""></textarea>
<button class="primary-btn mt-20">Send Message<span class="lnr lnr-arrow-

right"></span></button>
<div class="alert-msg">
</div>
</div></div>
</form>
</div>
</section>
<footer class="footer-area section-gap">
<div class="row">
27
<div class="col-lg-5 col-md-6 col-sm-6">
<div class="single-footer-widget">
<h6>About Us</h6>
<p>
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor
incididunt ut labore dolore magna aliqua.
</p>
<p class="footer-text">Copyright ©<script>document.write(new

Date().getFullYear());</script> All rights reserved | This template is made with <i
class="fa fa-heart-o" aria-hidden="true"></i> by <a href="https://Adventure.com"
target="_blank">Adventure</a></p>
</div>
</div>
<div class="col-lg-5 col-md-6 col-sm-6">
<h6>Newsletter</h6>
<p>Stay update with our latest</p>
<div class="" id="mc_embed_signup">
<form target="_blank" novalidate="true" action="https://spondonit.us12.list-

manage.com/subscribe/post?u=1462626880ade1ac87bd9c93a&id=92a4423d01"
method="get" class="form-inline">
<div class="d-flex flex-row">
<input class="form-control" name="EMAIL" placeholder="Enter Email"

onfocus="this.placeholder = ''" onblur="this.placeholder = 'Enter Email '" required=""
type="email">
28
<button class="click-btn btn btn-default"><i class="fa fa-long-arrow-right" aria-
hidden="true"></i></button>
<div style="position: absolute; left: -5000px;">
<input name="b_36c4fd991d266f23781ded980_aefe40901a" tabindex="-1" value=""

type="text">
</div>

</div>
<div class="info"></div>
</form>
</div>
</div>
</div>
<div class="col-lg-2 col-md-6 col-sm-6 social-widget">
<h6>Follow Us</h6>
<p>Let us be social</p>
<div class="footer-social d-flex align-items-center">
<a href="#"><i class="fa fa-facebook"></i></a>
<a href="#"><i class="fa fa-twitter"></i></a>
<a href="#"><i class="fa fa-dribbble"></i></a>
<a href="#"><i class="fa fa-behance"></i></a>

29
</div>
</div>
</div>
</div>
</div>
</footer>
<script src="js/vendor/jquery-2.2.4.min.js"></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js"
integrity="sha384-
b/U6ypiBEHpOf/4+1nzFpr53nxSS+GLCkfwBdFNTxtclqqenISfwAzpKaMNFNmj4"
crossorigin="anonymous"></script>
<script src="js/vendor/bootstrap.min.js"></script>
<script src="js/jquery.ajaxchimp.min.js"></script>
<script src="js/jquery.magnific-popup.min.js"></script>
<script src="js/owl.carousel.min.js"></script>
<script src="js/jquery.sticky.js"></script>
<script src="js/slick.js"></script>
<script src="js/jquery.counterup.min.js"></script>
<script src="js/waypoints.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>
30
OUTPUT :
31
32
33
34
35
36
APPLICATION:
1. Travel and Tourism agency helps users for planning,
accommodation bookings, tickets booking, cab booking,
route mapping .
2. A travel agency has access to the resources and people
who can help you plan the perfect event.
3. It is used to upgrade new data, also offers can be easily
displayed online using webpage.
37
CONCLUSION:
From this micro project we learned the actual working of any

web page and also learned to make this webpage using various
attributes including insertion of link, images, and attachment of
more other web pages. Travel and Tourism Agency simplifies
the management process in traveling. Fast processing an
immediate result with high security. It also minimizes human
effort and cost efficient databases. Navigation through the site
is easy.
REFERENCES:
1. https://W3School.com
2. https://HTMLgoodies.com
3. https://html.com
4. https://html-online.com
5. https://html-css-js.com
6. https://www.udemy.com
38
Micro Project Evaluation Sheet
Name of student: ……………………………………… Enrollment no: ………...…………..…
Name of program: …………………………………….. Semester: .….…..…………………….
Course Title: …………………….…………………….. Code: ….………………………………
Title of the Micro Project: …………………………………………………..…………………….
Course Outcomes (Cos):
a)
b)
c)
d)
Sr. Characteristic to Poor Average Good Excellent Sub

no. be assessed Total
(Marks 1-3) (Marks4-5) (Marks6-8) (Marks 9-
10)
(A) Process and product Assessment (Convert above total marks out of 6 marks)
1. Relevance to the
course
2. Literature
Review/information
collection
3. Completion of the
target
4. Analysis of data
and representation
5. Quality of
prototype/model
6. Report preparation
(B) Individual Presentation/Viva (Convert above total marks out of 4 marks)

7. Presentation
8. Viva
39
(A) (B) Total marks
(10)
Process an Product Assessment Individual Presentation/Viva
(6 marks)
(4 marks)
Comments/Suggestion about team work/leadership/inter-personal communication (if

any).…………………………………………………………………………………………………….…
………………………………………………………………………………………………………………
………………………………………………………………………………………………………
Name of the teacher: ………………………………………………….
Dated signature: ……………………………………………………….
40

Ashutosh Patil - 31 Asad Pathan - 30 Vaishnavi Khanekar - 19 Sneha Mahajan - 25

Загружено:

Сведения о документе

Оригинальное название

Авторское право

Доступные форматы

Поделиться этим документом

Поделиться или встроить документ

Параметры публикации

Этот документ был вам полезен?

Это неприемлемый материал?

Авторское право:

Доступные форматы

Ashutosh Patil - 31 Asad Pathan - 30 Vaishnavi Khanekar - 19 Sneha Mahajan - 25

Загружено:

Авторское право:

Доступные форматы

A MICRO-PROJECT ON :

Travel And Tourism Agency

This is to certify that ………………………… Roll no …..........

Subject teacher Head of Dept. Principal

Dr. D.Y Patil School of polytechnic, Vidyanagar.

I take this opportunity to express deep sense of gratitude and

I express my thanks to our H.O.D. Prof. Umesh Patil for

I also express my thanks to my friends for their underlying

Webpage on Travel and Tourism Agency.

Aim of the Project:-

Signature of teacher: ………………

SR. Name of Specification Qty. Remarks

2 Operating System Windows 10 _

The purpose of this project is to provide the complete

<html lang="zxx" class="no-js">

<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-

<link rel="shortcut icon" href="img/fav.png">

<meta name="author" content="Adventure">

<meta name="description" content="">

<meta name="keywords" content=">

<link rel="stylesheet" href="css/linearicons.css">

<link rel="stylesheet" href="css/font-awesome.min.css">

<link rel="stylesheet" href="css/bootstrap.css">

<link rel="stylesheet" href="css/magnific-popup.css">

<link rel="stylesheet" href="css/animate.min.css">

<link rel="stylesheet" href="css/owl.carousel.css">

<link rel="stylesheet" href="css/main.css">

<section class="banner-area" id="home">

<nav class="navbar navbar-expand-lg navbar-light">

<a class="navbar-brand" href="index.html">

<img src="img/logo.png" alt="">

<button class="navbar-toggler" type="button" data-toggle="collapse" data-

<span class="text-white lnr lnr-menu"></span>

<div class="collapse navbar-collapse justify-content-end align-items-center"

<a class="dropdown-toggle" href="#" id="navbardrop" data-toggle="dropdown">

<a class="dropdown-item" href="generic.html">Generic</a>

<a class="dropdown-item" href="elements.html">Elements</a>

<section class="default-banner active-blog-slider">

<div class="item-slider relative" style="background: url(img/slider1.jpg);background-

<div class="overlay" style="background: rgba(0,0,0,.3)"></div>

<div class="row fullscreen justify-content-center align-items-center">

<div class="col-md-10 col-12">

<div class="banner-content text-center">

<h1 class="text-uppercase text-white">New Adventure</h1>

or incididunt ut labore et dolore magna aliqua. Ut enim ad minim.</p>

<a href="#" class="text-uppercase header-btn">Discover Now</a>

<div class="item-slider relative" style="background: url(img/slider2.jpg);background-

<div class="overlay" style="background: rgba(0,0,0,.3)"></div>

<div class="row fullscreen justify-content-center align-items-center">

<div class="col-md-10 col-12">

<div class="banner-content text-center">

<h4 class="text-white mb-20 text-uppercase">Discover the Colorful World</h4>

<h1 class="text-uppercase text-white">New Trip</h1>

or incididunt ut labore et dolore magna aliqua. Ut enim ad minim.</p>

<a href="#" class="text-uppercase header-btn">Discover Now</a>

<div class="item-slider relative" style="background: url(img/slider3.jpg);background-

<div class="overlay" style="background: rgba(0,0,0,.3)"></div>

<div class="row fullscreen justify-content-center align-items-center">

<div class="col-md-10 col-12">

<div class="banner-content text-center">

<h4 class="text-white mb-20 text-uppercase">Discover the Colorful World</h4>

<h1 class="text-uppercase text-white">New Experience</h1>