adding a dropdown menu in form

I need some help adding a few dropdown menus to the form (code)below.

i managed to create a form in my other website - Golf Lesson Form for Owen Dawson Golf Instuction although i don't like the overall look of it.

i think the coding is different than below.

i'd like to have the form look similar to this  Business Contact - Harford County, Baltimore MD family photographer Jen Snyder

any help would be great. thank you

owen

<form action="https://mobirise.com/" method="post" data-form-title="CONTACT FORM">

                        <input type="hidden" value="k6SCWAPQpKTCR3dXaQWVGcUy3cf8+GuSiwPmA8kodnQ+mF9GnPQiW7TPT8CgDPUm/irzDbMANtqIXCQO44ibk/smX4BUKpREMrnFgHM3Xmdi1Tz+5xTnCCskLNfTwvhA" data-form-email="true">

                        <div class="row row-sm-offset">

                            <div class="col-xs-12 col-md-4">

                                <div class="form-group">

                                    <label class="form-control-label" for="form1-q-name">Name<span class="form-asterisk">*</span></label>

                                    <input type="text" class="form-control" name="name" required="" data-form-field="Name" id="form1-q-name">

                                </div>

                            </div>

                            <div class="col-xs-12 col-md-4">

                                <div class="form-group">

                                    <label class="form-control-label" for="form1-q-email">Email<span class="form-asterisk">*</span></label>

                                    <input type="email" class="form-control" name="email" required="" data-form-field="Email" id="form1-q-email">

                                </div>

                            </div>

                            <div class="col-xs-12 col-md-4">

                                <div class="form-group">

                                    <label class="form-control-label" for="form1-q-phone">Phone</label>

                                    <input type="tel" class="form-control" name="phone" data-form-field="Phone" id="form1-q-phone">

                                </div>

                            </div>

                        </div>

                        <div class="form-group">

                            <label class="form-control-label" for="form1-q-message">Message</label>

                            <textarea class="form-control" name="message" rows="7" data-form-field="Message" id="form1-q-message"></textarea>

                        </div>

                        <div><button type="submit" class="btn btn-primary">CONTACT US</button></div>

                    </form>