&lt;form id=&quot;form-app&quot;&gt;
&lt;fieldset&gt;

&lt;!-- Heading --&gt;
&lt;h3 class=&quot;legend&quot;&gt;Caroline &amp;amp; Steven&#039;s Wedding RSVP&lt;/h3&gt;

&lt;!-- Paragraph Text --&gt;
&lt;p&gt;We look forward to celebrating with you! Please reply by October 18, 2016&lt;/p&gt;

&lt;!-- Text --&gt;
&lt;div class=&quot;form-group required-control col-xs-6&quot;&gt;
    &lt;label class=&quot;control-label&quot; for=&quot;text_0&quot;&gt;First Name&lt;/label&gt;
    &lt;input type=&quot;text&quot; id=&quot;text_0&quot; name=&quot;text_0&quot; class=&quot;form-control&quot; required=&quot;&quot;&gt;
&lt;/div&gt;

&lt;!-- Text --&gt;
&lt;div class=&quot;form-group required-control col-xs-6&quot;&gt;
    &lt;label class=&quot;control-label&quot; for=&quot;text_1&quot;&gt;Last Name&lt;/label&gt;
    &lt;input type=&quot;text&quot; id=&quot;text_1&quot; name=&quot;text_1&quot; class=&quot;form-control&quot; required=&quot;&quot;&gt;
&lt;/div&gt;

&lt;!-- Select List --&gt;
&lt;div class=&quot;form-group required-control col-xs-6&quot;&gt;
    &lt;label class=&quot;control-label&quot; for=&quot;selectlist_0&quot;&gt;Are you coming?&lt;/label&gt;
    &lt;select id=&quot;selectlist_0&quot; name=&quot;selectlist_0[]&quot; class=&quot;form-control&quot; required=&quot;&quot;&gt;
        &lt;option value=&quot;&quot; disabled=&quot;&quot; selected=&quot;&quot;&gt;-Select-&lt;/option&gt;
        &lt;option value=&quot;Can&#039;t Wait!&quot;&gt;Can&#039;t Wait!&lt;/option&gt;
        &lt;option value=&quot;Sorry To Miss Out&quot;&gt;Sorry To Miss Out&lt;/option&gt;
    &lt;/select&gt;
&lt;/div&gt;

&lt;!-- Select List --&gt;
&lt;div class=&quot;form-group col-xs-6&quot;&gt;
    &lt;label class=&quot;control-label&quot; for=&quot;selectlist_1&quot;&gt;Persons will atend&lt;/label&gt;
    &lt;select id=&quot;selectlist_1&quot; name=&quot;selectlist_1[]&quot; class=&quot;form-control&quot;&gt;
        &lt;option value=&quot;&quot; disabled=&quot;&quot; selected=&quot;&quot;&gt;-Select-&lt;/option&gt;
        &lt;option value=&quot;1&quot;&gt;1&lt;/option&gt;
        &lt;option value=&quot;2&quot;&gt;2&lt;/option&gt;
    &lt;/select&gt;
&lt;/div&gt;

&lt;!-- Text --&gt;
&lt;div class=&quot;form-group&quot;&gt;
    &lt;label class=&quot;control-label&quot; for=&quot;text_2&quot;&gt;Guest Name&lt;/label&gt;
    &lt;input type=&quot;text&quot; id=&quot;text_2&quot; name=&quot;text_2&quot; class=&quot;form-control&quot;&gt;
&lt;/div&gt;

&lt;!-- Text Area --&gt;
&lt;div class=&quot;form-group&quot;&gt;
    &lt;label class=&quot;control-label&quot; for=&quot;textarea_0&quot;&gt;Any special dietary requirements&lt;/label&gt;
    &lt;textarea id=&quot;textarea_0&quot; name=&quot;textarea_0&quot; rows=&quot;3&quot; class=&quot;form-control&quot;&gt;&lt;/textarea&gt;
&lt;/div&gt;

&lt;!-- Snippet --&gt;
&lt;div class=&quot;snippet&quot;&gt;&lt;p&gt;&lt;strong&gt;How to get there!&lt;/strong&gt;&lt;/p&gt;
&lt;p&gt;&lt;small&gt;The Francis Marion Hotel 387 King Street Charleston. South Carolina.&lt;/small&gt;&lt;/p&gt;
&lt;div id=&quot;map&quot;&gt;&lt;/div&gt;
&lt;style type=&quot;text/css&quot;&gt;
#map {
    width: 100%;
    height: 300px;
    margin-bottom: 15px;
    background-color: #f3f5f7;
}
&lt;/style&gt;&lt;/div&gt;

&lt;!-- Button --&gt;
&lt;div class=&quot;form-action&quot;&gt;
    &lt;input type=&quot;submit&quot; id=&quot;button_0&quot; name=&quot;button_0&quot; class=&quot;btn btn-primary&quot; value=&quot;Submit&quot;&gt;
&lt;/div&gt;

&lt;/fieldset&gt;
&lt;/form&gt;