Foehn Design System

Text And Image: Right 

<div class="row">
    <div class="col-md-8">
        <h2>Heading 2</h2>

        <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Dolorum, obcaecati veritatis ipsam officia necessitatibus fuga, tempora vel unde libero soluta excepturi? Cumque dolorem, atque soluta. Obcaecati vel vero ipsam corporis.</p>

    </div>
    <figure class="figure col-md-4">
        <img class="img-fluid" src="https://placehold.it/960x640/ea09ff/000001?text=Default|960x640" srcset="https://placehold.it/320x210/d8e7ff/000001?text=320x210 320w, https://placehold.it/540x360/a4c6fc/000001?text=540x360 540w, https://placehold.it/720x480/6ba4ff/000001?text=720x480 720w, https://placehold.it/960x640/3f89ff/000001?text=960x640 960w, https://placehold.it/1140x760/0a68ff/fffffa?text=1140x760 1140w" alt="Alternative text">

        <figcaption class="figure-caption">Ceci est une légende<span class="vd-figure-credits">Crédit photo</span></figcaption>
    </figure>

</div>
 
<div class="row">
  <div class="{{ text.styleModifier }}">
    {% render '@h2' %}
    {% render '@paragraph' %}
  </div>
  {% render '@figure', image, true %}
</div>
 
{
  "text": {
    "styleModifier": "col-md-8"
  },
  "image": {
    "styleModifier": "col-md-4"
  }
}

No notes defined.