Tab

<div class="SnTab">
    <div class="SnTab-header">
        <div class="SnTab-title">Title 1</div>
        <div class="SnTab-title is-active">Title 2</div>
        <div class="SnTab-title">Title 3</div>
        <div class="SnTab-title">Title 4</div>
    </div>
    <div class="SnTab-content">
        <p>Shabby chic ennui cred godard, forage roof party scenester health goth typewriter pitchfork. Stumptown
            whatever fap, austin heirloom asymmetrical lo-fi ethical seitan. Post-ironic hella listicle brunch meggings
            artisan. YOLO tattooed blue bottle, fanny pack gluten-free put a bird on it migas forage trust fund.</p>
    </div>
    <div class="SnTab-content is-active">
        <p>Shabby chic cred godard, forage roof party scenester health goth typewriter pitchfork. Stumptown whatever
            fap, austin heirloom asymmetrical lo-fi ethical seitan. Post-ironic hella listicle brunch meggings artisan.
            YOLO tattooed blue bottle, fanny pack gluten-free put a bird on it migas forage trust fund.</p>
    </div>
    <div class="SnTab-content"><img src="http://lorempixel.com/500/300" alt=""></div>
    <div class="SnTab-content">
        <p>Meggings distillery pop-up artisan, hashtag 90s echo park kickstarter gluten-free. Pinterest gentrify squid
            vinyl chicharrones meh venmo. Beard aesthetic whatever bicycle rights artisan gastropub. Fingerstache
            bicycle rights you probably havent heard of them, schlitz franzen semiotics microdosing.</p>
    </div>
</div>

<div class="SnTab">
    <div class="SnTab-header">
        <div class="SnTab-title is-active">Title 1</div>
        <div class="SnTab-title">Title 2</div>
    </div>
    <div class="SnTab-body">
        <div class="SnTab-content is-active">
            <p>Content Title 1 ...</p>
            <div class="SnTab">
                <div class="SnTab-header">
                    <div class="SnTab-title is-active">Title 1</div>
                    <div class="SnTab-title">Title 2</div>
                    <div class="SnTab-title">Title 3</div>
                </div>
                <div class="SnTab-body">
                    <div class="SnTab-content is-active">
                        <p>Content 1...</p>
                    </div>
                    <div class="SnTab-content">
                        <p>Content 2...</p>
                    </div>
                    <div class="SnTab-content">
                        <p>Content 3...</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="SnTab-content">
            <p>Content Title 2 ...</p>
            <div class="SnTab">
                <div class="SnTab-header">
                    <div class="SnTab-title is-active">Title 1</div>
                    <div class="SnTab-title">Title 2</div>
                    <div class="SnTab-title">Title 3</div>
                </div>
                <div class="SnTab-body">
                    <div class="SnTab-content is-active">
                        <p>Content 1...</p>
                    </div>
                    <div class="SnTab-content">
                        <p>Content 2...</p>
                    </div>
                    <div class="SnTab-content">
                        <p>Content 3...</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>