Saved!

Notifications CSS JavaScript action - C6dUMenS

Notifications CSS JavaScript action

Notifications CSS JavaScript action

  
<div id="notification-container">
	
<div class="notification notification-success">
		<div class="notification-close"></div>
		<div class="notification-title">Success</div>
		<div class="notification-message">Your request was completed successfully.</div>
</div>

</div>



<div class="container">
    <h1>Notifications</h1>
    <button id="success-btn">Success</button>
    <button id="error-btn">Error</button>
    <button id="info-btn">Info</button>
    <button id="warning-btn">Warning</button>
</div>  
  
Meta
http://codesheet.org/placehold-img/?width=300&height=250&color=33aaff&text=&textcolor=

Quick add:

× Clear

Add Stylesheets

normalize.css
reset.css
nice.css
/> CodeSheet UI
Font Awesome
Bootstrap
Foundation
Animate

Add External JavaScript

jQuery 3.1.0
jQuery UI
Bootstrap
Angular

Add Google Fonts

Dosis
Exo+2
Lato
Lobster
Open+Sans
Open+Sans+Condensed
Oswald
Playfair+Display
Quicksand
Raleway
Rochester
Roboto
Roboto+Condensed
Roboto+Mono
Shadows+Into+Light
Ubuntu
Arvo
Indie Flower
Merriweather
Pacifico
Sedgwick Ave
Sedgwick Ave Display
html
css
js