<div class="contact-form form-horizontal form-default">
    <div class="row">
        <div class="col-md-4">
            <h5>Contact Info</h5>
            <div class="form-group">
                [text* fname class:form-control placeholder"Your name"]
            </div>
            <div class="form-group">
                [text* your-phone class:form-control placeholder"Phone number"]
            </div>
            <div class="form-group">
                [email* your-email class:form-control placeholder"address@youremail.com"]
            </div>
        </div>
        <div class="divider visible-sm visible-xs"></div>
        <div class="col-md-4">
            <h5>Car Detail</h5>
            <div class="form-group">
                [text* car-model class:form-control placeholder"Vehicle, Make and Model"]
            </div>
            <div class="form-group">
                [text* car-year class:form-control placeholder"Year"]
            </div>
            <div class="form-group">
                <div class="select-wrapper">
                    [select* select1 Service Required class:input-custom "2001" "2002" "2003" "2004" "2005" "2006" "2007" "2008" "2009" "2010"]
                </div>
            </div>
        </div>
        <div class="divider visible-sm visible-xs"></div>
        <div class="col-md-4">
            <h5>Appointment Details</h5>
            <div class="form-group">
                <div class="datetimepicker-wrap">
                    [text* date class:form-control class:datetimepicker placeholder"Date"]
                </div>
            </div>
            <div class="form-group">
                <div class="timepicker-wrap">
                    [text* time class:form-control class:timepicker placeholder"10 : 00"]
                </div>
            </div>
            <div class="form-group">
                <div class="input-group input-type-file">
                    [file your-file filetypes:jpg|jpeg|png limit:2mb class:form-control class:input-lg placeholder"Add Photo..."]
                </div>
            </div>
        </div>
    </div>
    <div class="divider divider-sm"></div>
    <div class="row">
        <div class="col-sm-4 col-md-3">
            <button id="submit" class="wpcf7-form-control wpcf7-submit btn btn-border btn-invert"><span>Submit</span></button>
        </div>
        <div class="divider visible-xs"></div>
        <div class="col-sm-8 col-md-9">
            <div class="notes-custom">Please note that the date and time you requested may not be available. </div>
        </div>
    </div>
</div>