<div class="mw__example" data-tags="forms">
    <div class="mw-ui-box mw-ui-box-content " data-view>
        <div class="mw-ui-field-group-check mw-ui-field-group-check-small">
            <div class="mw-ui-field-holder">
                <label class="mw-ui-label">Name</label>
                <input type="text" class="mw-ui-field mw-ui-field-small" placeholder="e.g.: Gigi Hadid">
            </div>
            <div class="mw-ui-field-holder">
                <label class="mw-ui-label">Name</label>
                <input type="text" class="mw-ui-field mw-ui-field-small" placeholder="e.g.: Gigi Hadid">
            </div>
            <label class="mw-ui-check">
                <input type="checkbox" value="1" checked="">
                <span></span><span>Subscribe</span>
            </label>
            <label class="mw-ui-check">
                <input type="checkbox" value="1" checked="">
                <span></span><span>Subscribe</span>
            </label>
        </div>
        <span class="mw-hr"></span>
        <div class="mw-ui-field-group-check mw-ui-field-group-check-medium">
            <div class="mw-ui-field-holder">
                <label class="mw-ui-label">Name</label>
                <input type="text" class="mw-ui-field mw-ui-field-medium" placeholder="e.g.: Gigi Hadid">
            </div>
            <div class="mw-ui-field-holder">
                <label class="mw-ui-label">Name</label>
                <input type="text" class="mw-ui-field mw-ui-field-medium" placeholder="e.g.: Gigi Hadid">
            </div>
            <label class="mw-ui-check">
                <input type="checkbox" value="1" checked="">
                <span></span><span>Subscribe</span>
            </label>
            <label class="mw-ui-check">
                <input type="checkbox" value="1" checked="">
                <span></span><span>Subscribe</span>
            </label>
        </div>
        <span class="mw-hr"></span>
        <div class="mw-ui-field-group-check ">
            <div class="mw-ui-field-holder">
                <label class="mw-ui-label">Name</label>
                <input type="text" class="mw-ui-field" placeholder="e.g.: Gigi Hadid">
            </div>
            <div class="mw-ui-field-holder">
                <label class="mw-ui-label">Name</label>
                <input type="text" class="mw-ui-field" placeholder="e.g.: Gigi Hadid">
            </div>
            <label class="mw-ui-check">
                <input type="checkbox" value="1" checked="">
                <span></span><span>Subscribe</span>
            </label>
            <label class="mw-ui-check">
                <input type="checkbox" value="1" checked="">
                <span></span><span>Subscribe</span>
            </label>
        </div>
        <span class="mw-hr"></span>
        <div class="mw-ui-field-group-check  mw-ui-field-group-check-big">
            <div class="mw-ui-field-holder">
                <label class="mw-ui-label">Name</label>
                <input type="text" class="mw-ui-field mw-ui-field-big" placeholder="e.g.: Gigi Hadid">
            </div>
            <div class="mw-ui-field-holder">
                <label class="mw-ui-label">Name</label>
                <input type="text" class="mw-ui-field mw-ui-field-big" placeholder="e.g.: Gigi Hadid">
            </div>
            <label class="mw-ui-check">
                <input type="checkbox" value="1" checked="">
                <span></span><span>Subscribe</span>
            </label>
            <label class="mw-ui-check">
                <input type="checkbox" value="1" checked="">
                <span></span><span>Subscribe</span>
            </label>
        </div>
    </div>
</div>