Advertisement
Guest User

sdsd

a guest
Jul 18th, 2018
152
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 3.24 KB | None | 0 0
  1. nawigacja
  2.  
  3. <nav class="navbar navbar-expand-lg fixed-top">
  4. <div class="container">
  5.  
  6. <a class="navbar-brand" href="#">
  7. <img src="img/logo.png" width="50" height="50" alt="">
  8. </a>
  9. <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
  10. <span class="navbar-toggler-icon"></span>
  11. </button>
  12.  
  13. <div class="collapse navbar-collapse" id="navbarNav">
  14. <ul class="navbar-nav">
  15.  
  16. <li class="nav-item">
  17. <a class="nav-link text-white" href="index.html">Strona główna</a>
  18. </li>
  19. <li class="nav-item">
  20. <a class="nav-link text-white" href="#">Biuletyn</a>
  21. </li>
  22. </ul>
  23.  
  24. </div>
  25. <div class="d-none d-xl-block"><img class="rybnik-logo-right ml-auto float-left" src="img/rybniklogo.png" alt=""><h4 class="ml-2 text-white float-left mt-2 rybnik-text">Rybnik</h4></div>
  26. </div>
  27. </nav>
  28.  
  29.  
  30. 100pka
  31.  
  32. <div class="container-fluid mt-4 text-white" style="background-color: black;">
  33. <div class="container pt-2 pb-2">
  34. <div class="row">
  35. <div class="col-xl-3 col-lg-4 col-md-6">
  36. <h5>Darmowe porady prawne</h5>
  37. <h6>Uprzejmie informujemy, że na terenie
  38. miasta Rybnika funkcjonuje 6 punktów darmowych porad prawnych<br>
  39. Link bezposredni do strony
  40. </div>
  41. <div class="col-xl-3 col-lg-4 col-md-6 offset-xl-1 ">
  42. <h5>Dane kontaktowe</h5>
  43. <h6>email: sekretariat@capowrybnik.pl</h6>
  44. <h6>adres: ul. Barbary 22c 44-270 Rybnik</h6>
  45. <h6>tel/fax: 32 739 81 34 </h6>
  46. </div>
  47. <div class="col-xl-3 col-lg-4 col-md-12 d-flex align-content-center flex-wrap offset-xl-1">
  48. <h5 class="text-center align-self-center pt-2">Centrum Administracyjne Placówek Opiekuńczo
  49. Wychowawczych w Rybniku</h5>
  50. </div>
  51. </div>
  52. </div>
  53. </div>
  54.  
  55.  
  56. css
  57.  
  58. .text-black {
  59. color: black;
  60. }
  61.  
  62. js
  63.  
  64. $(document).ready(function() {
  65. $(window).scroll(function() {
  66. let scrollTop = $(window).scrollTop();
  67. if(scrollTop>50) {
  68. $(".navbar").css("background-color", "rgba(0,0,0,1)");
  69. $(".navbar").removeClass("navbar-dark");
  70. $(".navbar").addClass("navbar-light");
  71.  
  72.  
  73. }
  74. else {
  75. $(".navbar").css("background-color", "rgba(0,0,0,0)");
  76. $(".navbar").addClass("navbar-dark");
  77. $(".navbar").removeClass("navbar-light");
  78. }
  79. });
  80. });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement