The document discusses building a travel website. It covers the key technologies needed like HTML, CSS, and JavaScript. It provides details on features of HTML and CSS that make them well-suited for web design, like ease of use, formatting capabilities, and platform independence. Code snippets are provided as examples of how to structure pages and include images, links, forms and maps. Highlights of the proposed travel website include budget friendly trips, space for user reviews and experiences, directions through Google Maps, and social media links.

1. Presentation on Travel Website

2. Building blocks of Website
 HTML
The Hyper Text Markup Language is the
standard markup language for documents
designed to be displayed in a web browser.
It can be assisted by some technologies
such as Cascading Style sheet (CSS) and
scripting languages such as Java Script.
 CSS
CSS stands for Cascading Style Sheets. CSS
describes how HTML elements are to be
displayed on screen, paper, or in other media.
CSS save a lot of work. It can control the layout
of multiple web pages all at once. External
style sheets are stored in CSS files. This is a
demonstration of how different style sheets
can change the layout of your HTML page.

3. FEATURES OF HTML
 It is very easy and simple language. It can be easily
understood and modified.
 It is very easy to make an effective presentation with HTML
because it has a lot of formatting tags.
 It is a markup language, so it provides a flexible way to
design web pages along with the text.
 It also have a provision to add a link to other web pages
also.
 It is a platform independent language as it can be displayed
on any platform like windows, Linux etc.

4. FEATURES OF CSS
 Opportunity in Web designing: If anyone wants to begin a career
in web designing professionally, it is essential to have knowledge
of CSS and HTML.
 Website Design: With the use of CSS, we can control various
styles, such as the text color, the font style, the spacing among
paragraphs, column size and layout, background color and
images, design of the layout, display variations for distinct
screens and device sizes, and many other effects as well.
 Web Control: CSS has controlling power on the documents of
HTML, so it is easy to learn. It is integrated with the HTML and
the XHTML markup languages.
 Other Languages: Once we have knowledge of some basics of
CSS and HTML, other associated technologies like Angular, PHP,
and JavaScript are become clearer to understand.

5. GLIMPS OF CODING
<a href="index.html">
<img src="C:UsersASUSDesktoptravel_agencyimages363229782b2845a7bc06c5fc5ee25b4c (2).png" alt="Your Happy
Family">
</a>
</h1>
</div>
</div>
</header>
<div class="slider_wrapper">
<div id="camera_wrap" class="">
<div data-src="images/slide.jpg">
<div class="caption fadeIn">
<h2>LONDON</h2>
<div class="price">
FROM
<span> ₹2.5LAKHS</span>
</div>
<a href="#">LEARN MORE</a>
</div>
</div>
<div data-src="images/slide1.jpg">
<div class="caption fadeIn">
<h2>Maldives</h2>
<div class="price">

6. <h3>Booking Form</h3>
<form id="bookingForm">
<div class="fl1">
<div class="tmInput">
<input name="Name" placeHolder="Name:" type="text" data-constraints='@NotEmpty @Required @AlphaSpecial'>
</div>
<div class="tmInput">
<input name="Country" placeHolder="Country:" type="text" data-constraints="@NotEmpty @Required">
</div>
</div>
<div class="fl1">
<div class="tmInput">
<input name="Email" placeHolder="Email:" type="text"
data-constraints="@NotEmpty @Required @Email">
</div>
<div class="grid_12">
<div class="socials">
<a href="#" class="fa fa-facebook"></a>
<a href="#" class="fa fa-twitter"></a>
<a href="#" class="fa fa-google-plus"></a>
</div>
<div class="copy">
GLOBE TROTTERS(c) 2022 | <a href="#">Privacy Policy</a> | Website Designed by DG CREATES

7. <dt>GLOBE TROTTERS <br>
E-191 PANDAV NAGAR,<br>
NEW DELHI 110092.
</dt>
<dd><span>Freephone:</span>+91 800 559 6580</dd>
<dd><span>Telephone:</span>+91 800 603 6035</dd>
<dd>E-mail: <a href="#" class="col1">ABC@demolink.org</a></dd>
</dl>
</address>
</div>

8. <div class="map">
<p><span class="blog">TO GET IN TOUCH REACH OUT THE MENTIONED.
</span></p>
<div class="clear"></div>
<figure class="">
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d14010.577961
18304!2d77.2621020831852!3d28.61044016882245!2m3!1f0!2f0!3f0!3m2!1i1024!2i7
68!4f13.1!3m3!1m2!1s0x390ce357816b1c47%3A0xa7582e98058c95f4!2sPandav%2
0Nagar%2C%20New%20Delhi%2C%20Delhi!5e0!3m2!1sen!2sin!4v16544104865
34!5m2!1sen!2sin" width="600" height="450" style="border:0;"
allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-
downgrade"></iframe>"></iframe>
</figure>
<address>
<dl>

9. HIGHLIGHTS

10. Budget Friendly Trips
Provision for national and
international trips at
affordable rates.

11. Space for Writers
A special corner
would be
provided for the
travellers views
and experiences

12. Directions through Google Maps
One click access to
our address as well as
any other location.

13. Links to social media
Users will be kept updates
details with latest deals on
different travel destinations
through facebook, twitter,
Instagram etc.

14. Thank you