<div id="qode_shortcode_form_wrapper">
<form id="qode_shortcode_form" name="qode_shortcode_form" method="post" action="">
	<div class="input">
		<label>Type</label>
		<select name="type" id="type">
			<option value="circle_social">Circle</option>
			<option value="normal_social">Normal</option>
		</select>
    </div>
	<div class="input">
		<label>Social Icon</label>
		<select name="icon" id="icon">
			<option value="fa-adn">ADN</option>
			<option value="fa-android">Android</option>
			<option value="fa-apple">Apple</option>
			<option value="fa-bitbucket">Bitbucket</option>
			<option value="fa-bitbucket-sign">Bitbucket-Sign</option>
			<option value="fa-bitcoin">Bitcoin</option>
			<option value="fa-btc">BTC</option>
			<option value="fa-css3">CSS3</option>
			<option value="fa-dribbble">Dribbble</option>
			<option value="fa-dropbox">Dropbox</option>
			<option value="fa-facebook">Facebook</option>
			<option value="fa-facebook-sign">Facebook-Sign</option>
			<option value="fa-flickr">Flickr</option>
			<option value="fa-foursquare">Foursquare</option>
			<option value="fa-github">GitHub</option>
			<option value="fa-github-alt">GitHub-Alt</option>
			<option value="fa-github-sign">GitHub-Sign</option>
			<option value="fa-gittip">Gittip</option>
			<option value="fa-google-plus">Google Plus</option>
			<option value="fa-google-plus-sign">Google Plus-Sign</option>
			<option value="fa-html5">HTML5</option>
			<option value="fa-instagram">Instagram</option>
			<option value="fa-linkedin">LinkedIn</option>
			<option value="fa-linkedin-sign">LinkedIn-Sign</option>
			<option value="fa-linux">Linux</option>
			<option value="fa-maxcdn">MaxCDN</option>
			<option value="fa-pinterest">Pinterest</option>
			<option value="fa-pinterest-sign">Pinterest-Sign</option>
			<option value="fa-renren">Renren</option>
			<option value="fa-skype">Skype</option>
			<option value="fa-stackexchange">StackExchange</option>
			<option value="fa-trello">Trello</option>
			<option value="fa-tumblr">Tumblr</option>
			<option value="fa-tumblr-sign">Tumblr-Sign</option>
			<option value="fa-twitter">Twitter</option>
			<option value="fa-twitter-sign">Twitter-Sign</option>
			<option value="fa-vk">VK</option>
			<option value="fa-weibo">Weibo</option>
			<option value="fa-windows">Windows</option>
			<option value="fa-xing">Xing</option>
			<option value="fa-xing-sign">Xing-Sign</option>
			<option value="fa-youtube">YouTube</option>
			<option value="fa-youtube-play">YouTube Play</option>
			<option value="fa-youtube-sign">YouTube-Sign</option>
		</select>
	</div>
    <div class="input">
        <label>Use Custom Size</label>
        <select name="use_custom_size" id="use_custom_size">
            <option value="yes">Yes</option>
            <option value="no">No</option>
        </select>
    </div>
	<div class="input">
		<label>Size</label>
		<select name="size" id="size">
			<option value="fa-lg">Small</option>
			<option value="fa-2x">Normal</option>
			<option value="fa-3x">Large</option>
			<option value="fa-4x">Very Large</option>
		</select>
    </div>
    <div class="input">
        <label>Custom Size(px)</label>
        <input name="custom_size" id="custom_size" value="" maxlength="80" size="20" />
    </div>
	<div class="input">
	    <label>Link</label>
	    <input name="link" id="link" value="" maxlength="80" size="20" />
	</div>
	<div class="input">
		<label>Target</label>
		<select name="target" id="target">
			<option value="_self">Self</option>
			<option value="_blank">Blank</option>
		</select>
    </div>
	<div class="input">
	    <label>Icon Color</label>
	    <div class="colorSelector"><div style=""></div></div>
	    <input name="icon_color" id="icon_color" value="" maxlength="12" size="12" />
	</div>
    <div class="input">
        <label>Icon Hover Color</label>
        <div class="colorSelector"><div style=""></div></div>
        <input name="icon_hover_color" id="icon_hover_color" value="" maxlength="12" size="12" />
    </div>
	<div class="input">
	    <label>Background Color</label>
	    <div class="colorSelector"><div style=""></div></div>
	    <input name="background_color" id="background_color" value="" maxlength="12" size="12" />
	</div>
    <div class="input">
        <label>Background Hover Color</label>
        <div class="colorSelector"><div style=""></div></div>
        <input name="background_hover_color" id="background_hover_color" value="" maxlength="12" size="12" />
    </div>
    <div class="input">
        <label>Background Color Transparency</label>
        <input name="background_color_transparency" id="background_color_transparency" value="" maxlength="12" size="12" />
    </div>
    <div class="input">
        <label>Border Width</label>
        <input name="border_width" id="border_width" value="" maxlength="12" size="12" />
    </div>
    <div class="input">
        <label>Border Color</label>
        <div class="colorSelector"><div style=""></div></div>
        <input name="border_color" id="border_color" value="" maxlength="12" size="12" />
    </div>
    <div class="input">
        <label>Border Hover Color</label>
        <div class="colorSelector"><div style=""></div></div>
        <input name="border_hover_color" id="border_hover_color" value="" maxlength="12" size="12" />
    </div>
    <div class="input">
        <label>Icon Margin</label>
        <input name="icon_margin" id="icon_margin" value="" maxlength="12" size="12" />
    </div>
	<div class="input">
		<input type="submit" name="Insert" id="qode_insert_shortcode_button" value="Submit" />
	</div>
</form>
</div>