<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="zero">Zero Counter</option>
                <option value="random">Random Counter</option>
            </select>
        </div>
        <div class="input">
            <label>Box</label>
            <select name="box" id="box">
                <option value="yes">Yes</option>
                <option value="no">No</option>
            </select>
        </div>
        <div class="input">
            <label>Position</label>
            <select name="position" id="position">
                <option value="left">Left</option>
                <option value="right">Right</option>
                <option value="center">Center</option>
            </select>
        </div>
        <div class="input">
            <label>Digit</label>
            <input name="digit" id="digit" value="" maxlength="12" size="12"/>
        </div>
        <div class="input">
            <label>Font size (px)</label>
            <input name="font_size" id="font_size" value="" maxlength="12" size="12"/>
        </div>
        <div class="input">
            <label>Font weight</label>
            <select name="font_weight" id="font_weight">
                <option value="">Default</option>
                <option value="100">Thin 100</option>
                <option value="200">Extra-Light 200</option>
                <option value="300">Light 300</option>
                <option value="400">Regular 400</option>
                <option value="500">Medium 500</option>
                <option value="600">Semi-Bold 600</option>
                <option value="700">Bold 700</option>
                <option value="800">Extra-Bold 800</option>
                <option value="900">Ultra-Bold 900</option>
            </select>
        </div>
        <div class="input">
            <label>Font color</label>
            <div class="colorSelector"><div style=""></div></div>
            <input name="font_color" id="font_color" value="" maxlength="12" size="12"/>
        </div>
        <div class="input">
            <label>Text</label>
            <input name="text" id="text" value="" maxlength="12" size="12"/>
        </div>
        <div class="input">
            <label>Text Size (px)</label>
            <input name="text_size" id="text_size" value="" maxlength="12" size="12"/>
        </div>
        
        <div class="input">
            <label>Text Font Weight</label>
            <select name="text_font_weight" id="text_font_weight">
                <option value="">Default</option>
                <option value="100">Thin 100</option>
                <option value="200">Extra-Light 200</option>
                <option value="300">Light 300</option>
                <option value="400">Regular 400</option>
                <option value="500">Medium 500</option>
                <option value="600">Semi-Bold 600</option>
                <option value="700">Bold 700</option>
                <option value="800">Extra-Bold 800</option>
                <option value="900">Ultra-Bold 900</option>
            </select>
        </div>
        
        <div class="input">
            <label>Text Transform</label>
            <select name="text_transform" id="text_transform">
               <option value="">Default</option>
                <option value="none">None</option>
                <option value="capitalize">Capitalize</option>
                <option value="uppercase">Uppercase</option>
                <option value="lowercase">Lowercase</option>
            </select>
        </div>
        
        <div class="input">
            <label>Text color</label>
            <div class="colorSelector"><div style=""></div></div>
            <input name="text_color" id="text_color" value="" maxlength="12" size="12"/>
        </div>
        <div class="input">
            <label>Separator</label>
            <select name="separator" id="separator">
                <option value="yes">Yes</option>
                <option value="no">No</option>
            </select>
        </div>
        <div class="input">
            <label>Separator color</label>
            <div class="colorSelector"><div style=""></div></div>
            <input name="separator_color" id="separator_color" value="" maxlength="12" size="12"/>
        </div>
        
        <div class="input">
            <label>Separator Border Style</label>
            <select name="separator_border_style" id="separator_border_style">
                <option value=""></option>
                <option value="dashed">Dashed</option>
                <option value="solid">Solid</option>
            </select>
        </div>
        
        <div class="input">
            <input type="submit" name="Insert" id="qode_insert_shortcode_button" value="Submit"/>
        </div>
    </form>
</div>