# Overzealous Modal
Large modal for user feedback

<img src="screenshot.png" style="width:100%;" />

<br>
##GETTING STARTED	
Grab the minified css and js in the "dist" folder.
#####HTML
```
<div id="ozm-1" style="display:none">
	<h1>Title (1) goes here <span class="icon-ok"></span></h1>
	<p>
		Lorem ipsum something something <span class="highlight">visit the dashboard</span> and more goes here and here and here.
	</p>
</div>
```
#####JS
```
$('#ozm-1').overzealous({
	buttons:{
    	primary:{
    		text:'Dashboard',
    		classes:'custom css classes',
    		action:function(){
    			alert('primary action');
    		}
    	},
    	secondary:{
    		text:'Skip',
    		classes:'custom css classes',
	    	action:function(){
	    		alert('secondary action');
	    	}
    	}
    }
});
```

# Overzealous Modal
Large modal for user feedback

<img src="screenshot.png" style="width:100%;" />

<br>
##GETTING STARTED	
Grab the minified css and js in the "dist" folder.
#####HTML
```
<div id="ozm-1" style="display:none">
	<h1>Title (1) goes here <span class="icon-ok"></span></h1>
	<p>
		Lorem ipsum something something <span class="highlight">visit the dashboard</span> and more goes here and here and here.
	</p>
</div>
```
#####JS
```
$('#ozm-1').overzealous({
	buttons:{
    	primary:{
    		text:'Dashboard',
    		classes:'custom css classes',
    		action:function(){
    			alert('primary action');
    			// the modal will close when after executing this function
    		}
    	},
    	secondary:{
    		text:'Skip',
    		classes:'custom css classes',
	    	action:function(){
	    		alert('secondary action');
	    		// if you would like to close the modal in the secondary action
	    		// simply add the following fn
	    		// $.fn.overzealous.close({close:true});
	    	}
    	}
    }
});
```

Update documentation on how to close modal after secondary action
Update documentation on how to close modal after secondary action
