</div>
				        </div>
				        <p><a id="new-repeatable" href="#">Add New Field</a></p>
			        </div>
		        </div>
		      	<label for="tom-default-new-data">
		          Default :
		        </label>
		        <div class="input">
					<div id="new-data-default">
					<!-- will dynamic generate by jquery  -->
					<input class="input-default" name="default" type="text" id="tom-default-new-data" value="">
			        </div>

			        <?php 
$defaultOptions = TOMOption::tom_default_options();
?>
					<div id="typography-options" class="input-default typography-options" style="display:none;">
			        	<label>Color :</label>
						<div class="color-container">
							<input class="array-default color-picker" type="text" data-name="color" />
						</div>
			        	<label>Size :</label>
						<select class="array-default tom-typography tom-typography-size" data-name="size">
						    <?php 
foreach ($defaultOptions['font-size'] as $key => $value) {
    echo '<option value="' . $value . 'px">' . $value . ' px</option>';
}
?>
						</select>
					  	<br>