<div id="su-generator-breadcrumbs"><a href="javascript:void(0);" class="su-generator-home" title="Click to return to the shortcodes list">All shortcodes</a> &rarr; <span>Heading</span> <small class="alignright">Styled heading</small><div class="su-generator-clear"></div></div><div class="su-generator-attr-container su-generator-skip" data-default="default"><h5>Style</h5><select name="style" id="su-generator-attr-style" class="su-generator-attr"><option value="default" selected="selected">Default</option></select><div class="su-generator-attr-desc">Choose style for this heading<br><a href="https://getshortcodes.com/add-ons/additional-skins/" target="_blank">Get more styles &rarr;</a></div></div><div class="su-generator-attr-container su-generator-skip" data-default="13"><h5>Size</h5><div class="su-generator-range-picker su-generator-clearfix"><input type="number" name="size" value="13" id="su-generator-attr-size" min="7" max="48" step="1" class="su-generator-attr" /></div><div class="su-generator-attr-desc">Select heading size (pixels)</div></div><div class="su-generator-attr-container su-generator-skip" data-default="center"><h5>Align</h5><select name="align" id="su-generator-attr-align" class="su-generator-attr"><option value="left">Left</option><option value="center" selected="selected">Center</option><option value="right">Right</option></select><div class="su-generator-attr-desc">Heading text alignment</div></div><div class="su-generator-attr-container su-generator-skip" data-default="20"><h5>Margin</h5><div class="su-generator-range-picker su-generator-clearfix"><input type="number" name="margin" value="20" id="su-generator-attr-margin" min="0" max="200" step="10" class="su-generator-attr" /></div><div class="su-generator-attr-desc">Bottom margin (pixels)</div></div><div class="su-generator-attr-container su-generator-skip" data-default=""><h5>HTML Anchor (ID)</h5><input type="text" name="id" value="" id="su-generator-attr-id" class="su-generator-attr" /><div class="su-generator-attr-desc">Anchors lets you link directly to a heading on a page.</div></div><div class="su-generator-attr-container su-generator-skip" data-default=""><h5>Extra CSS class</h5><input type="text" name="class" value="" id="su-generator-attr-class" class="su-generator-attr" /><div class="su-generator-attr-desc">Additional CSS class name(s) separated by space(s)</div></div><div class="su-generator-attr-container"><h5>Content</h5><textarea name="su-generator-content" id="su-generator-content" rows="5">Heading text</textarea></div><div id="su-generator-preview"></div><div class="su-generator-actions su-generator-clearfix"><a href="javascript:void(0);" class="button button-primary button-large su-generator-insert"><i class="sui sui-check"></i> Insert shortcode</a> <a href="javascript:void(0);" class="button button-large su-generator-toggle-preview"><i class="sui sui-eye"></i> Live preview</a> <div class="su-generator-presets alignright" data-shortcode="heading">
	<a href="javascript:void(0);" class="button button-large su-gp-button"><i class="sui sui-bars"></i> Presets</a>
	<div class="su-gp-popup">
		<div class="su-gp-head">
			<a href="javascript:void(0);" class="button button-small button-primary su-gp-new">Save current settings as preset</a>
		</div>
		<div class="su-gp-list">
			<b>Presets not found</b>		</div>
	</div>
</div>
		</div>