Advertisement
Guest User

www

a guest
Jun 24th, 2018
84
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 4.45 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="pl">
  3. <head>
  4. <meta charset="utf-8">
  5. <title>DouxDesign - WebDesign dla Ciebie!</title>
  6. <link href="https://fonts.googleapis.com/css?family=Lato:300,400,400i,700,700i,900&amp;subset=latin-ext" rel="stylesheet">
  7.  
  8. <link rel="stylesheet" type="text/css" href="slick.css"/>
  9. <link rel="stylesheet" type="text/css" href="slick-theme.css"/>
  10. <link rel="stylesheet" type="text/css" href="style.css">
  11.  
  12. <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  13. <script type="text/javascript" src="slick.js"></script>
  14. <script type="text/javascript" src="script.js"></script>
  15. <script type="text/javascript" src="jquery.scrollTo.min.js"></script>
  16.  
  17. </head>
  18. <body>
  19. <img src="img/button.png" onclick="topFunction()" id="myBtn" >
  20.  
  21. <div id="bar">
  22. <div id="logo">
  23. <a href=""><img src="img/logo.png"></a>
  24. </div>
  25.  
  26. <nav>
  27. <ul>
  28. <li><a href="#" id="link0">Start</a></li>
  29. <li><a href="#" id="link1">O mnie</a></li>
  30. <li><a href="#" id="link2">Oferta</a></li>
  31. <li><a href="#" id="link3">Portfolio</a></li>
  32. <li><a href="#" id="link4">Kontakt</a></li>
  33. </ul>
  34. </nav>
  35. </div>
  36.  
  37. <div id="container">
  38.  
  39. <div id="photo">
  40. <img src="img/text.png" onmousedown="return false;">
  41. </div>
  42.  
  43. <div id="about">
  44. <h1>O mnie</h1>
  45. <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia </p>
  46. </div>
  47.  
  48. <div id="offer">
  49. <h1>Co oferuję?</h1>
  50. <div class="slider">
  51. <div>
  52. <center><img src="img/ico/grafika.png"> <br>
  53. Grafika</center>
  54. </div>
  55. <div>
  56. <center><img src="img/ico/code.png"> <br>
  57. Kodowanie</center>
  58. </div>
  59. <div>
  60. <center><img src="img/ico/logo.png"> <br>
  61. Logo</center>
  62. </div>
  63.  
  64. <div>
  65. <center><img src="img/ico/res.png"> <br>
  66. Responsywność</center>
  67. </div>
  68. <div>
  69. <center><img src="img/ico/mail.png"> <br>
  70. Łatwy kontakt</center>
  71. </div>
  72. <div>
  73. <center><img src="img/ico/help.png"> <br>
  74. Pomoc</center>
  75. </div>
  76. </div>
  77. </div>
  78.  
  79. <div id="portfolio">
  80. <h1>Moje prace</h1>
  81. <div id="www">
  82. <h2>www</h2>
  83. <img src="img/blank.png">
  84. <img src="img/blank.png">
  85. <img src="img/blank.png">
  86. </div>
  87.  
  88. <div id="logos">
  89. <h2>logo</h2>
  90. <img src="img/blank.png">
  91. <img src="img/blank.png">
  92. <img src="img/blank.png">
  93. </div>
  94. </div>
  95.  
  96. <div id="form">
  97. <h1>Napisz do mnie</h1>
  98. <form>
  99. <input type="text" name="name" placeholder="Imię i nazwisko"> <br>
  100. <input type="email" name="email" placeholder="E-mail"> <br>
  101. <textarea rows="15" cols="50"></textarea> <br>
  102.  
  103. <input type="submit" value="Wyślij">
  104. </form>
  105. </div>
  106.  
  107. </div>
  108.  
  109. <div id="footer">
  110. COPYRIGHT BY <a href="#">DOUXDESIGN</a> &copy; ALL RIGHTS RESERVED
  111. </div>
  112.  
  113. <script>
  114. $(document).ready(function(){
  115. $('.slider').slick({
  116. infinite: true,
  117. slidesToShow: 3,
  118. slidesToScroll: 3,
  119. dots: true,
  120. arrows: false
  121. });
  122. });
  123. </script>
  124.  
  125. </body>
  126. </html>
  127.  
  128.  
  129. // javascript
  130.  
  131. // When the user scrolls down 20px from the top of the document, show the button
  132. window.onscroll = function() {scrollFunction()};
  133.  
  134. function scrollFunction() {
  135. if (document.body.scrollTop > 50 || document.documentElement.scrollTop > 50) {
  136. document.getElementById("myBtn").style.display = "block";
  137. } else {
  138. document.getElementById("myBtn").style.display = "none";
  139. }
  140. }
  141.  
  142. // When the user clicks on the button, scroll to the top of the document
  143. function topFunction() {
  144. $('#myBtn').click(function(){ $.scrollTo($('#container'), 500); });
  145. // document.body.scrollTop = 0;
  146. // document.documentElement.scrollTop = 0;
  147. }
  148.  
  149. jQuery(function($) {
  150. $.scrollTo(0);
  151.  
  152. $('#link0').click(function(){ $.scrollTo($('#container'), 500); });
  153.  
  154. $('#link1').click(function(){ $.scrollTo($('#about'), 500); });
  155.  
  156. $('#link2').click(function(){ $.scrollTo($('#offer'), 500); });
  157.  
  158. $('#link3').click(function(){ $.scrollTo($('#portfolio'), 500); });
  159.  
  160. $('#link4').click(function(){ $.scrollTo($('#form'), 500); });
  161. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement