Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- nawigacja
- <nav class="navbar navbar-expand-lg fixed-top">
- <div class="container">
- <a class="navbar-brand" href="#">
- <img src="img/logo.png" width="50" height="50" alt="">
- </a>
- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
- <span class="navbar-toggler-icon"></span>
- </button>
- <div class="collapse navbar-collapse" id="navbarNav">
- <ul class="navbar-nav">
- <li class="nav-item">
- <a class="nav-link text-white" href="index.html">Strona główna</a>
- </li>
- <li class="nav-item">
- <a class="nav-link text-white" href="#">Biuletyn</a>
- </li>
- </ul>
- </div>
- <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>
- </div>
- </nav>
- 100pka
- <div class="container-fluid mt-4 text-white" style="background-color: black;">
- <div class="container pt-2 pb-2">
- <div class="row">
- <div class="col-xl-3 col-lg-4 col-md-6">
- <h5>Darmowe porady prawne</h5>
- <h6>Uprzejmie informujemy, że na terenie
- miasta Rybnika funkcjonuje 6 punktów darmowych porad prawnych<br>
- Link bezposredni do strony
- </div>
- <div class="col-xl-3 col-lg-4 col-md-6 offset-xl-1 ">
- <h5>Dane kontaktowe</h5>
- <h6>email: sekretariat@capowrybnik.pl</h6>
- <h6>adres: ul. Barbary 22c 44-270 Rybnik</h6>
- <h6>tel/fax: 32 739 81 34 </h6>
- </div>
- <div class="col-xl-3 col-lg-4 col-md-12 d-flex align-content-center flex-wrap offset-xl-1">
- <h5 class="text-center align-self-center pt-2">Centrum Administracyjne Placówek Opiekuńczo
- Wychowawczych w Rybniku</h5>
- </div>
- </div>
- </div>
- </div>
- css
- .text-black {
- color: black;
- }
- js
- $(document).ready(function() {
- $(window).scroll(function() {
- let scrollTop = $(window).scrollTop();
- if(scrollTop>50) {
- $(".navbar").css("background-color", "rgba(0,0,0,1)");
- $(".navbar").removeClass("navbar-dark");
- $(".navbar").addClass("navbar-light");
- }
- else {
- $(".navbar").css("background-color", "rgba(0,0,0,0)");
- $(".navbar").addClass("navbar-dark");
- $(".navbar").removeClass("navbar-light");
- }
- });
- });
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement