Hit enter after type your search item

A pure CSS / Bootstrap notice card: 2 templates

The Bootstrap notice cards

The notice card is like a typical yellow or other colored paper that you may stick as a reminder of some task or to write an important note and stick it to some easily “noticeable” place.

You may use notice card in websites for a special note to the users or for any other related purpose.

See the demos below where I created a few notice cards by using the Bootstrap framework along with customized CSS.

A yellow notice card with Bootstrap

In this template, a yellow notice card is created.

Bootstrap notice card

See online demo and code

The CSS:


 

The Markup of the notice card:


 

Get the complete code from the demo page.

Another demo of notice card with pink color

Have a look at another template of notice card with pink color.

Bootstrap notice card pink

See online demo and code

The CSS used in the demo:


 

Get the complete code from the demo page.

This div height required for enabling the sticky sidebar