foundation-form

        <form>
            <fieldset class="fieldset">
                <legend>form-example</legend>
                <div class="row">
                    <div class="small-3 columns">
                    </div>
                </div>
                <div class="row">
                    <div class="small-12 columns middle medium-offset-3">
                        <input id="checkbox" type="checkbox"/>
                        <label for="checkbox">Checkbox</label>
                    </div>
                </div>
                <div class="row">
                    <div class="small-3 columns">
                        <label for="atext" class="middle text-right">Text for input</label>
                    </div>
                    <span class="small-9 columns"><input id="atext" type="text"/></span>
                </div>
                <div class="row small-10 columns small-offset-2">
                    <div class="input-group">
                        <span class="input-group-label"><i class="fi-social-twitter"></i></span>
                        <input class="input-group-field" type="number"/>
                        <span class="input-group-button"><input class="button" type="submit" value="Submit"/></span>
                    </div>
                </div>
                <div class="row small-12 columns">
                    <label id="ageLabel">Age</label>
                    <div class="slider" aria-labelledby="ageLabel" aria-describedby="ageHelpText" data-slider="" data-initial-start='50' data-end='200'>
                        <span class="slider-handle"  data-slider-handle="" role="slider" tabindex="1"></span>
                        <span class="slider-fill" data-slider-fill=""></span>
                        <input name="age" type="hidden"/>
                    </div>
                    <p id="ageHelpText">How old are you?</p>
                </div>
            </fieldset>
        </form>