elements CSS Navigation

Elements CSS is a pre-prepared css styles framework for easier, more standards-compliant web design using the Cascading Style Sheets.

Default Navigation

CODE


  
    
      Home
    
      
      About
    
      
      Services
    
      
      Contact

OUTPUT

Navigation with Company/Website Name

CODE


    
      YourWebName
    
  
   
      Home
    
      
      About

OUTPUT

Navigation Right Aligned

CODE


    
      YourWebName
    
  
   
      Home
    
      
      About

OUTPUT

Navigation Center Aligned

CODE


    
      YourWebName
    
  
  
      Home
    
      
      About

OUTPUT

Navigation with Search Box

CODE


    
      YourWebName
    
        
     
         
        
    
  
   
      Home
    
      
      About

OUTPUT

Navigation with Logo

CODE

OUTPUT

Navigation with icons

CODE

OUTPUT

Change Navigation Background Color

CODE

...

OUTPUT

To change the background color use el-bg* classes for e.g. .el-bg-green.

see all available bg colors

Navigation with Info

CODE

OUTPUT

Navigation Sizes

CODE

OUTPUT