daily pastebin goal
35%
SHARE
TWEET

sdsd

a guest Jul 18th, 2018 88 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  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. });
RAW Paste Data
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
 
Top