<div class="uk-section uk-flex uk-flex-middle uk-height-viewport">
    <div class="uk-container">

        <div class="uk-grid-large" uk-grid>

            <div class="uk-width-2-3@s">
                <h2 class="uk-h5 uk-heading-divider uk-margin-medium">Lead</h2>
                <p class="uk-text-lead">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>

                <h2 class="uk-h5 uk-heading-divider uk-margin-medium-bottom uk-margin-large-top">Large</h2>
                <p class="uk-text-large">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>

                <h2 class="uk-h5 uk-heading-divider uk-margin-medium-bottom uk-margin-large-top">Meta</h2>
                <p class="uk-text-meta">Written by <a href="#">Super User</a> on <time datetime="2016-04-01T19:00">01 April 2016</time>. Posted in <a href="#">Blog</a><br>And wrapping into the next line.</p>

                <h2 class="uk-h5 uk-heading-divider uk-margin-medium-bottom uk-margin-large-top">Small</h2>
                <p class="uk-text-small">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.</p>
            </div>

            <div class="uk-width-1-3@s">
                <h2 class="uk-h5 uk-heading-divider uk-margin-medium">Style</h2>

                <ul class="uk-list">
                    <li class="uk-text-bold">text-bold</li>
                    <li class="uk-text-uppercase">text-uppercase</li>
                </ul>

                <h2 class="uk-h5 uk-heading-divider uk-margin-medium">Colors</h2>
                <ul class="uk-list">
                    <li class="uk-text-muted">text-muted</li>
                    <li class="uk-text-primary">text-primary</li>
                    <li class="uk-text-success">text-success</li>
                    <li class="uk-text-warning">text-warning</li>
                    <li class="uk-text-danger">text-danger</li>
                </ul>

                <h2 class="uk-h5 uk-heading-divider uk-margin-medium">Truncate</h2>
                <p class="uk-text-truncate">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>

                <h2 class="uk-h5 uk-heading-divider uk-margin-medium">Break</h2>
                <p class="uk-text-break">Loremipsumdolorsitametconsecteturadipiscingelit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
            </div>

        </div>

    </div>
</div>