Horje Website
CSS Responsive Web Design – Travel Agency Template – CSS Code

CSS Responsive Web Design – Travel Agency Template

CSS Responsive Web Design - Travel Agency Template - CSS Code


 
  1. <!DOCTYPE html>
  2. <html>
  3. <title>W3.CSS Template</title>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1">
  6. <link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css">
  7. <body>
  8. <div class="w3-display-container" style="margin-bottom:50px">
  9. <img src="https://www.w3schools.com//w3images/beach3.jpg" style="width:100%">
  10. <div class="w3-display-bottomleft w3-container w3-amber w3-hover-orange w3-hide-small"
  11. style="bottom:10%;opacity:0.7;width:70%">
  12. <h2><b>4 Good Reasons<br>For travelling with us</b></h2>
  13. </div>
  14. </div>
  15. <div class="w3-row w3-container" style="margin:50px 0">
  16. <div class="w3-half w3-container">
  17. <div class="w3-topbar w3-border-amber">
  18. <img src="https://www.w3schools.com//w3images/cellphone.jpg" style="width:100%">
  19. <h2>Smart Vacation</h2>
  20. <p>Full vacation control from your cell phone.</p>
  21. </div>
  22. </div>
  23. <div class="w3-half w3-container">
  24. <div class="w3-topbar w3-border-amber">
  25. <img src="https://www.w3schools.com//w3images/sealions.jpg" style="width:100%">
  26. <h2>Super Offers</h2>
  27. <p>Up to 50% offers. Always 25% student offers.</p>
  28. </div>
  29. </div>
  30. </div>
  31. <div class="w3-row w3-container" style="margin:50px 0">
  32. <div class="w3-half w3-container">
  33. <div class="w3-topbar w3-border-orange">
  34. <img src="https://www.w3schools.com//w3images/truck.jpg" style="width:100%">
  35. <h2>Car Rental Included</h2>
  36. <p>Wherever you travel our car rental is included.</p>
  37. </div>
  38. </div>
  39. <div class="w3-half w3-container">
  40. <div class="w3-topbar w3-border-orange">
  41. <img src="https://www.w3schools.com//w3images/nowornever.jpg" style="width:100%">
  42. <h2>Realize Your Dreams</h2>
  43. <p>Don't wait until it is to late.</p>
  44. </div>
  45. </div>
  46. </div>
  47. </body>
  48. </html>



Try Your Self ->



Published:
 July 18, 2020
Author:
 admin
Category:
 CSS Responsive, CSS Source Code
Views:
 27

This article was posted in CSS Responsive, CSS Source Code and tagged , , . Bookmark the permalink. Follow comments with the RSS feed for this post.Post a Comment or leave a trackback: Trackback URL.

Leave a Reply

Your email address will not be published. Required fields are marked *

 

Horje © 2011 - 2023