<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="normal_social">Normal</option>
			<option value="circle_social">Circle</option>
			<option value="square_social">Square</option>
		</select>
    </div>
    <div class="input">
		<label>Icon Pack</label>
		<select name="icon_pack" id="icon_pack">
		<option value="font_awesome">Font Awesome</option>
			<option value="font_elegant">Font Elegant</option>
		</select>
    </div>
	<div class="input">
		<label>Font Awesome</label>
		<select name="fa_icon" id="fa_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-yelp">Yelp</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>Font Elegant</label>
		<select name="fe_icon" id="fe_icon">
		<option value=""></option>
		<option value="social_blogger">Blogger</option>
		<option value="social_blogger_circle">Blogger_circle</option>
		<option value="social_blogger_square">Blogger_square</option>
		<option value="social_delicious">Delicious</option>
		<option value="social_delicious_circle">Delicious_circle</option>
		<option value="social_delicious_square">Delicious_square</option>
		<option value="social_deviantart">Deviantart</option>
		<option value="social_deviantart_circle">Deviantart_circle</option>
		<option value="social_deviantart_square">Deviantart_square</option>
		<option value="social_dribbble">Dribbble</option>
		<option value="social_dribbble_circle">Dribbble_circle</option>
		<option value="social_dribbble_square">Dribbble_square</option>
		<option value="social_facebook">Facebook</option>
		<option value="social_facebook_circle">Facebook_circle</option>
		<option value="social_facebook_square">Facebook_square</option>
		<option value="social_flickr">Flickr</option>
		<option value="social_flickr_circle">Flickr_circle</option>
		<option value="social_flickr_square">Flickr_square</option>
		<option value="social_googledrive">Googledrive</option>
		<option value="social_googledrive_alt2">Googledrive_alt2</option>
		<option value="social_googledrive_square">Googledrive_square</option>
		<option value="social_googleplus">Googleplus</option>
		<option value="social_googleplus_circle">Googleplus_circle</option>
		<option value="social_googleplus_square">Googleplus_square</option>
		<option value="social_instagram">Instagram</option>
		<option value="social_instagram_circle">Instagram_circle</option>
		<option value="social_instagram_square">Instagram_square</option>
		<option value="social_linkedin">Linkedin</option>
		<option value="social_linkedin_circle">Linkedin_circle</option>
		<option value="social_linkedin_square">Linkedin_square</option>
		<option value="social_myspace">Myspace</option>
		<option value="social_myspace_circle">myspace_circle</option>
		<option value="social_myspace_square">myspace_square</option>
		<option value="social_picassa">Picassa</option>
		<option value="social_picassa_circle">Picassa_circle</option>
		<option value="social_picassa_square">Picassa_square</option>
		<option value="social_pinterest">Pinterest</option>
		<option value="social_pinterest_circle">Pinterest_circle</option>
		<option value="social_pinterest_square">Pinterest_square</option>
		<option value="social_rss">Rss</option>
		<option value="social_rss_circle">Rss_circle</option>
		<option value="social_rss_square">Rss_square</option>
		<option value="social_share">Share</option>
		<option value="social_share_circle">Share_circle</option>
		<option value="social_share_square">Share_square</option>
		<option value="social_skype">Skype</option>
		<option value="social_skype_circle">Skype_circle</option>
		<option value="social_skype_square">Skype_square</option>
		<option value="social_spotify">Spotify</option>
		<option value="social_spotify_circle">Spotify_circle</option>
		<option value="social_spotify_square">Spotify_square</option>
		<option value="social_stumbleupon_circle">Stumbleupon_circle</option>
		<option value="social_stumbleupon_square">Stumbleupon_square</option>
		<option value="social_tumbleupon">Stumbleupon</option>
		<option value="social_tumblr">Tumblr</option>
		<option value="social_tumblr_circle">Tumblr_circle</option>
		<option value="social_tumblr_square">Tumblr_square</option>
		<option value="social_twitter">Twitter</option>
		<option value="social_twitter_circle">Twitter_circle</option>
		<option value="social_twitter_square">Twitter_square</option>
		<option value="social_vimeo">Vimeo</option>
		<option value="social_vimeo_circle">Vimeo_circle</option>
		<option value="social_vimeo_square">Vimeo_square</option>
		<option value="social_wordpress">Wordpress</option>
		<option value="social_wordpress_circle">Wordpress_circle</option>
		<option value="social_wordpress_square">Wordpress_square</option>
		<option value="social_youtube">Youtube</option>
		<option value="social_youtube_circle">Youtube_circle</option>
		<option value="social_youtube_square">Youtube_square</option>
		</select>
	</div>
	<div class="input">
		<label>Size</label>
		<select name="size" id="size">
			<option value="tiny">Tiny</option>
			<option value="small">Small</option>
			<option value="medium">Medium</option>
			<option value="large">Large</option>
			<option value="huge">Huge</option>
		</select>
    </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>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>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>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 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>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">
		<input type="submit" name="Insert" id="qode_insert_shortcode_button" value="Submit" />
	</div>
</form>
</div>