API tools faq
paste
Advertisement
pacho_the_python

treta html

pacho_the_python
Feb 19th, 2023
574
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5.03 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4.     <meta charset="UTF-8">
  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7.     <link rel="stylesheet" href="reset.css">
  8.     <link rel="stylesheet" href="style.css">
  9.     <link rel="stylesheet" href="https://use.fontawesome.com/releases/v6.2.0/css/all.css">
  10.     <title>Travel Agency</title>
  11. </head>
  12. <body>
  13.     <header>
  14.         <nav>
  15.             <p class="travel">Travel</p>
  16.             <ul class="navigation_links" role="list">
  17.                 <li><a href="#">Home</a></li>
  18.                 <li><a href="#">About</a></li>
  19.                 <li><a href="#">Tour Packages</a></li>
  20.                 <li><a href="#">Contact</a></li>
  21.                 <li><a class="explore" href="#">Explore places</a></li>
  22.             </ul>
  23.         </nav>
  24.         <div class="nav_info">
  25.             <h1>Book an exclusive</h1>
  26.             <h4>home for your personal travel</h4>
  27.             <p>Each property is hand-picked,</p>
  28.             <p class="nav_info_p">personally visited and cannot be found elsewhere.</p>
  29.             <a class="nav_info_a" href="#">Explore homes</a>
  30.         </div>
  31.     </header>
  32.     <main>
  33.         <section class="cards">
  34.             <h2 class="cards_h2">Most famous places</h2>
  35.             <p class="cards_p">Recommended</p>
  36.             <div class="cards_flex">
  37.                
  38.                 <div class="card">
  39.                     <div class="card_picture"></div>
  40.  
  41.                     <div class="card_content">
  42.                         <h3>London</h3>
  43.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.</p>
  44.                         <a href="#">Discover place</a>
  45.                     </div>
  46.                 </div>    
  47.  
  48.                 <div class="card">
  49.                     <div class="card_picture rome"></div>
  50.  
  51.                     <div class="card_content">
  52.                         <h3>Rome</h3>
  53.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.</p>
  54.                         <a href="#">Discover place</a>
  55.                     </div>
  56.                 </div>
  57.                
  58.                 <div class="card">
  59.                     <div class="card_picture cluj"></div>
  60.  
  61.                     <div class="card_content">
  62.                         <h3>Cluj-Napoca</h3>
  63.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.</p>
  64.                         <a href="#">Discover place</a>
  65.                     </div>
  66.                 </div>
  67.                
  68.                 <div class="card">
  69.                     <div class="card_picture paris"></div>
  70.  
  71.                     <div class="card_content">
  72.                         <h3>Paris</h3>
  73.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.</p>
  74.                         <a href="#">Discover place</a>
  75.                     </div>
  76.                 </div>    
  77.  
  78.                 <div class="card">
  79.                     <div class="card_picture amsterdam"></div>
  80.  
  81.                     <div class="card_content">
  82.                         <h3>Amsterdam</h3>
  83.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.</p>
  84.                         <a href="#">Discover place</a>
  85.                     </div>
  86.                 </div>    
  87.  
  88.                 <div class="card">
  89.                     <div class="card_picture barcelona"></div>
  90.  
  91.                     <div class="card_content">
  92.                         <h3>Barcelona</h3>
  93.                         <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna.</p>
  94.                         <a href="#">Discover place</a>
  95.                     </div>
  96.                 </div>    
  97.             </div>
  98.  
  99.         </section>
  100.     </main>
  101.  
  102.     <footer>
  103.         <h2>Travel</h2>
  104.         <div class="footer_div_ul">
  105.             <ul class="footer_ul_1" role="list">
  106.                 <li><a href="#">Tour packages</a></li>
  107.                 <li><a href="#">Personalized offers</a></li>
  108.                 <li><a href="#">Special deals</a></li>
  109.                 <li><a href="#">Summer holiday</a></li>
  110.             </ul>
  111.  
  112.             <ul class="footer_ul_2" role="list">
  113.                 <li><a href="#">About us</a></li>
  114.                 <li><a href="#">FAQ</a></li>
  115.                 <li><a href="#">Terms and conditions</a></li>
  116.                 <li><a href="#">Contact</a></li>
  117.             </ul>
  118.         </div>
  119.  
  120.         <div class="footer_icons">
  121.             <p>Follow us on</p>
  122.             <p><i class="fa-brands fa-instagram"></i> <i class="fa-brands fa-facebook"></i> <i class="fa-brands fa-twitter"></i></p>
  123.         </div>
  124.     </footer>
  125. </body>
  126. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!