<div class="c-editable-content">
    <p>Lorem ipsum dolor sit, amet consectetur, adipisicing elit. Modi maxime omnis, nobis ex numquam distinctio dolorum odio, reprehenderit temporibus aspernatur. Quod hic sunt, consequuntur omnis sint quam ratione, est facilis.</p>

    <h3>Lorem ipsum</h3>

    <ul>
        <li>Lorem, ipsum dolor sit amet consectetur adipisicing elit.</li>
        <li>Dolorum, accusantium? Quos cupiditate voluptatem perspiciatis perferendis explicabo.</li>
        <li>Rerum tempora corrupti suscipit, consectetur id quisquam ex.</li>
        <li>In recusandae deleniti molestias quam nam unde similique.</li>
        <li>Deserunt, doloremque. Alias asperiores minus eius perferendis minima.</li>
    </ul>

    <section class="c-article-spot">
        <div class="c-article-spot__image-container">
            <img class="c-article-spot__image c-article-spot__image--60" role="presentation" src="styleguide/img/article-content/thumb.jpg" alt="Thumb">
        </div>
        <div class="c-article-spot__content">
            <h2><a href="#">Lorem ipsum</a></h2>
            <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempora quisquam iusto molestias modi itaque ab sed necessitatibus et officia eveniet iure, minima iste, aliquam optio autem provident ipsum sint ratione.</p>
        </div>
    </section>

    <p>Lorem ipsum dolor sit, amet consectetur adipisicing elit. Repellendus incidunt cum sint, voluptatum, nesciunt facilis, vel ex molestiae eveniet nam quis eos optio. Repellendus magni pariatur quaerat ex, repellat earum.</p>

    <h4>Lorem, ipsum, dolor.</h4>

    <p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Tempora quisquam iusto molestias modi itaque ab sed necessitatibus et officia eveniet iure, minima iste, aliquam optio autem provident ipsum sint ratione.</p>

    <div class="c-article-image">
        <img class="c-article-image__image c-article-image__image--50" src="styleguide/img/article-content/thumb.jpg" alt="Thumb" title="Title">
    </div>

    <ol>
        <li>Lorem ipsum dolor sit amet.</li>
        <li>Minus ipsam, blanditiis minima porro?</li>
        <li>Veritatis nemo, vitae praesentium laborum.</li>
    </ol>

    <table>
        <thead>
            <tr>
                <th>Animal</th>
                <th>Max speed</th>
                <th class="is-centered">Class</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                <td>Falcon</td>
                <td>389 km/h</td>
                <td>Flight-diving</td>
            </tr>
            <tr>
                <td>Golden eagle</td>
                <td>320 km/h</td>
                <td>Flight-diving</td>
            </tr>
            <tr>
                <td>Eurasian hobby</td>
                <td>160 km/h</td>
                <td>Flight</td>
            </tr>
            <tr>
                <td>Cheetah</td>
                <td>109 km/h</td>
                <td>Land</td>
            </tr>
            <tr>
                <td>Sailfish</td>
                <td>109 km/h</td>
                <td>Flight-swimming</td>
            </tr>
            <tr>
                <td>Pronghorn</td>
                <td>88.5 km/h</td>
                <td>Land</td>
            </tr>
            <tr>
                <td>Human (who needs to poo)</td>
                <td>45 km/h</td>
                <td>Land</td>
            </tr>
        </tbody>
    </table>

    <div class="c-article-youtube">
        <iframe class="c-article-youtube__iframe" src="https://www.youtube.com/embed/ce7EXvherHU" frameborder="0"></iframe>
    </div>

    <p>
        <a style="display: block;" href="">Lorem ipsum, dolor.</a>
        <a style="display: block;" href="">Lorem ipsum, dolor.</a>
        <a style="display: block;" href="">Lorem ipsum, dolor.</a>
    </p>

</div>