Upcoming Events

3

Wed
Live Concert Choir Charity Event 2020
  • Ticket Sold
  • 561/650
60% Complete

16

Tue
Beautiful Fireworks Show In The New Year Night
  • Ticket Sold
  • 431/650
60% Complete

28

Fri
The Story Of Danau Toba (Musical Drama)
  • Ticket Sold
  • 650/650
60% Complete

Basic Alerts

Bootstrap default style

Welcome! Message has been sent.
Done! Your profile photo updated.
Success! Message has been sent.
Info! You have got 5 new email.
Warning! Something went wrong. Please check.
Error! Message sending failed.
Error! You successfully read this important alert message.
Error! You successfully read this message..

Solid color alerts

add .solid class to change the solid color.

Welcome! Message has been sent.
Done! Your profile photo updated.
Success! Message has been sent.
Info! You have got 5 new email.
Warning! Something went wrong. Please check.
Error! Message sending failed.
Error! You successfully read this important alert message.
Error! You successfully read this message..

Square alerts

add .alert-square class to change the solid color.

Welcome! Message has been sent.
Done! Your profile photo updated.
Success! Message has been sent.
Info! You have got 5 new email.
Warning! Something went wrong. Please check.
Error! Message sending failed.
Error! You successfully read this important alert message.
Error! You successfully read this message..

Rounded alerts

add .alert-rounded class to change the solid color.

Welcome! Message has been sent.
Done! Your profile photo updated.
Success! Message has been sent.
Info! You have got 5 new email.
Warning! Something went wrong. Please check.
Error! Message sending failed.
Error! You successfully read this important alert message.
Error! You successfully read this message..

Dismissable Alerts

Bootstrap default style

Success! Message has been sent.
Success! Message has been sent.
Success! Message has been sent.
Info! You have got 5 new email.
Warning! Something went wrong. Please check.
Error! Message Sending failed.
Error! Message Sending failed.
Error! Message Sending failed.

Alerts alt

add .alert-alt class to change the solid color.

Success! Message has been sent.
Success! Message has been sent.
Success! Message has been sent.
Info! You have got 5 new email.
Warning! Something went wrong. Please check.
Error! Message Sending failed.
Error! Message Sending failed.
Error! Message Sending failed.

Solid Alt

add .alert-alt.solid class to change the solid color.

Success! Message has been sent.
Success! Message has been sent.
Success! Message has been sent.
Info! You have got 5 new email.
Warning! Something went wrong. Please check.
Error! Message Sending failed.
Error! Message Sending failed.
Error! Message Sending failed.

Dismissable with solid

add .solid class to change the solid color.

Success! Message has been sent.
Success! Message has been sent.
Success! Message has been sent.
Info! You have got 5 new email.
Warning! Something went wrong. Please check.
Error! Message Sending failed.
Error! Message Sending failed.
Error! Message Sending failed.

Alert with Link

Bootstrap default style

WOW! Eveything looks OK. Please check this one as well
WOW! Eveything looks OK. Please check this one as well
WOW! Eveything looks OK. Please check this one as well
Hey! Take a quick look. My birthday party
Warning! Why you did it to me! Check this out
Error! Something Went wrong Click here for details.
Error! Something Went wrong Click here for details.
Error! Something Went wrong Click here for details.

Alert with Link and solid color

add .solid class to change the solid color.

WOW! Eveything looks OK. upgrade
WOW! Eveything looks OK. upgrade
WOW! Eveything looks OK. upgrade
Hey! Take a quick look. upgrade
Warning! Why you did it to me! upgrade
Error! Something Went wrong upgrade
Error! Something Went wrong upgrade
Error! Something Went wrong upgrade

Inline Notifications

Default inline notification

Success! Vampires The Romantic Ideology Behind Them

The following article covers a topic that has recently moved to center stage-at lease it seems that way.

Success! Vampires The Romantic Ideology Behind Them

The following article covers a topic that has recently moved to center stage-at lease it seems that way.

Success! Vampires The Romantic Ideology Behind Them

The following article covers a topic that has recently moved to center stage-at lease it seems that way.

Success! Vampires The Romantic Ideology Behind Them

The following article covers a topic that has recently moved to center stage-at lease it seems that way.

Success! Vampires The Romantic Ideology Behind Them

The following article covers a topic that has recently moved to center stage-at lease it seems that way.

Danger! Religion And Science

What is the loop of Creation? How is there something from nothing? In spite of the fact..

Danger! Religion And Science

What is the loop of Creation? How is there something from nothing? In spite of the fact..

Danger! Religion And Science

What is the loop of Creation? How is there something from nothing? In spite of the fact..

Alert Icon Left

add .alert-right-icon to change the style

Success! Message has been sent.
Success! Message has been sent.
Success! Message has been sent.
Info! You have got 5 new email.
Warning! Something went wrong. Please check.
Error! Message Sending failed.
Error! Message Sending failed.
Error! Message Sending failed.

Alert outline

add .alert-outline-primary,secondary,success... to change the style

Success! Message has been sent.
Success! Message has been sent.
Success! Message has been sent.
Info! You have got 5 new email.
Warning! Something went wrong. Please check.
Error! Message Sending failed.
Error! Message Sending failed.
Error! Message Sending failed.

Alert Social

add .alert-social .facebook,.twitter,.linkedin,.google-plus to change the style

Linkedin

Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

Google Plus

Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

Message Alert

Bootstrap default style

Notifications

Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

Notifications

Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

Notifications

Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

Notifications

Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

Notifications

Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

Notifications

Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

Notifications

Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

Notifications

Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

Message Alert with Solid color

add .solid to change the style

Notifications

Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

Notifications

Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

Notifications

Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

Notifications

Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

Notifications

Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

Notifications

Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

Notifications

Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

Notifications

Cras sit amet nibh libero, in gravida nulla. tempus viverra turpis. Fusce condimentum nunc ac nisi vulputate fringilla. Donec lacinia congue felis in faucibus.

Alert left icon big

add .left-icon-big to change the style

Welcome to your account, Dear user!

Please confirm your email address: email@example.com

Pending!

You message sending failed.

Congratulations!

You have successfully created a account.

Loading failed!

Again upload your server