Advertisement
Guest User

Untitled

a guest
Aug 18th, 2019
122
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 2.77 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="pl">
  3. <head>
  4. <meta charset="UTF-8">
  5. <meta name="viewport" content="width=device-width">
  6. <title>Clients-mc.eu Informacje</title>
  7. <link rel="stylesheet" href="style.css">
  8. <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Open+Sans:400,700,400italic,700italic&amp;subset=latin-ext">
  9. </head>
  10. <body>
  11. <header class="header">
  12. <div class="container">
  13. <h1>Clients-mc.eu</h1>
  14. <p>Zapraszamy do zapoznania się z naszymi usługami!</p>
  15. </div>
  16. </header>
  17. <nav class="nav">
  18. <div class="container">
  19. <ul>
  20. <li><a href="#o-mnie">O nas</a></li>
  21. <li><a href="#oferta">Projekty</a></li>
  22. <li><a href="#projekty">Nasza załoga</a></li>
  23. <li><a href="#kontakt">Kontakt</a></li>
  24. </ul>
  25. </div>
  26. </nav>
  27. <section class="section" id="o-mnie">
  28. <div class="container">
  29. <h2>O nas!</h2>
  30. <p>Jesteśmy firmą działającą na rynku od 2017 roku. Staramy się rozwijać nasze umiejętności oraz spełniać oczekiwania naszych klientów.</p>
  31. <p>Posiadamy kilka innowacyjnych projektów, dzięki którym stajemy się bardziej popularni na rynku.</p>
  32. <p>Cechujemy się bardzo szybkim wykonaniem prac</p>
  33. <p>Wszystkie nasze projekty podlegają 7 dniowej gwarancji!</p>
  34. </div>
  35. </section>
  36. <section class="section" id="oferta">
  37. <div class="container">
  38. <h2>Projekty</h2>
  39. <p>BP Bypass</p>
  40. <p>BC Bypass</p>
  41. <p>Konta minecraft oraz konta steam</p>
  42. <p>Wiecej informacji na naszym teamspeaku!</p>
  43. </div>
  44. </section>
  45. <section class="section" id="projekty">
  46. <div class="container">
  47. <h2>Nasza załoga</h2>
  48. <p>Owner: Drayadain <img src="Drayadain.png"> </p>
  49. <p>Admin: ---</p>
  50. </div>
  51. </section>
  52. <section class="section" id="kontakt">
  53. <div class="container">
  54. <h2>Kontakt</h2>
  55. <p>Jeżeli jesteś zainteresowany którąś z usług skontaktuj sie z nami na:</p>
  56. <p>TeamSpeak3: clients-mc.eu</p>
  57. </div>
  58. </section>
  59. <footer class="footer">
  60. <div class="container">
  61. <p>&copy; clients-mc.eu, 2019.</p>
  62. </div>
  63. </footer>
  64. <script src="jquery.js"></script>
  65. <script src="stickyfill.js"></script>
  66. <script>
  67. $('.nav').Stickyfill();
  68.  
  69. $(function() {
  70. $('a[href*="#"]:not([href="#"])').click(function() {
  71. if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
  72. var target = $(this.hash);
  73. target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
  74. if (target.length) {
  75. $('html,body').stop().animate({
  76. scrollTop: target.offset().top - 70
  77. }, 1000);
  78. return false;
  79. }
  80. }
  81. });
  82. });
  83. </script>
  84. </body>
  85. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement