<div class="mw__example" data-tags="forms">

        <div  data-view>
                <div class="mw-flex-row">
                    <div class="mw-flex-col-md-6">
                        <div class="mw-ui-box mw-ui-box-content">
                            <div class="mw-ui-field-holder">
                                <label class="mw-ui-label">Email</label>
                                <input type="email" class="mw-ui-field mw-full-width" placeholder="e.g.: hadid@example.com">
                            </div>
                            <div class="mw-ui-field-holder">
                                <label class="mw-ui-label">Password</label>
                                <input type="password" class="mw-ui-field mw-full-width" placeholder="*****">
                            </div>
                            <button type="submit" class="mw-ui-btn  mw-full-width">Submit</button>
                        </div>
                    </div>
                    <div class="mw-flex-col-md-6">
                        <div class="mw-text mw-ui-box-content">
                            <h3>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</h3>
                            <p>
                                 Pellentesque commodo justo iaculis aliquet venenatis. Nunc at turpis a nisl molestie condimentum ac nec lacus. Sed ut leo turpis.
                                 Aliquam scelerisque fermentum lacus. Sed eleifend, orci nec egestas rutrum, risus metus varius dui, sit amet maximus elit nulla sit amet massa.
                                 Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae.
                            </p>
                        </div>

                    </div>
                </div>
        </div>
    </div>