Raptus Design Theme

Example

Titel

The copy warned the Little Blind Text, that where it came from it would have been rewritten a thousand times and everything that was left from its origin would be the word "and" and the Little Blind Text should turn around and return to its own, safe country. But nothing the copy said could convince her and so it didn’t take long until a few insidious Copy Writers ambushed her, made her drunk with Longe and Parole and dragged her into their agency, where they abused her for their projects again and again. And if she hasn’t been rewritten, then they are still using her.

Call to Action

Titel

The copy warned the Little Blind Text, that where it came from it would have been rewritten a thousand times and everything that was left from its origin would be the word "and" and the Little Blind Text should turn around and return to its own, safe country. But nothing the copy said could convince her and so it didn’t take long until a few insidious Copy Writers ambushed her, made her drunk with Longe and Parole and dragged her into their agency, where they abused her for their projects again and again. And if she hasn’t been rewritten, then they are still using her.

Call to Action

Titel

The copy warned the Little Blind Text, that where it came from it would have been rewritten a thousand times and everything that was left from its origin would be the word "and" and the Little Blind Text should turn around and return to its own, safe country. But nothing the copy said could convince her and so it didn’t take long until a few insidious Copy Writers ambushed her, made her drunk with Longe and Parole and dragged her into their agency, where they abused her for their projects again and again. And if she hasn’t been rewritten, then they are still using her.

Call to Action

Titel

The copy warned the Little Blind Text, that where it came from it would have been rewritten a thousand times and everything that was left from its origin would be the word "and" and the Little Blind Text should turn around and return to its own, safe country. But nothing the copy said could convince her and so it didn’t take long until a few insidious Copy Writers ambushed her, made her drunk with Longe and Parole and dragged her into their agency, where they abused her for their projects again and again. And if she hasn’t been rewritten, then they are still using her.

Call to Action

Titel

The copy warned the Little Blind Text, that where it came from it would have been rewritten a thousand times and everything that was left from its origin would be the word "and" and the Little Blind Text should turn around and return to its own, safe country. But nothing the copy said could convince her and so it didn’t take long until a few insidious Copy Writers ambushed her, made her drunk with Longe and Parole and dragged her into their agency, where they abused her for their projects again and again. And if she hasn’t been rewritten, then they are still using her.

Call to Action
Markup
<div class="cta">
    <div class="cta__content">
        <h3 class="cta__title">Titel</h3>
        <div class="wysiwyg--nowrap cta__text">
            <p>The copy warned the Little Blind Text, that where it came from it would have been rewritten a thousand times and everything that was left from its origin would be the word "and" and the Little Blind Text should turn around and return to its own, safe country. But nothing the copy said could convince her and so it didn’t take long until a few insidious Copy Writers ambushed her, made her drunk with Longe and Parole and dragged her into their agency, where they abused her for their projects again and again. And if she hasn’t been rewritten, then they are still using her.</p>
        </div>
        <a class="cta__action btn btn--shout" href="javascript://">Call to Action</a>
    </div>
    <div class="cta__image">
        <div class="image">
            <div class="image__image">
                <img src="images/test-image.jpg">
            </div>
        </div>
    </div>
</div>
<div class="cta cta--landscape">
    <div class="cta__content">
        <h3 class="cta__title">Titel</h3>
        <div class="wysiwyg--nowrap cta__text">
            <p>The copy warned the Little Blind Text, that where it came from it would have been rewritten a thousand times and everything that was left from its origin would be the word "and" and the Little Blind Text should turn around and return to its own, safe country. But nothing the copy said could convince her and so it didn’t take long until a few insidious Copy Writers ambushed her, made her drunk with Longe and Parole and dragged her into their agency, where they abused her for their projects again and again. And if she hasn’t been rewritten, then they are still using her.</p>
        </div>
        <a class="cta__action btn btn--shout" href="javascript://">Call to Action</a>
    </div>
    <div class="cta__image">
        <div class="image image--fill image--landscape">
            <div class="image__image">
                <img src="images/test-image.jpg">
            </div>
        </div>
    </div>
</div>
<div class="cta cta--portrait">
    <div class="cta__content">
        <h3 class="cta__title">Titel</h3>
        <div class="wysiwyg--nowrap cta__text">
            <p>The copy warned the Little Blind Text, that where it came from it would have been rewritten a thousand times and everything that was left from its origin would be the word "and" and the Little Blind Text should turn around and return to its own, safe country. But nothing the copy said could convince her and so it didn’t take long until a few insidious Copy Writers ambushed her, made her drunk with Longe and Parole and dragged her into their agency, where they abused her for their projects again and again. And if she hasn’t been rewritten, then they are still using her.</p>
        </div>
        <a class="cta__action btn btn--shout" href="javascript://">Call to Action</a>
    </div>
    <div class="cta__image">
        <div class="image image--fill image--portrait">
            <div class="image__image">
                <img src="images/test-image.jpg">
            </div>
        </div>
    </div>
</div>
<div class="cta cta--square">
    <div class="cta__content">
        <h3 class="cta__title">Titel</h3>
        <div class="wysiwyg--nowrap cta__text">
            <p>The copy warned the Little Blind Text, that where it came from it would have been rewritten a thousand times and everything that was left from its origin would be the word "and" and the Little Blind Text should turn around and return to its own, safe country. But nothing the copy said could convince her and so it didn’t take long until a few insidious Copy Writers ambushed her, made her drunk with Longe and Parole and dragged her into their agency, where they abused her for their projects again and again. And if she hasn’t been rewritten, then they are still using her.</p>
        </div>
        <a class="cta__action btn btn--shout" href="javascript://">Call to Action</a>
    </div>
    <div class="cta__image">
        <div class="image image--fill image--square">
            <div class="image__image">
                <img src="images/test-image.jpg">
            </div>
        </div>
    </div>
</div>
<div class="cta cta--square">
    <div class="cta__content">
        <h3 class="cta__title">Titel</h3>
        <div class="wysiwyg--nowrap cta__text">
            <p>The copy warned the Little Blind Text, that where it came from it would have been rewritten a thousand times and everything that was left from its origin would be the word "and" and the Little Blind Text should turn around and return to its own, safe country. But nothing the copy said could convince her and so it didn’t take long until a few insidious Copy Writers ambushed her, made her drunk with Longe and Parole and dragged her into their agency, where they abused her for their projects again and again. And if she hasn’t been rewritten, then they are still using her.</p>
        </div>
        <a class="cta__action btn btn--shout" href="javascript://">Call to Action</a>
    </div>
    <div class="cta__image">
        <div class="image image--fill image--square image--circle">
            <div class="image__image">
                <img src="images/test-image.jpg">
            </div>
        </div>
    </div>
</div>
Source: assets/styles/03-molecules/06-blocks/_cta.scss, line 1