API tools faq
paste
Advertisement
Guest User

Untitled

a guest
Oct 21st, 2019
61
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 6.56 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html lang="pl">
  3.  
  4. <head>
  5. <meta charset="UTF-8">
  6. <meta name="viewport" content="width=device-width, initial-scale=1.0">
  7. <meta http-equiv="X-UA-Compatible" content="ie=edge">
  8. <title>artfolio | fotografia w plenerze, Lublin</title>
  9. <link rel="stylesheet" href="css/main.css">
  10. </head>
  11.  
  12. <body>
  13. <div class="container">
  14. <header class="header">
  15. <div class="logo">
  16. <a href="index.html">
  17. <img src="images/artfolio-logo.png" alt="logo">
  18. </a>
  19. </div>
  20. <div class="slider">
  21. <ul class="rslides">
  22. <li><img src="images/foto-index.jpg" alt=""></li>
  23. <li><img src="images/foto-cennik.jpg" alt=""></li>
  24. <li><img src="images/foto-fotografia.jpg" alt=""></li>
  25. <li><img src="images/foto-omnie.jpg" alt=""></li>
  26.  
  27. </ul>
  28. </div>
  29. <nav class="menu">
  30. <a href="o-mnie.html" class="menu__link">O mnie</a>
  31. <a href="fotografia.html" class="menu__link">Fotografia</a>
  32. <a href="cennik.html" class="menu__link">Cennik</a>
  33. </nav>
  34. </header>
  35. <main class="content">
  36. <h1 class="content__heading">Cennik</h1>
  37. <div class="percing__pack">
  38. <div class="pricing__header">
  39. <h3>Pakiet</h3>
  40. <h2>Brązowy</h2>
  41. </div>
  42. <div class="pricing__price"></div>
  43. <span class="pricing__value">99</span>
  44. <span class="pricing__cure">pln</span>
  45. <div class="pricing__details">
  46. <ul class="pricing__features"></ul>
  47. <li class="pricing__feature">100 zdjeć</li>
  48. <li class="pricing__feature">1 plenery</li>
  49. <li class="pricing__feature">1 dzień zdjęciowy</li>
  50. </div>
  51. <div class="percing__pack">
  52. <div class="pricing__header">
  53. <h3>Pakiet</h3>
  54. <h2>Srebny</h2>
  55. </div>
  56. <div class="pricing__price"></div>
  57. <span class="pricing__value">99</span>
  58. <span class="pricing__cure">pln</span>
  59. <div class="pricing__details">
  60. <ul class="pricing__features"></ul>
  61. <li class="pricing__feature">100 zdjeć</li>
  62. <li class="pricing__feature">1 plenery</li>
  63. <li class="pricing__feature">1 dzień zdjęciowy</li>
  64. </div>
  65. <div class="percing__pack">
  66. <div class="pricing__header">
  67. <h3>Pakiet</h3>
  68. <h2>złoty</h2>
  69. </div>
  70. <div class="pricing__price"></div>
  71. <span class="pricing__value">99</span>
  72. <span class="pricing__cure">pln</span>
  73. <div class="pricing__details">
  74. <ul class="pricing__features"></ul>
  75. <li class="pricing__feature">100 zdjeć</li>
  76. <li class="pricing__feature">1 plenery</li>
  77. <li class="pricing__feature">1 dzień zdjęciowy</li>
  78. </div>
  79. </div>
  80. </main>
  81. <footer class="footer">
  82. <div class="contact">
  83. <div class="contact__info">
  84. <span class="contact__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24"
  85. height="24">
  86. <path class="heroicon-ui"
  87. d="M5.64 16.36a9 9 0 1 1 12.72 0l-5.65 5.66a1 1 0 0 1-1.42 0l-5.65-5.66zm11.31-1.41a7 7 0 1 0-9.9 0L12 19.9l4.95-4.95zM12 14a4 4 0 1 1 0-8 4 4 0 0 1 0 8zm0-2a2 2 0 1 0 0-4 2 2 0 0 0 0 4z" />
  88. </svg></span>
  89. <p class="contact__description">
  90. ul. Jana Kowalskiego 23<br>
  91. Lublin, Polska
  92. </p>
  93. </div>
  94. <div class="contact__info">
  95. <span class="contact__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24"
  96. height="24">
  97. <path class="heroicon-ui"
  98. d="M8 2h8a2 2 0 0 1 2 2v16a2 2 0 0 1-2 2H8a2 2 0 0 1-2-2V4c0-1.1.9-2 2-2zm0 2v16h8V4H8zm4 14a1 1 0 1 1 0-2 1 1 0 0 1 0 2z" />
  99. </svg></span>
  100. <p class="contact__description">
  101. +48 532 73 89
  102. </p>
  103. </div>
  104. <div class="contact__info">
  105. <span class="contact__icon"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24"
  106. height="24">
  107. <path class="heroicon-ui"
  108. d="M4 4h16a2 2 0 0 1 2 2v12a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6c0-1.1.9-2 2-2zm16 3.38V6H4v1.38l8 4 8-4zm0 2.24l-7.55 3.77a1 1 0 0 1-.9 0L4 9.62V18h16V9.62z" />
  109. </svg></span>
  110. <p class="contact__description">
  111. biuro@artfolio.pl
  112. </p>
  113. </div>
  114. </div>
  115. <p class="footer__copy">Wszelkie prawa zastrzeżone &copy; Artfolio</p>
  116. </footer>
  117. </div>
  118. <script src="js/jquery-3.4.1.min.js"></script>
  119. <script src="js/responsiveslides.min.js"></script>
  120. <script>
  121. $(function () {
  122. $(".rslides").responsiveSlides({
  123. speed: 1000, // Integer: Speed of the transition, in milliseconds
  124. timeout: 2000, // Integer: Time between slide transitions, in milliseconds
  125. pager: false, // Boolean: Show pager, true or false
  126. random: false, // Boolean: Randomize the order of the slides, true or false
  127. pause: false, // Boolean: Pause on hover, true or false
  128. });
  129. });
  130. </script>
  131. </body>
  132.  
  133. </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!