This is the Code Style guide for Banks Website

Heading

Dark Background Example

Featured Categories


Code
     
Featured Categories
White Background Example

See What Our Customers Are Saying


Code
    
See What Our Customers Are Saying
Footer Heading Example
  • Sample Footer Heading

Code
     
    
        
  • Sample Footer Heading
    •
Default Heading Samples

Sample Heading 1

Sample Heading 2

Sample Heading 3

Sample Heading 4

Sample Heading 5
Sample Heading 6

Code
    
Sample Heading 1

    
Sample Heading 2

    
Sample Heading 3

    
Sample Heading 4

    
Sample Heading 5

    
Sample Heading 6

Blockquote

Example
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nec leo nec mauris vulputate lobortis.

Code
    
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nec leo nec mauris vulputate lobortis.

Images

Example

Float None

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nec leo nec mauris vulputate lobortis. Maecenas id ante consequat, condimentum sapien et, sodales risus. Phasellus convallis massa a maximus varius. Maecenas auctor dignissim turpis, nec interdum diam faucibus eget. Donec at ligula consectetur, consectetur magna non, volutpat massa. Donec placerat lectus a est mattis dignissim. Phasellus libero sem, condimentum vel dolor sagittis, tristique tempor quam. Nam sodales placerat pellentesque. Mauris auctor tortor mi, sed dignissim est fringilla ac.


Code
    
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nec leo nec mauris vulputate lobortis. Maecenas id ante consequat, condimentum sapien et, sodales risus. Phasellus convallis massa a maximus varius. Maecenas auctor dignissim turpis, nec interdum diam faucibus eget. Donec at ligula consectetur, consectetur magna non, volutpat massa. Donec placerat lectus a est mattis dignissim. Phasellus libero sem, condimentum vel dolor sagittis, tristique tempor quam. Nam sodales placerat pellentesque. Mauris auctor tortor mi, sed dignissim est fringilla ac.

Example

Float Left

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nec leo nec mauris vulputate lobortis. Maecenas id ante consequat, condimentum sapien et, sodales risus. Phasellus convallis massa a maximus varius. Maecenas auctor dignissim turpis, nec interdum diam faucibus eget. Donec at ligula consectetur, consectetur magna non, volutpat massa. Donec placerat lectus a est mattis dignissim. Phasellus libero sem, condimentum vel dolor sagittis, tristique tempor quam. Nam sodales placerat pellentesque. Mauris auctor tortor mi, sed dignissim est fringilla ac.


Code
    
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nec leo nec mauris vulputate lobortis. Maecenas id ante consequat, condimentum sapien et, sodales risus. Phasellus convallis massa a maximus varius. Maecenas auctor dignissim turpis, nec interdum diam faucibus eget. Donec at ligula consectetur, consectetur magna non, volutpat massa. Donec placerat lectus a est mattis dignissim. Phasellus libero sem, condimentum vel dolor sagittis, tristique tempor quam. Nam sodales placerat pellentesque. Mauris auctor tortor mi, sed dignissim est fringilla ac.
Example

Float Right

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nec leo nec mauris vulputate lobortis. Maecenas id ante consequat, condimentum sapien et, sodales risus. Phasellus convallis massa a maximus varius. Maecenas auctor dignissim turpis, nec interdum diam faucibus eget. Donec at ligula consectetur, consectetur magna non, volutpat massa. Donec placerat lectus a est mattis dignissim. Phasellus libero sem, condimentum vel dolor sagittis, tristique tempor quam. Nam sodales placerat pellentesque. Mauris auctor tortor mi, sed dignissim est fringilla ac.


Code
    
 Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque nec leo nec mauris vulputate lobortis. Maecenas id ante consequat, condimentum sapien et, sodales risus. Phasellus convallis massa a maximus varius. Maecenas auctor dignissim turpis, nec interdum diam faucibus eget. Donec at ligula consectetur, consectetur magna non, volutpat massa. Donec placerat lectus a est mattis dignissim. Phasellus libero sem, condimentum vel dolor sagittis, tristique tempor quam. Nam sodales placerat pellentesque. Mauris auctor tortor mi, sed dignissim est fringilla ac.

Buttons

Example

Red Button

Button
Code
    Button
Example

Light Button

Button
Code
    Button
Example

Dark Button

Button
Code
    Button

Icons

Example

Social Media Link Icons

This site uses Font Awesome, the iconic font and css toolkit. Font Awesome gives you scalable vector icons that can instantly be customized — size, color, drop shadow, and anything that can be done with the power of CSS. Learn More


Code