Javascript

DatePicker

A mobile-friendly, responsive and lightweight jquery date input picker. Based on Pickadate.js

         
            <input type="text" data-datepicker />
          
      

You can choose to have the select for years and months on the date picker by adding the 'select-years' and 'select-months' data attributes

         
            <input type="text" name="" id="" value="" data-datepicker data-select-years='true' data-select-months='true'/>
          
      

Toolbars

This jquery plugin from @paul_kinzett allows you to quickly create tooltip style toolbars for use in web applications and websites.

By default the position of the toolbar is top, but you can customize it by adding a 'position' data attribute.

Modal

Furatto comes with a great and sleek modal based on Avgrund jquery plugin.

        
         

           

             
Header
           
           

             
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
           
           

             Save
             Save
           
         
        
      

Carousel

The slideshow below shows the generic cycling functionality through images just like in a carousel.

        
          

            

              <ul class="rslides" id="slider1">
                

                
                

                  
Header
                  
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                
                
                

                
                

                  
Header
                  
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                
                
                

                
                

                  
Header
                  
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                
                
                

                
                

                  
Header
                  
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                
                
                

                
                

                  
Header
                  
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
                
                
              
            
          
        
      

Dropdown Menu

Furatto comes with a beautiful dropdown menu for grouping sub-navigations on the navbar, for now...

Dropdown Forms

Furatto makes it easy to integrate a form into the navbar, for example a Sign In form...

The only gotcha here is that insted of adding a ul element with class name dropdown-menu, you just have to change it to a div element.