<form method="post" action="file.php">

<div style="padding-top: 50px; padding-bottom: 50px;">
<input type="text" value="" id="k-title" name="k-title" placeholder="Title" style="display: block; width: 100%; font-size: 30px; border: 0; background: 0; margin-bottom: 25px; text-align: center;">
<input type="text" value="" id="k-description" name="k-desc" placeholder="Short description" style="display: block; width: 100%; border: 0; background: 0; text-align: justify; padding: 10px;">
</div>

<div style="width: 100%; text-align: center; background-color: #eee; font-weight: 200; line-height: 0.92em; padding: 23px 0; font-size: 30px;">Random</div>

<table id="tbl" border="0" cellspacing="0" cellpadding="5px">
<tbody>

<tr>
<td colspan="2" id="default-table">Default</td>
<tr>
</tbody>
</table>

<button style="margin-top: 25px; margin-bottom: 25px;" id="add" type="button">Add field</button>


<div id="other-photos">
<div id="add_square" style="position: relative;">
<p style="text-align: center; position: absolute; width: 150px; top: 40px; font-size: 60px; margin: 0;">+</p>
<p style="text-align: center; position: absolute; width: 150px; bottom: 40px; margin: 0;">Add image</p>
</div>
</div>

<div style="clear: both;"></div>

<div style="width: 100%; text-align: center; background-color: #eee; font-weight: 200; line-height: 0.92em; padding: 23px 0; font-size: 30px;">Add new section</div>

<div id="new_section">
<div id="default-section">Default</div>
</div>

<div style="clear: both;"></div>

<button type="button" id="add_section">Add section</button>

<div style="width: 100%; text-align: center; background-color: #eee; font-weight: 200; line-height: 0.92em; padding: 23px 0; font-size: 30px;">Gallery</div>
<div id="default-gallery">Default</div>

<div id="gallery">
</div>

<button style="margin-top: 25px; margin-bottom: 25px;" id="add_photo" type="button">Add photos</button>

<input type="submit" id="gen" value="Generate" />

</div>
<div id="summary">
</div>

<input type="text" id="test" value="" />

</form>