TRAVEL WEBSITE 2021-22
PROBLEM STATEMENT
The proposed system is a web based application and maintains a centralized
repository of all related information. The system allows one to easily access
the relevant information and make necessary travel arrangements. Users can
decide about places they want to visit and make bookings online for travel and
accommodation
INTRODUCTION
The advancement in technology has made our lives easy like never before.
Everything that we require is available at our fingertips. With a few taps on
our smartphones, you can view the best place for travelling with our family
and friends . This reduces the time in Searching of a particular place for
trip, as the best details about the place of travel will be available in this
website.
OBJECTIVES
To guide the user to know about the travel agency.
To know about the best places for toursim.
To improve the business of the travel agency.
GEC HASSAN Page 1
TRAVEL WEBSITE 2021-22
HTML CODE
<!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>Crazy Tours And Travels</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" media="screen and (max-width:
1216px)" href="css/phone.css">
<link rel="icon" href="img/logo.png">
<link
href="https://fonts.googleapis.com/css2?family=Lato:wght@300&family=
Poppins:wght@200&display=swap"
rel="stylesheet">
<script src="https://kit.fontawesome.com/deb091a632.js"
crossorigin="anonymous"></script>
</head>
<body>
<header>
<ul class="logo">
<img src="img/logo.png" alt="Travel Bug">
<h3>Crazy Tours And Travells</h3>
</ul>
<ul id="menu">
<li class="menu-item"><a href="#">Home</a></li>
<li class="menu-item"><a
href="#services">Services</a></li>
<li class="menu-item"><a
GEC HASSAN Page 2
TRAVEL WEBSITE 2021-22
href="#spots">Spots</a></li>
<li class="menu-item"><a
href="#registration">Registration</a></li>
<li class="menu-item"><a href="#contact">Contact
Us</a></li>
</ul>
</header>
<section id="home">
<!-- short description of company -->
<h1 class="text-primary center">Are you ready to
travel?</h1>
<p class="text-para center">Lorem ipsum dolor sit, amet
consectetur adipisicing elit. Nemo porro libero
doloribus quasi veniam! Magnam dolores molestiae
praesentium assumenda quo commodi voluptate, optio
tenetur dolor suscipit quisquam? Possimus pariatur
quam inventore assumenda aut deserunt neque
consequuntur iusto totam itaque blanditiis, autem
voluptatem nihil ut cumque fugiat voluptates quod quis
consectetur.</p>
</section>
<section id="services">
<div class="empty"></div>
<h1 class="text-primary center">Our Services</h1>
<div id="service-menu" class="center">
<div class="service-item">
<img src="img/services/food.jpeg" alt="food">
<h3 class="text-secondary">Food</h3>
<p class="text-para">Lorem ipsum dolor sit amet
consectetur adipisicing elit. Vero officiis natus
dolore rem porro tempore totam alias
GEC HASSAN Page 3
TRAVEL WEBSITE 2021-22
inventore blanditiis quas, quibusdam nisi quae! Voluptates
nemo deleniti ab officiis blanditiis fugiat.
</p>
</div>
<div class="service-item">
<img src="img/services/travel.jpeg"
alt="travel">
<h3 class="text-secondary">Transport</h3>
<p class="text-para">Lorem ipsum dolor sit amet
consectetur adipisicing elit. Vero officiis natus
dolore rem porro tempore totam alias
inventore blanditiis quas, quibusdam nisi quae! Voluptates
nemo deleniti ab officiis blanditiis fugiat.
</p>
<div class="service-item">
<img src="img/services/accomodation.jpeg"
alt="accomodation">
<h3 class="text-secondary">Accomodation</h3>
<p class="text-para">Lorem ipsum dolor sit amet
consectetur adipisicing elit. Vero officiis natus
dolore rem porro tempore totam alias
inventore blanditiis quas, quibusdam nisi quae! Voluptates
nemo deleniti ab officiis blanditiis fugiat.
</p>
</div>
<div class="service-item">
<img src="img/services/photography.jpeg"
alt="photography">
<h3 class="text-secondary">Photography</h3>
<p class="text-para">Lorem ipsum dolor sit amet
</p></body></html>
GEC HASSAN Page 4
TRAVEL WEBSITE 2021-22
SNAPSHOTS
HOME PAGE: This is the home page of the website.
SERVICE PAGE: This page provides the information about the services
provided by the travels.
GEC HASSAN Page 5
TRAVEL WEBSITE 2021-22
SPOTS PAGE: This page shows the information about the famous visited
spots by the tourists through this travels.
GEC HASSAN Page 6
TRAVEL WEBSITE 2021-22
REGISTRATION PAGE: This is the registration page for the travels.
CONTACT PAGE: This page provides the contact details of the travels.
GEC HASSAN Page 7
TRAVEL WEBSITE 2021-22
GEC HASSAN Page 8
