Example component: Inverse

<div class="form-row inverse ">

    <div class="form-row__container container-constrained">
        <div class="form-row__text">
            <h4 class="heading-2 form-row__heading">Frequently Asked Questions</h4>
            <div class="heading-5 form-row__subheading">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</div>
        </div>
        <div class="form-row__form">
            <div class="form-row__form-container">
                <div id="umbraco_form_66b29b72f193430caefd2e5743c297d6" class="umbraco-forms-form commentform umbraco-forms-">
                    <form action="/row-tests" enctype="multipart/form-data" id="formfeffdd66259f43fdbe394903e58b2360" method="post" novalidate="novalidate">
                        <input data-val="true" data-val-required="The FormId field is required." name="FormId" type="hidden" value="66b29b72-f193-430c-aefd-2e5743c297d6"><input data-val="true" data-val-required="The FormName field is required." name="FormName" type="hidden" value="Comment form"><input data-val="true" data-val-required="The RecordId field is required." name="RecordId" type="hidden" value="00000000-0000-0000-0000-000000000000"><input name="PreviousClicked" type="hidden" value=""><input name="Theme" type="hidden" value=""> <input type="hidden" name="FormStep" value="0">
                        <input type="hidden" name="RecordState" value="Q2ZESjhOdE1zOHdhald0RmhQSG51WkQ0QWNyaGI4TkE4aTJQeXpwbTdjR0dFTTBmOXlmMG1SYzE4OVhvMjlwbUswVXVCYUJzQWpHOTJvWVhOeVYwSUlRdVNDV2RraGFXQnNQa1FKZDdETVh2WUk5ckdvM3dBVFpocnQ3d3NlWVpOU0sxX1E=">
                        <div class="umbraco-forms-page" id="9945acd6-f02c-4d08-92be-3a63ac95e22a">
                            <fieldset class="umbraco-forms-fieldset" id="89614ea8-e5be-4ad4-d533-93fbbfddd2f6">
                                <div class="row-fluid">
                                    <div class="umbraco-forms-container col-md-6">
                                        <div class=" umbraco-forms-field fgdsfdsfds shortanswer ">
                                            <label for="97a07ff4-b643-48eb-a908-9d9fa67e4362" class="umbraco-forms-label">
                                                Field Label 1 </label>
                                            <div class="umbraco-forms-field-wrapper">
                                                <input type="text" name="97a07ff4-b643-48eb-a908-9d9fa67e4362" id="97a07ff4-b643-48eb-a908-9d9fa67e4362" data-umb="97a07ff4-b643-48eb-a908-9d9fa67e4362" class="text " value="" maxlength="255">
                                                <span class="field-validation-valid" data-valmsg-for="97a07ff4-b643-48eb-a908-9d9fa67e4362" data-valmsg-replace="true" role="alert"></span>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="umbraco-forms-container col-md-6">
                                        <div class=" umbraco-forms-field nmfghgf shortanswer alternating ">
                                            <label for="d6aeedc6-a52d-4197-9b74-30d1348c011d" class="umbraco-forms-label">
                                                Field Label 2 </label>
                                            <div class="umbraco-forms-field-wrapper">
                                                <input type="text" name="d6aeedc6-a52d-4197-9b74-30d1348c011d" id="d6aeedc6-a52d-4197-9b74-30d1348c011d" data-umb="d6aeedc6-a52d-4197-9b74-30d1348c011d" class="text " value="" maxlength="255">
                                                <span class="field-validation-valid" data-valmsg-for="d6aeedc6-a52d-4197-9b74-30d1348c011d" data-valmsg-replace="true" role="alert"></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </fieldset>
                            <fieldset class="umbraco-forms-fieldset" id="e52b0137-29c2-4b95-bc17-e75659b3276c">
                                <div class="row-fluid">
                                    <div class="umbraco-forms-container col-md-12">
                                        <div class=" umbraco-forms-field select dropdown ">
                                            <label for="8bf9b2ee-49b3-4b18-df54-807875c72aea" class="umbraco-forms-label">
                                                select </label>

                                            <div class="umbraco-forms-field-wrapper">
                                                <select class="" name="8bf9b2ee-49b3-4b18-df54-807875c72aea" id="8bf9b2ee-49b3-4b18-df54-807875c72aea" data-umb="8bf9b2ee-49b3-4b18-df54-807875c72aea" aria-describedby="8bf9b2ee-49b3-4b18-df54-807875c72aea_description">
                                                    <option value=""></option>
                                                </select>
                                                <span class="field-validation-valid" data-valmsg-for="8bf9b2ee-49b3-4b18-df54-807875c72aea" data-valmsg-replace="true" role="alert"></span>
                                            </div>
                                        </div>
                                        <div class=" umbraco-forms-field email shortanswer mandatory alternating ">
                                            <label for="cc3497ad-977c-4ec5-adb0-5a31c6a02b6d" class="umbraco-forms-label">
                                                Email <span class="umbraco-forms-indicator">*</span>
                                            </label>
                                            <div class="umbraco-forms-field-wrapper">
                                                <input type="text" name="cc3497ad-977c-4ec5-adb0-5a31c6a02b6d" id="cc3497ad-977c-4ec5-adb0-5a31c6a02b6d" data-umb="cc3497ad-977c-4ec5-adb0-5a31c6a02b6d" class="text " value="" maxlength="255" data-val="true" data-val-required="Please provide a value for Email" aria-required="true" data-val-regex="Please provide a valid value for Email" data-val-regex-pattern="^[_a-z0-9-]+(\.[_a-z0-9-]+)*@[a-z0-9-]+(\.[a-z0-9-]+)*(\.[a-z]{2,4})$">
                                                <span class="field-validation-valid" data-valmsg-for="cc3497ad-977c-4ec5-adb0-5a31c6a02b6d" data-valmsg-replace="true" role="alert"></span>
                                            </div>
                                        </div>
                                        <div class=" umbraco-forms-field comment longanswer mandatory ">
                                            <label for="38eea377-dd41-4887-8a7f-5958a2658179" class="umbraco-forms-label">
                                                Comment <span class="umbraco-forms-indicator">*</span>
                                            </label>
                                            <div class="umbraco-forms-field-wrapper">
                                                <textarea class="" name="38eea377-dd41-4887-8a7f-5958a2658179" id="38eea377-dd41-4887-8a7f-5958a2658179" data-umb="38eea377-dd41-4887-8a7f-5958a2658179" rows="2" cols="20" data-val="true" data-val-required="Please provide a value for Comment" aria-required="true"></textarea>
                                                <span class="field-validation-valid" data-valmsg-for="38eea377-dd41-4887-8a7f-5958a2658179" data-valmsg-replace="true" role="alert"></span>
                                            </div>
                                        </div>
                                        <div class=" umbraco-forms-field fbvdfz checkbox alternating ">
                                            <label for="5b52e847-f8cd-42e5-fc82-b10bc2ad46ea" class="umbraco-forms-label">
                                                fbv dfz </label>
                                            <span id="5b52e847-f8cd-42e5-fc82-b10bc2ad46ea_description" class="umbraco-forms-tooltip help-block">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore</span>
                                            <div class="umbraco-forms-field-wrapper">
                                                <input type="checkbox" name="5b52e847-f8cd-42e5-fc82-b10bc2ad46ea" id="5b52e847-f8cd-42e5-fc82-b10bc2ad46ea" value="true" data-umb="5b52e847-f8cd-42e5-fc82-b10bc2ad46ea" aria-describedby="5b52e847-f8cd-42e5-fc82-b10bc2ad46ea_description">
                                                <input type="hidden" name="5b52e847-f8cd-42e5-fc82-b10bc2ad46ea" value="false">
                                                <span class="field-validation-valid" data-valmsg-for="5b52e847-f8cd-42e5-fc82-b10bc2ad46ea" data-valmsg-replace="true" role="alert"></span>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </fieldset>
                            <div class="umbraco-forms-hidden" aria-hidden="true">
                                <input type="text" name="66b29b72f193430caefd2e5743c297d6">
                            </div>
                            <div class="umbraco-forms-navigation row-fluid">
                                <div class="col-md-12">
                                    <input type="submit" class="btn primary" value="Submit" name="__next" data-form-navigate="next" data-umb="submit-forms-form">
                                </div>
                            </div>
                        </div>
                        <input name="__RequestVerificationToken" type="hidden" value="CfDJ8NtMs8wajWtFhPHnuZD4AcpluPa3Dd00Buxs9LmRUPk9B8Xzb7fpJhacbF6I_B8zEd69G5dSryH5y54LL3dH6lJUViw6nOXmPcpsAw7haxmkDOQg1gCuGzBeBAaGLRvtl4kHhI8wVi-wn1912lZGpiI"><input name="ufprt" type="hidden" value="CfDJ8NtMs8wajWtFhPHnuZD4AcrT6cb3YO_V8STnoJHLaWXPuTfRLp5I_crPSgdEOes-MbQEBnNy-zyeu8NfmcbN0LudSPBsSlnoCbLB1dZVHCZVjWAVmbyNE7KS-KSyy-1sz3jkNp0HeuRlgQKM11Yv5P0">
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>