DrRandom

lala

Jun 11th, 2020
157
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.97 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  6. <link rel="stylesheet" href="style.css">
  7. <link rel="stylesheet" media="screen and (max-width:600px)" href="style.css">
  8. <script src="https://code.jquery.com/jquery-3.5.1.js"></script>
  9. <script defer src="https://use.fontawesome.com/releases/v5.0.6/js/all.js"></script>
  10. <script type="text/javascript">
  11.     $(document).ready(function(){
  12.         $('.toggle').click(function(){
  13.             $('ul').toggleClass('active');
  14.         })
  15.     })
  16. </script>
  17. </head>
  18. <section>
  19. <header>
  20. <a href="#" class="logo"><img src="logos.jpg"></a> 
  21. <a class="toggle">Menu</a>
  22. <ul class="">
  23. <li><a href="pizza.html ">Pizzák</a></li>
  24. <li><a href="harapnivalo.html ">Harapnivalók</a></li>
  25. <li><a href="levesek.html">Levesek</a></li>
  26. <li><a href="eloetel.html ">Előételek</a></li>
  27. <li><a href="foetel.html">Főételek</a></li>
  28. <li><a href="koret.html">Köretek</a></li>
  29. <li><a href="Salatak.html">Saláták</a></li>
  30. <li><a href="vegetarianus.html">Vegetáriánus</a></li>
  31. <li><a href="savanyusag.html">Savanyúság</a></li>
  32. <li><a href="desszert.html">Desszertek</a></li>
  33. <li><a href="turmix.html">Turmixok</a></li>
  34. <li><a href="elerhetoseg.html">Elérhetőség</a></li>
  35. </header>
  36. <p style="font-size:2vw">Üdv a weboldalon itt mindent megtudhattok a(z)Étteremről ,tájékozódhattok az étterem kinálatáról láthattok képeket az étteremről az ételekről és az ételek árait is megnézhetitek </p>
  37. <div class="kepek">
  38. <img src="rantotthus.jpeg ">
  39. <img src="gyors.jpeg">
  40. <img src="letöltés (2).jpg">
  41. </div>
  42. <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
  43. <div class="frame">
  44. <iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FPizzaform-107149394357549&tabs=timeline&small_header=false&adapt_container_width=false&hide_cover=false&show_facepile=true&appId" width="200vw" height="260vw" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowTransparency="true" allow="encrypted-media"></iframe>
  45. </div>
  46. </section>
  47.     <footer>
  48.         <div class="main-content">
  49.         <div class="leftbox">
  50.         <h2>About us</h2>
  51.         <div class="content">
  52.         <div class="social">
  53.          <a href="#"><span class="fab fa-facebook-f"></span></a>
  54.          <a href="#"><span class="fab fa-twitter"></span></a>
  55.          <a href="#"><span class="fab fa-instagram"></span></a>
  56.          <a href="#"><span class="fab fa-youtube"></span></a>
  57.         </div>
  58.         </div>
  59.         </div>
  60.         <div class="center-box">
  61.             <h2>Address</h2>
  62.             <div class="content">
  63.             <div class="place">
  64.                 <span class="fas fa-map-marker-alt"></span>
  65.                 <span class="text">Ausztria,Bécs</span>
  66.             </div>
  67.                     <div class="phone">
  68.                 <span class="fas fa-phone-alt"></span>
  69.                 <span class="text">+012-321-432-4324</span>
  70.             </div>     
  71.             <div class="email">
  72.                 <span class="fas fa-envelope"></span>
  73.                 <span class="text">[email protected]</span>
  74.             </div>
  75.         </div>
  76.     </div>
  77.     </footer>
  78. </body>
  79. </html>
Advertisement
Add Comment
Please, Sign In to add comment