St.
Andrews Institute of Technology & Management,
Gurgaon
Department of Computer Science Engg.
A
Training Report
Of
Minor Project
On
Web Designing
B.Tech (CSE 3rd Sem)
Session- Aug to Dec 2018
Submitted To:- Submitted
By:-
St. Andrews Institute of Technology & Management farrukhnagar,
Gurugram
TO WHOM IT MAY
CONCERN
I hereby certify that
“_____________________” Roll No ___________ of St.Andrew’s Institute of
Technology and Management, Gurgaon, has undergone training from ____________ to
________________at our College to
fulfill the requirements for the award
of degree of B.Tech. (Branch .He/She works on _____________ project during the
training under the supervision of __________________. During his tenure with us we found him
sincere and hard working.
Wishing him/her a great success in the
future.
Signature of the Student
Signature of the Director (S) Signature of the HOD (S)
(Seal of Organization)
|
|
|
|
|
|
ACKNOWLEDGEMENT
The
authors are highly grateful to the Dr. Jugnesh , Director, St.Andrew’s
Institute of Technology and Management, Gurgaon, for providing this opportunity
to carry out the Summer Internship
training at _________________.
The
constant guidance and encouragement received from Director T&P, SAITM,
Gurgaon, has been of great help in carrying out the project work and is
acknowledged with reverential thanks.
The
authors would like to express a deep sense of gratitude and thanks profusely to
_ ___________Director/CEO of Company, . Without the wise counsel and able
guidance, it would have been impossible to complete the report in this manner.
The help rendered by [Faculty In
charge of Training ], Supervisor (________________) for experimentation is
greatly acknowledged.
The author express gratitude to
other faculty members of Computer Science Engineering department of SAITM for
their intellectual support throughout the course of this work.
Finally, the authors are indebted
to all whosoever have contributed in this report work and friendly stay at
_______________.
[STUDENT NAME]
ST.
ANDREWS INSTITUTE OF TECHNOLOGY & MANAGEMENT GURGAON
MAY-JULY,
2018
 |
This is to certify that the project entitled _________________________________ is the bonafide record of
project work done by Mr. / Ms. ____________________
URN: __________ of B.TECH/YEAR during the year ____________.
Signature
of the Signature of
HOD PROJECT GUIDE
 |
I affirm that the
project work _Tourism__System___ being
submitted in partial fulfillment for the award of the degree of BCA is the
original work carried out by me. It has not formed the part of any other
project work submitted for award of any degree or diploma, either in this or
any other University.
Signature
Name
URN
I certify
that the declaration made above by the candidate is true.
Signature of
the Guide
Guide Name
Designation
Institution
*** SPECIMEN ***
|
I affirm that the
project work _ Tourism
Sytem_ being submitted in partial fulfillment for the award of the
degree of B.Tech is the original work carried
out by me. It has not formed the part of any other project work submitted for
award of any degree or diploma, either in this or any other University.
Signature of the Candidate
I certify that
the declaration made above by the candidate is true.
Signature of
the Guide
TABLE
OF CONTENT
|
SS.No.No.
|
Name of Filename of file
|
Page No. No.
|
|
1.
|
Introduction to Web
Development
|
8 - 9
|
|
2.
|
Introduction
|
10 - 11
|
|
3.
|
Markup Languages - HTML
|
13 - 14
|
|
4.
|
Cascade Styling Sheet - CSS
|
15 - 16
|
|
5.
|
Introduction To Java Script
|
16 - 18
|
|
6.
|
Introduction of Bootstrap
|
18 - 20
|
|
7.
|
Introduction of Node.js
|
20 - 21
|
|
8.
|
Index.html
|
|
|
9.
|
Bootstrap.css
|
|
|
10.
|
Bootstrap.js
|
|
1.
Introduction to Web Development
1.1
Clients & Servers
Clients (Browser):-A client is a
piece of computer hardware or software that accesses a service made available
by a server. The server is often (but not always) on another computer system,
in which case the clientaccesses the service by way
of a network.
Examples:-
v
Internet Explorer
v
Firefox
v
Mozilla
v
Netscape
v
Opera
v
Amaya
v
AOL
v
MSN
Servers :-A web server is a computer system that processes requests via HTTP, the basic network protocol used
to distribute information on the World Wide Web.
Examples:-
v Apache
v Microsoft
v Netscape
v zeus
v AOLserver
v AV
v JavaWebServer
v Oracle
1.2 Internet Service Providers:-Connect Clients to the Internet
Examples:-
v Phone Company
v AOL
v Earthlink
v Verizone
v NetZero
1.3Domain’s
URL’s and IPs
§ Domain name: The specific address of a computer on the
Internetegmicrosoft.com
§ Uniform Resource Locator (URL)eg http://www.microsoft.com/faqs.html
§ Internet protocol (IP) addresseg192.168.1.1
1.4
Creating a Web Site
Ø Choose a domain name
Ø Register with a Registrar
Ø Choose a hosting service
Ø Tell Registrar the IP address
Ø Create web content
Ø Store (publish) onto hosting
server (FTP)
Ø Submit new site to search engines
1.4Principles
of good web design
Ø Visitor-centric, clear purpose
Ø Progressive disclosure
Ø Displays quickly
Ø Browser compatible
Ø Intuitive navigation
Ø Spelling, grammar, writing
Ø Secure (eCommerce)
Ø Attractive design, easy to read
Ø Cultural bias? (Regional?
Domestic? International?)
Ø No technical problems (broken
links, buggy scripts)
Ø Maintainable (separate content
from style)
Ø Search Engine Accessible
INTRODUCTION
Tourism is travel for
pleasure; also the theory and practice of touring, the business of attracting,
accommodating, and entertaining tourists, and the business of operating tours.
Tourism may be international, or within the traveller's country. The
World Tourism Organization defines tourism more generally, in terms which go
"beyond the common perception of tourism as being limited to holiday
activity only", as people "travelling to and staying in places
outside their usual environment for not more than one consecutive year for
leisure, business and other purposes".
Tourism can be domestic or
international, and international tourism has both incoming and outgoing
implications on a country's balance of payments. Today, tourism is a major
source of income for many countries, and affects the economy of both the source
and host countries, in some cases being of vital importance.
Tourism is an important, even
vital, source of income for many regions and countries. Its importance was
recognized in the Manila Declaration
on World Tourism of 1980 as "an activity essential to the
life of nations because of its direct effects on the social, cultural,
educational, and economic sectors of national societies and on their
international relations.
Tourism industry has grown
substantially in northern areas during the last few years, and especially
arctic destinations have become more popular. This development does not only
present economic opportunities, but also potential threats to local cultures
and the fragile environment. Recent tourism trends in the North show that
current practices and future tourism development have to take into account the
environmental, social, cultural and economic aspects in a balanced approach to
ensure that tourism will benefit the local people and the environment in the
long term.
Even more so, sustainable
tourism can be an alternative economic possibility for the remote northern
communities, and can result in a reduction of the pressure on the environment
and especially the living resources. After all, nature and culture are the basis
tourism builds on in these northern areas.
2. Review of Closely Related Works
So many researches have been carried out
relating to intelligent tourism management systems with significant impact in
the tourism industry around the globe. Some of the research works carried out
by researchers as related to intelligent tourism management system are
discussed in the succeeding sub-sections. 2.1. The Application of Intelligent
Tourism Mobile Client Based On Ontology This paper proposed the application of
ontology theory in the research of intelligent tourism mobile application
client. The adopted method (ontology) helps to structure the kind of
information given to tourists thus eliminating room for information ambiguity.
The strength of this research work is based on the fact that it makes use of an
organic combination of the major elements that are closely linked to tourism,
and infiltrates them it into every aspect of tourism which produces an
effective, intelligent and efficient tourism information system. However, its
weakness is based on the fact that it is mobile-based and hence accessibility
is limited to mobile device users
2.2. Destination Information Management
System for Tourists
American Scientific Research
Journal for Engineering, Technology, and Sciences (ASRJETS) (2016) Volume 18,
No 1, pp 304-315 306 The system was designed for tourists taking Nigeria’s
tourism into consideration. This was to provide tourists with intelligent
interaction based on virtual community concept of tourism and locals that have
common interest theme. The system aims at bridging the gap; which is the lack
of interaction that exists between tourists and locals at a particular
destination. The system was designed using Java Applet (Netbeans IDE 6.1),
HTML, PHP and Java script whereas MySQL was used to design the database. The
advantages of the system is it is userfriendly, interactive, supports security
and compatible to various web servers but the system lacks intelligence in
providing information to tourists, thus reducing the stress at which tourists
seek for information on the system [1]. 3.Method
3.Methodology
The approach employed in
designing the proposed system is the Rational Unified Process (RUP). The RUP
methodology is based on the fact that the system represents an organized way of
gathering business requirements and building the goal of the project. This was
employed, because it is an object-oriented and webenabled program development
methodology and also a framework for developing software systems. It also clearly
outlines the different roles of the individuals involved in the project, such
as the project manager, business analyst and developers. Some characteristics
of Rational Unified Process include; i. Developing iteratively: This involves
developing software in repeated cycles. With each cycle, additional features
are designed and developed in the system until the system is fully functional
and ready for deployment to the customer. ii. Managing requirements: This
involves explicit documentation of the user’s requirement and keeping track of
changes with respect to the requirement. It also analyses the system and the
impact those changes will make on the system before taking them into
consideration. iii. Using component-based architectures: This involves structuring
the system architecture into components. iv. Modelling software visually: Using
graphical UML to present the software’s dynamic and static view v. Quality
verification: It ensures that software meets the organizational quality
standards vi. Control over changes: it gives room for changes in the software
to be managed efficiently using a change management system and configuration
management procedures and tools [8].
Requirements
1. Hardware Requirements(Minimum)
CPU (SPEED) :
INTEL Core 2 Duo
RAM : 1GB
HARD DISK : 4
GB
KEYBOARD : 105
KEYS
MOUSE : OPTICAL MOUSE
DISPLAY : SVGA
COLOR
2. Software Requirements
FRONT-END : HTML,CSS,JAVASCRIPT,JQUERY,BOOTSRAP
BACK-END : NODE JS
OS : WINDOWS
SERVER : NODE
JS
INTERNET
BROWSER: (MOZILA FIREFOX (most
suitable), OPERA MINI, GOOGLE CHROMO, OR INTERNET EXPLORE).
3.3. Sequence Diagram
A
sequence diagram shows the interaction of how processes operate with one
another and in what order they operate. It illustrates how messages are sent
and received between objects. A system sequence diagram as captured in Figure
2, depicts the following; i. The actor of the use case ii. The messages from
the actor to the system iii. The order in which the messages occur iv. The
external system that sends the message to system and v. The system itself (in a
block format) [9]. In addition, Figure 2 which captures two diagrams labelled 1
and 2, shows the sequence diagram for searching the tourist locations in
Nigeria and for using the Intelligent Tourism Management System respectively.
The use case begins when the user decides to register in the system; the system
provides the user a login form to enter required information. If the system
searches through the database and finds this information to be correct, it
2. Markup Languages - HTML
2.1 HTML Fundamentals
v
Clear text, case
insensitive
v
Ignores white space
v
Comprised of tags
v
Open tags and closed
tags
v
Open tags
v
v
,
,
v
height=’60px’/>
v
Closed tags
v
stuff
v
text to be
bolded
v
level 1 heading text
v
Comments
v
< ! - - comment text -- >
2.2 Document Structure
<
HTML >
Header 
Body
<
/ HTML>
2.3
Basic Structure
<!
- - your web page content and markup -
->
3. Cascade Styling Sheet
3.1 Introduction To CSS
CSS stands for Cascading
Style Sheets Styles define how
to display HTML elements CSS has various levels and profiles. Each level
of CSS builds upon the last, typically adding new features and typically denoted
as CSS1, CSS2, and CSS3.
v The first CSS specification to become
an official W3C Recommendation is CSS level 1, published in December 1996
v CSS level 2 was developed by the W3C
and published as a Recommendation in May 1998. A superset of CSS1, CSS2 includes
a number of new capabilities like absolute, relative, and fixed positioning of
elements and z-index, the concept of media types etc.
v CSS
level 3 is currently under development. The W3C maintains a CSS3 progress
report.
3.2 Understanding Style Rules
v A
Style Rule is composed of two parts: a selector and a declaration.TH
{color: red;}.
v The
Selector indicates the element to which the rule is applied.
v The
Declaration determines the property values of a selector.
v The
Property specifies a
characteristic, such as color, font-family, position, and is followed by a
colon (:).
v The
Value expresses specification of a property, such as red for color, arial for font family, 12 pt for font-size, and is followed by a semicolon
(;).
3.3.Three Ways
to Insert CSS
External style sheet
v Internal
style sheet
v Inline
style
v External
Style Sheet
Ø An
external style sheet is ideal when the style is applied to many pages. With an
external style sheet, you can change the look of an entire Web site by changing
one file. Each page must link to the style sheet using the tag.
The tag goes inside the head section
Ø An
internal style sheet should be used when a single document has a unique style.
Ø An
inline style sheet should be used when the property of the single tag should be
uniquely designed
This is a paragraph.
4. Java Script
4.1 Introduction To Java Script
§
JavaScript is used in millions of Web pages to
improve the design, validate forms, detect browsers, create cookies, and much
more.
§
JavaScript is the most popular scripting language
on the internet, and works in all major browsers, such as Internet Explorer,
Mozilla, Firefox, Netscape, Opera.
§
JavaScript was designed to add interactivity to HTML pages
§
JavaScript is a scripting language (a scripting language is a lightweight
programming language)
§
A JavaScript consists of lines of executable computer code
§
A JavaScript is usually embedded directly into HTML pages
§
JavaScript is an interpreted language (means that scripts execute without
preliminary compilation)
§
Everyone can use JavaScript without purchasing a license
4.2 JavaScript Into an HTML Page
4.3
JavaScript Variables
Ø Variables are used to store
data.
Ø A variable is a
"container" for information you want to store. A variable's value can
change during the script. You can refer to a variable by name to see its value
or to change its value.
Ø Rules for variable names:
§ Variable names are case
sensitive
§ They must begin with a letter
or the underscore character
§ strname – STRNAME (not same)
4.4
JavaScript Operators
|
Operator
|
Description
|
Example
|
Result
|
|
+
|
Addition
|
x=2
|
4
|
|
y=2
|
|||
|
x+y
|
|||
|
-
|
Subtraction
|
x=5
|
3
|
|
y=2
|
|||
|
x-y
|
|||
|
*
|
Multiplication
|
x=5
|
20
|
|
y=4
|
|||
|
x*y
|
|||
|
/
|
Division
|
15/5
|
3
|
|
5/2
|
2,5
|
||
|
%
|
Modulus (division remainder)
|
5%2
|
1
|
|
10%8
|
2
|
||
|
10%2
|
0
|
||
|
++
|
Increment
|
x=5
|
x=6
|
|
x++
|
|||
|
--
|
Decrement
|
x=5
|
x=4
|
|
x--
|
4.5
Introduction Of Bootstrap
Bootstrap is a free open source front-end Framework for designing websites and web applications. It contains HTML-
and CSS-based design templates for typography, forms, buttons, navigation and other
interface components, as well as optional JavaScriptextensions. Unlike many earlier web
frameworks, it concerns itself with front-end
development only.
Bootstrap, originally named Twitter Blueprint, was developed
by Mark Otto and Jacob Thornton at Twitter as a framework to encourage
consistency across internal tools. Before Bootstrap, various libraries were
used for interface development, which led to inconsistencies and a high
maintenance burden.
Features
Bootstrap 3
supports the latest versions of the Google Chrome, Firefox, Internet
Explorer, Opera, and Safari (except
on Windows). It additionally supports back to IE8 and the
latest Firefox Extended Support
Release (ESR).
Since 2.0,
Bootstrap supports responsive web design.
This means the layout of web pages adjusts dynamically, taking into account the
characteristics of the device used (desktop, tablet, mobile phone).
Starting with
version 3.0, Bootstrap adopted a mobile-first design philosophy,
emphasizing responsive design by default.
Structure and function
Bootstrap is modular and
consists of a series of Less (Sass version 4 and onward) stylesheets that
implement the various components of the toolkit. These stylesheets are
generally compiled into a bundle and included in web pages, but individual
components can be included or removed. Bootstrap provides a number of
configuration variables that control things such as color and padding of
various components
Stylesheets
Bootstrap provides a set of
stylesheets that provide basic style definitions for all key HTML components.
These provide a uniform, modern appearance for formatting text, tables and form
elements.
Re-usable
components
In addition to the regular
HTML elements, Bootstrap contains other commonly used interface elements. The
components are implemented as CSS classes, which must be applied to certain
HTML elements in a page.
JavaScript
components
Bootstrap
comes with several JavaScript components in the form of jQuery plugins.
They provide additional user interface elements such as dialog boxes, tooltips,
and carousels. They also extend the functionality of some existing interface
elements, including for example an auto-complete function for input fields. In
version 1.3, the following JavaScript plugins are supported: Modal, Dropdown,
Scrollspy, Tab, Tooltip, Popover, Alert, Button, Collapse, Carousel and
Typeahead.
4.6 Introduction of Node.js
Node.js is
an open-source, cross-platform JavaScript run-time environment that executes JavaScript code
outside of a browser. Typically, JavaScript is used primarily for client-side
scripting, in which
scripts written in JavaScript are embedded in a webpage's HTML and run
client-side by a JavaScript engine in the user's web browser. Node.js lets
developers use JavaScript to write Command Line tools and for server-side
scripting—running
scripts server-side to produce dynamic web page content before the
page is sent to the user's web browser. Consequently, Node.js represents a
"JavaScript everywhere" paradigm, unifying web application development around a single
programming language, rather than different languages for server side and
client side scripts.
Overview
Node.js
allows the creation of Web servers and
networking tools using JavaScript and
a collection of "modules" that handle various core functionality.Modules
are provided for file system I/O, networking (DNS, HTTP, TCP, TLS/SSL, or UDP), binary data
(buffers), cryptography functions, data streams, and other core functions. Node.js's modules
use an API designed to reduce the complexity of writing server applications.
Platform
architecture
Node.js
brings event-driven
programming to web servers,
enabling development of fast web servers in JavaScript. Developers can
create highly scalable servers without using threading, by using a simplified model of event-driven
programming that uses callbacks to
signal the completion of a task. Node.js connects the ease of a scripting
language (JavaScript) with the power of Unix network programming.
Package
management
npm is the pre-installed package manager for the
Node.js server platform. It installs Node.js programs from the npm registry, organizing the installation and management of
third-party Node.js programs. Packages in the npm registry can range from
simple helper libraries such as Lodash to
task runners such as Grunt.
Unified
API
Node.js can be combined with
a browser, a database that supports JSON data (such as Postgres, MongoDB, or CouchDB) and JSON for a unified JavaScript development stack. With
the adaptation of what were essentially server-side development patterns such
as MVC, MVP, MVVM, etc., Node.js allows the reuse of the
same model and service interface between client-side and server-side.
Index.html
WELCOME TO TOURISM SYTEM
About Tourism System
Owing to its
geographical diversity, India could be visited throughout the year. Whereas
winter months from October till March are the peak season for tourism in India,
monsoon is the best time to visit for enjoying p>
POPULAR TOURISM PLACE
The Taj Mahal
The Taj Mahal is an
ivory-white marble mausoleum on the south bank of the Yamuna river in the
Indian city of Agra. It was commissioned in 1632 by the Mughal
Simla
Shimla is the capital of the
northern Indian state of Himachal Pradesh, in the Himalayan foothills. Once the
summer capital of British India, it remains the terminus of the narrow-gauge
Kalka-Shimla Railway, completed in 1903.
Sikkim
Sikkim is a state in northeast
India, bordered by Bhutan, Tibet and Nepal. Part of the Himalayas, the area has
a dramatic landscape that includes India’s highest mountain, 8,586m
Kangchenjunga.
Goa
Goa is a state in western
India with coastlines stretching along the Arabian Sea. Its long history as a
Portuguese colony prior to 1961 is evident in its preserved 17th-century
churches and the area’s tropical spice plantations. Goa is also known for its
beaches,
Darjeeling
Darjeeling is a town in
India's West Bengal state, in the Himalayan foothills. Once a summer resort for
the British Raj elite, it remains the terminus of the narrow-gauge Darjeeling
Himalayan Railway, or “Toy Train,” completed in 1881.
Rajsthan
Rajasthan is a northern Indian
state bordering Pakistan. Its palaces and forts are reminders of the many
kingdoms that historically vied for the region. In its capital, Jaipur (the
"Pink City"), are the 18th-century City Palace and Hawa Mahal,
Kullu Manali
Manali is a high-altitude
Himalayan resort town in India’s northern Himachal Pradesh state. It has a
reputation as a backpacking center and honeymoon destination. Set on the Beas
River, it’s a gateway for skiing in the Solang Valley and trekking in Parvati
Valley.
Delhi
Delhi, India’s capital
territory, is a massive metropolitan area in the country’s north. In Old Delhi,
a neighborhood dating to the 1600s, stands the imposing Mughal-era Red Fort, a
symbol of India, and the sprawling Jama Masjid mosque, whose courtyard
accommodates 25,000 people.
International Tour Packages by Destinations
A holiday in
a foreign land is an everlasting memory. Who does not harbour the wish to visit
a foreign land, get a chance to acquaint with the people, learn about their
past, appreciate their culture and wonder at the natural and manmade creations.
International holidays are no
/>
Thailand
/>
Dubai
/>
Darjeling
/>
singapore
Places To Visit in India by Month
Recommened Packages
Golden Triangle
Tour
7D / 6N
Gujrat
Tour
2D / 3N
Madhya Pardesh
Tour
5D / 6N
Amritsar
Tour
5D / 4N
---------------------------------
------------------------------
Quick links
Information
Contact Info
Laxmi
Nagar Delhi NCR
+9123456780
2018 © All right Reversed.Tourism
Bootstrap.css
*{margin:0px;
padding:0px;
}
body{
background-image:linear-gradient(rgba(0,
0, 0, 0.5),rgba(0, 0, 100, 0.5)),
url(file:///C|/Users/NiralaTech/Desktop/Tour/img/8.jpg);
background-size:cover;
background-repeat:no-repeat;
height:100vh;
width:100%;
z-index: -10;
height: auto;
}
.navbar{
background-color:#F96;
opacity:0.8;
font-size:15px;
border-bottom:1px double #000000;
}
.navbar-nav li a{
color:#FFF;
}
.navbar-nav li
a:hover{
color:#f96;
background-color:#FFF;
}
.navbar-brand{
color:#FFF;
}
.icon-bar{
background-color:#FFF;
}
.navbar-nav li.active,
navbar li.active a{
background-color: #CF3;
color:#F00;
}
.get{
padding:5px;
background-color:#0F0;
font-size:20px;
border-radius:8px;
font-family:"Lucida Sans
Unicode", "Lucida Grande", sans-serif;
margin-left:50px;
}
.animation {
animation: typing-text 2s steps(24),
blink 0.5s infinite alternate;
overflow: hidden;
white-space: nowrap;
color:#FFF;
border-right: 3px solid #000;
text-align:center;
}
@keyframes typing-text
{
from {
width: 0;
}
to {
width: 24ch;
}
}
@keyframes blink {
from {
border-color:
transparent;
}
to {
border-color: #000;
}
}
.feature{
background-color:linear-gradient(rgba(0,
0, 0, 0.5),rgba(0, 0, 100, 0.5)),#FFF;
border:1px solid #00F;
border-radius:50px;}
.feature h2{
color:#C90;
margin-left:30px;
}
.feature p{
color:#FFF;
margin-left:50px;}
.top{
background-color: #CCC;
margin-top:30px;
height: auto;
}
.top h2{
color: #FFF;
text-align:center;
background-color:#C60;
font-size:40px;
}
.btn{
margin-left:80px;
color:#FFF;
padding:10px;
background-color:#03F;}
.t{
margin-top:20px;}
.padding-left-right{
padding-left:5px; padding-right:5px; }
a.outbound-bg{ background:#333;
display:block; color:#FFF; text-align:center; font-size:20px; margin:15px 0 0
0px; padding:0 0 8px 0px; font-weight:bold; }
a.outbound-bg img{
margin:0 0 5px 0px; }
a.outbound-bg:hover{
color:#FF0; text-decoration:none; }
.theme-text img{ -webkit-transition:all
0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear;
-ms-transition:all 0.2s linear; transition:all 0.2s linear; }
.theme-text
.theme-colorbx{ -ms-filter:"progid:
DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0);
opacity:0; background:#000; -webkit-transition:all 0.4s ease-in-out;
-moz-transition:all 0.4s ease-in-out; -o-transition:all 0.4s ease-in-out;
-ms-transition:all 0.4s ease-in-out; transition:all 0.4s ease-in-out;
height:200px; }
.theme-text span{
-webkit-transform:translateY(100px); -moz-transform:translateY(100px);
-o-transform:translateY(100px); -ms-transform:translateY(100px); transform:
translateY(100px); -ms-filter:"progid:
DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0);
opacity:0; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear;
-o-transition:all 0.2s linear; -ms-transition:all 0.2s linear; transition:all
0.2s linear; }
.theme-text:hover
.theme-colorbx{ -ms-filter:"progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100); opacity:1; text-decoration:none; }
.theme-text:hover
span{ -ms-filter:"progid:
DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter:alpha(opacity=100);
opacity:1; -webkit-transform:translateY(0px); -moz-transform:translateY(0px);
-o-transform:translateY(0px); -ms-transform:translateY(0px);
transform:translateY(0px); text-decoration:none; }
.theme-text
.theme-text-bg{ position:absolute; bottom:0px; background-color:rgba(0, 0, 0,
0.7); width:93%; }
.theme-text
.theme-package-hdg{ font-size:20px; color:#fff; padding:5px 0 5px 10px; }
.theme-text
.theme-package-explore{ font-size:16px; color:#fff; padding-bottom:5px;
text-decoration:none; padding:0 0 5px 10px; }
.theme-text a:hover
.theme-package-hdg{color:#fff225 !important;}
Bootstrap.js
if (typeof jQuery ===
'undefined') {
throw new Error('Bootstrap\'s JavaScript
requires jQuery')
}
+function ($) {
var version = $.fn.jquery.split('
')[0].split('.')
if ((version[0] < 2 && version[1]
< 9) || (version[0] == 1 && version[1] == 9 && version[2]
< 1)) {
throw new Error('Bootstrap\'s JavaScript
requires jQuery version 1.9.1 or higher')
}
}(jQuery);
// CSS TRANSITION
SUPPORT (Shoutout: http://www.modernizr.com/)
// ============================================================
function transitionEnd() {
var el =
document.createElement('bootstrap')
var transEndEventNames = {
WebkitTransition : 'webkitTransitionEnd',
MozTransition : 'transitionend',
OTransition : 'oTransitionEnd otransitionend',
transition : 'transitionend'
}
for (var name in transEndEventNames) {
if (el.style[name] !== undefined) {
return { end: transEndEventNames[name]
}
}
}
return false // explicit for ie8 ( ._.)
}
// COLLAPSE DATA-API
// =================
$(document).on('click.bs.collapse.data-api',
'[data-toggle="collapse"]', function (e) {
var $this
= $(this)
if (!$this.attr('data-target')) e.preventDefault()
var $target = getTargetFromTrigger($this)
var data
= $target.data('bs.collapse')
var option
= data ? 'toggle' : $.extend({}, $this.data(), { trigger: this })
Plugin.call($target, option)
})
}(jQuery);
+function ($) {
'use strict';
// DROPDOWN CLASS DEFINITION
// =========================
var backdrop = '.dropdown-backdrop'
var toggle
= '[data-toggle="dropdown"]'
var Dropdown = function (element) {
$(element).on('click.bs.dropdown',
this.toggle)
}
Dropdown.VERSION = '3.3.1'
Dropdown.prototype.toggle = function (e) {
var $this = $(this)
if ($this.is('.disabled, :disabled'))
return
var $parent
= getParent($this)
var isActive = $parent.hasClass('open')
clearMenus()
if (!isActive) {
if ('ontouchstart' in
document.documentElement && !$parent.closest('.navbar-nav').length) {
// if mobile we use a backdrop because
click events don't delegate
$('
').insertAfter($(this)).on('click',
clearMenus)
}
var relatedTarget = { relatedTarget: this
}
$parent.trigger(e =
$.Event('show.bs.dropdown', relatedTarget))
if (e.isDefaultPrevented()) return
$this
.trigger('focus')
.attr('aria-expanded', 'true')
$parent
.toggleClass('open')
.trigger('shown.bs.dropdown',
relatedTarget)
}
return false
}
Dropdown.prototype.keydown = function (e) {
if (!/(38|40|27|32)/.test(e.which) || /input|textarea/i.test(e.target.tagName))
return
var $this = $(this)
e.preventDefault()
e.stopPropagation()
if ($this.is('.disabled, :disabled'))
return
var $parent
= getParent($this)
var isActive = $parent.hasClass('open')
if ((!isActive && e.which != 27) ||
(isActive && e.which == 27)) {
if (e.which == 27)
$parent.find(toggle).trigger('focus')
return $this.trigger('click')
}
var desc = ' li:not(.divider):visible a'
var $items =
$parent.find('[role="menu"]' + desc + ', [role="listbox"]'
+ desc)
if (!$items.length) return
var index = $items.index(e.target)
if (e.which == 38 && index >
0) index-- // up
if (e.which == 40 && index <
$items.length - 1) index++ // down
if (!~index) index = 0
$items.eq(index).trigger('focus')
}
function clearMenus(e) {
if (e && e.which === 3) return
$(backdrop).remove()
$(toggle).each(function () {
var $this = $(this)
var $parent = getParent($this)
var relatedTarget = { relatedTarget: this
}
if (!$parent.hasClass('open')) return
$parent.trigger(e = $.Event('hide.bs.dropdown',
relatedTarget))
if (e.isDefaultPrevented()) return
$this.attr('aria-expanded', 'false')
$parent.removeClass('open').trigger('hidden.bs.dropdown', relatedTarget)
})
}
function getParent($this) {
var selector = $this.attr('data-target')
if (!selector) {
selector = $this.attr('href')
selector = selector &&
/#[A-Za-z]/.test(selector) && selector.replace(/.*(?=#[^\s]*$)/, '') //
strip for ie7
}
var $parent = selector && $(selector)
return $parent && $parent.length ?
$parent : $this.parent()
}
// DROPDOWN PLUGIN DEFINITION
// ==========================
function Plugin(option) {
return this.each(function () {
var $this = $(this)
var data
= $this.data('bs.dropdown')
if (!data) $this.data('bs.dropdown',
(data = new Dropdown(this)))
if (typeof option == 'string')
data[option].call($this)
})
}
var old = $.fn.dropdown
$.fn.dropdown = Plugin
$.fn.dropdown.Constructor = Dropdown
// DROPDOWN NO CONFLICT
// ====================
$.fn.dropdown.noConflict = function () {
$.fn.dropdown = old
return th }
Screenshot
Screenshot-2
Screenshot-3
Screenshot-4
Screenshot-5
About.html
About Us
The Tourism Company was founded in
1990 by Richard Denman, Chris Evans and Steve Beioley. ... Our position in the
UK The Tourism Company is well established at a national, regional and local
level. ... Many of our clients are national, regional and local tourism bodies,
local authorities ...
SCREENSHOT
Domestic.html
National Tour Packages by Destinations
Package tours are
excursions or holidays which “package” a variety of services together to make a
single “combined” trip. Commonly they combine such things as transport, accommodation
and meals. They may also include the provision of a tour guide and/or leader.
Tours can be long or short in duration and distance. They may be a one-day or
overnight package, or they could be a period of a month or more
Amritsar
Ahemdabad
Chardham
Dhramsala
.jpg)
Manali
Myanmar
golden triangle
packages
gujarat-tour-package
SCREENSHOT
Best time to visit.html
Best Time To Visit India
List View
Grid View
Golden
Pack
Product
description... Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh
euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
$20.000
Gujrat
Tour
Product
description... Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat.
$15.000
Dubai
Package
Product
description... Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat.
$30.000
BangKok
Package
Product
description... Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam nonummy nibh euismod
tincidunt ut laoreet dolore magna aliquam erat volutpat.
$32.000
Europe
Product
description... Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat.
$25.000
Malaysia
Package
Product
description... Lorem ipsum dolor sit amet, consectetuer adipiscing elit,
sed diam
nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat
volutpat.
$21.000
SCREENSHOT
International.html
International Tour Packages by Destinations
Visiting other countries can be a great
experience. Whether you are traveling
for work or pleasure, solo or in a group, staying for a few days or several
years, planning ahead can help ensure your time abroad is both enjoyable and
safe.
Thailand
Dubai
Darjeling
singapore
Paris
Singapore-Package
Thailand Tour Packages
Dubai Packages
BRAZILIN
ITALY
Malaysia
EUROP-PACKAGES
Screenshot
Gallery.html
.jpg)
SCREENSHOT
Contact.html
Contact Us
Get in Touch
Submit
SCREENSHOT
Query.html
Get Query
Tation argumentum et usu, dicit viderer evertitur te has. Eu
dictas concludaturque usu, facete detracto patrioque an per, lucilius
pertinacia eu vel.
Please fill with your details
By clicking Submit, you agree to our Terms &
Conditions, Visitor Agreement and Privacy Policy.
SCREENSHOT
No comments:
Post a Comment