Saas Style Navbar Section

Saas Style Navbar Section Bootstrap 4 Snippet & Component

Download Files

Download Files contains - HTML,CSS,JS,Images Files

With cover and overlapped profile picture

                                        
                                      body {
    font-family: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #212529;
    text-align: left;
}
.navbar {
    padding: 1.5rem 1.25rem;
}
.navbar .navbar-brand {
    font-size: 1.5rem;
    font-weight: 900;
    text-transform: uppercase;
}
.navbar-light .navbar-brand {
    color: black;
}
.navbar .navbar-nav .nav-item {
    margin: 0 .7rem;
}
  .navbar .navbar-nav .nav-item .nav-link {
    font-weight: 500; }

/*smart scrolling*/
.smart-scroll {
  background-color: #f8f9fa;
  position: fixed;
  top: 0;
  z-index: 1020;
  width: 100%;
  transition: all .3s ease-out; }
  .smart-scroll.scrolling {
    -webkit-transform: translateY(-100%);
            transform: translateY(-100%); }
    .smart-scroll.scrolling.up {
      border-bottom: 1px solid #f8f9fa;
      background-color: #ffffff;
      -webkit-transform: translateY(0);
              transform: translateY(0);
      transition: all .3s ease-out; }
.form-inline {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
    -ms-flex-align: center;
    align-items: center;
}   
.btn-primary {
    color: #212529;
    background-color: #1de9b6;
    border-color: #1de9b6; 
padding: 0.5rem 1.5rem;
font-weight: 500;
text-align: center;
}         
                                        
                                    

                                        
                                      Js      
                                        
                                    

Credits

Designbombs.com

More Bootstrap UI Components

Modern Footer Section

134 0 footer,BS4

Creative Bootstrap Footer

151 0 footer,BS4

Simple Footer Block

169 0 footer,BS4

Creative Footer Block

205 0 footer,BS4

Contents Design Block

163 0 contents,BS4

Fresh Design Content Block

142 0 contents,BS4

Awesome Call to Action

144 0 CTA,BS4

Creative Content Block

166 0 contents,BS4

Modern Footer Block

139 0 footer,BS4

Tired of Opening One Strap After Another?

Go to Pricing and start using AJAX Filter Options, no need to open multiple pages.

Get Started