SlideShare a Scribd company logo
1 of 14
Presentation on Travel Website
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.
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.
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.
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">
<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
<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>
<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>
HIGHLIGHTS
Budget Friendly Trips
Provision for national and
international trips at
affordable rates.
Space for Writers
A special corner
would be
provided for the
travellers views
and experiences
Directions through Google Maps
One click access to
our address as well as
any other location.
Links to social media
Users will be kept updates
details with latest deals on
different travel destinations
through facebook, twitter,
Instagram etc.
Thank you

More Related Content

Similar to VAP ppt.pptx

A Complete Guide to Frontend - UI Developer
A Complete Guide to Frontend - UI DeveloperA Complete Guide to Frontend - UI Developer
A Complete Guide to Frontend - UI Developernariyaravi
 
3 dot technologies by deepak modi
3 dot technologies by deepak modi3 dot technologies by deepak modi
3 dot technologies by deepak modiDeepak Modi
 
3 dot technologies by deepak modi
3 dot technologies by deepak modi3 dot technologies by deepak modi
3 dot technologies by deepak modiDeepak Modi
 
Vskills certified css designer Notes
Vskills certified css designer NotesVskills certified css designer Notes
Vskills certified css designer NotesVskills
 
Web Design & Development Courses in Pune | 3DOT Technologies
Web Design & Development Courses  in Pune | 3DOT TechnologiesWeb Design & Development Courses  in Pune | 3DOT Technologies
Web Design & Development Courses in Pune | 3DOT Technologiesabeda786
 
Web designing training in chandigarh
Web designing training in chandigarhWeb designing training in chandigarh
Web designing training in chandigarhSheetal Sharma
 
blogger html & css.pdf
blogger html & css.pdfblogger html & css.pdf
blogger html & css.pdfdevbhargav1
 
Web deveplopment courses in pune
Web deveplopment courses  in puneWeb deveplopment courses  in pune
Web deveplopment courses in puneNidhi Samdani
 
Web deveplopment courses in pune
Web deveplopment courses  in puneWeb deveplopment courses  in pune
Web deveplopment courses in puneNidhi Samdani
 
Web Designing Training In Chandigarh
Web Designing Training In ChandigarhWeb Designing Training In Chandigarh
Web Designing Training In ChandigarhExcellence Academy
 
Chapter 3 - CSS.pdf
Chapter 3 - CSS.pdfChapter 3 - CSS.pdf
Chapter 3 - CSS.pdfwubiederebe1
 
Web development classes in pune
Web development classes in puneWeb development classes in pune
Web development classes in puneNidhi Samdani
 
Web development classes in pune
Web development classes in puneWeb development classes in pune
Web development classes in puneNidhi Samdani
 
Web Design & Development Courses in Pune| 3DOT Technologies
Web Design & Development Courses  in Pune| 3DOT TechnologiesWeb Design & Development Courses  in Pune| 3DOT Technologies
Web Design & Development Courses in Pune| 3DOT Technologiesabeda786
 

Similar to VAP ppt.pptx (20)

C language
C languageC language
C language
 
A Complete Guide to Frontend - UI Developer
A Complete Guide to Frontend - UI DeveloperA Complete Guide to Frontend - UI Developer
A Complete Guide to Frontend - UI Developer
 
3 dot technologies by deepak modi
3 dot technologies by deepak modi3 dot technologies by deepak modi
3 dot technologies by deepak modi
 
3 dot technologies by deepak modi
3 dot technologies by deepak modi3 dot technologies by deepak modi
3 dot technologies by deepak modi
 
Vskills certified css designer Notes
Vskills certified css designer NotesVskills certified css designer Notes
Vskills certified css designer Notes
 
Web Design & Development Courses in Pune | 3DOT Technologies
Web Design & Development Courses  in Pune | 3DOT TechnologiesWeb Design & Development Courses  in Pune | 3DOT Technologies
Web Design & Development Courses in Pune | 3DOT Technologies
 
web devs ppt.ppsx
web devs ppt.ppsxweb devs ppt.ppsx
web devs ppt.ppsx
 
Web designing training in chandigarh
Web designing training in chandigarhWeb designing training in chandigarh
Web designing training in chandigarh
 
Css introduction
Css   introductionCss   introduction
Css introduction
 
blogger html & css.pdf
blogger html & css.pdfblogger html & css.pdf
blogger html & css.pdf
 
Web deveplopment courses in pune
Web deveplopment courses  in puneWeb deveplopment courses  in pune
Web deveplopment courses in pune
 
Web deveplopment courses in pune
Web deveplopment courses  in puneWeb deveplopment courses  in pune
Web deveplopment courses in pune
 
Css home
Css   homeCss   home
Css home
 
Web Designing Training In Chandigarh
Web Designing Training In ChandigarhWeb Designing Training In Chandigarh
Web Designing Training In Chandigarh
 
ashish ppt webd.pptx
ashish ppt webd.pptxashish ppt webd.pptx
ashish ppt webd.pptx
 
David Weliver
David WeliverDavid Weliver
David Weliver
 
Chapter 3 - CSS.pdf
Chapter 3 - CSS.pdfChapter 3 - CSS.pdf
Chapter 3 - CSS.pdf
 
Web development classes in pune
Web development classes in puneWeb development classes in pune
Web development classes in pune
 
Web development classes in pune
Web development classes in puneWeb development classes in pune
Web development classes in pune
 
Web Design & Development Courses in Pune| 3DOT Technologies
Web Design & Development Courses  in Pune| 3DOT TechnologiesWeb Design & Development Courses  in Pune| 3DOT Technologies
Web Design & Development Courses in Pune| 3DOT Technologies
 

Recently uploaded

Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactPECB
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxheathfieldcps1
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Celine George
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxmanuelaromero2013
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...Marc Dusseiller Dusjagr
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13Steve Thomason
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxpboyjonauth
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...EduSkills OECD
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfsanyamsingh5019
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesFatimaKhan178732
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)eniolaolutunde
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactdawncurless
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdfSoniaTolstoy
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxNirmalaLoungPoorunde1
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppCeline George
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104misteraugie
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdfQucHHunhnh
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphThiyagu K
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformChameera Dedduwage
 

Recently uploaded (20)

Beyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global ImpactBeyond the EU: DORA and NIS 2 Directive's Global Impact
Beyond the EU: DORA and NIS 2 Directive's Global Impact
 
Staff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSDStaff of Color (SOC) Retention Efforts DDSD
Staff of Color (SOC) Retention Efforts DDSD
 
The basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptxThe basics of sentences session 2pptx copy.pptx
The basics of sentences session 2pptx copy.pptx
 
Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17Advanced Views - Calendar View in Odoo 17
Advanced Views - Calendar View in Odoo 17
 
How to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptxHow to Make a Pirate ship Primary Education.pptx
How to Make a Pirate ship Primary Education.pptx
 
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
“Oh GOSH! Reflecting on Hackteria's Collaborative Practices in a Global Do-It...
 
The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13The Most Excellent Way | 1 Corinthians 13
The Most Excellent Way | 1 Corinthians 13
 
Introduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptxIntroduction to AI in Higher Education_draft.pptx
Introduction to AI in Higher Education_draft.pptx
 
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
Presentation by Andreas Schleicher Tackling the School Absenteeism Crisis 30 ...
 
Sanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdfSanyam Choudhary Chemistry practical.pdf
Sanyam Choudhary Chemistry practical.pdf
 
Separation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and ActinidesSeparation of Lanthanides/ Lanthanides and Actinides
Separation of Lanthanides/ Lanthanides and Actinides
 
Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)Software Engineering Methodologies (overview)
Software Engineering Methodologies (overview)
 
Accessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impactAccessible design: Minimum effort, maximum impact
Accessible design: Minimum effort, maximum impact
 
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdfBASLIQ CURRENT LOOKBOOK  LOOKBOOK(1) (1).pdf
BASLIQ CURRENT LOOKBOOK LOOKBOOK(1) (1).pdf
 
Employee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptxEmployee wellbeing at the workplace.pptx
Employee wellbeing at the workplace.pptx
 
URLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website AppURLs and Routing in the Odoo 17 Website App
URLs and Routing in the Odoo 17 Website App
 
Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104Nutritional Needs Presentation - HLTH 104
Nutritional Needs Presentation - HLTH 104
 
1029 - Danh muc Sach Giao Khoa 10 . pdf
1029 -  Danh muc Sach Giao Khoa 10 . pdf1029 -  Danh muc Sach Giao Khoa 10 . pdf
1029 - Danh muc Sach Giao Khoa 10 . pdf
 
Z Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot GraphZ Score,T Score, Percential Rank and Box Plot Graph
Z Score,T Score, Percential Rank and Box Plot Graph
 
A Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy ReformA Critique of the Proposed National Education Policy Reform
A Critique of the Proposed National Education Policy Reform
 

VAP ppt.pptx

  • 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>
  • 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.