Lunds universitet - Style Guide

Banner 

<div class="bg-sky-50">
    <div class="container">
        <div class="row">
            <div class="col-12 col-lg-6 order-lg-2 pt-3 pt-lg-0">
                <img src="../../images/_content/placeholder_1@1x.jpg" srcset="../../images/_content/placeholder_1@1x.jpg 1x, ../../images/_content/placeholder_1@2x.jpg 2x" class="w-100" alt="Besök museet bildbeskrivning.">
            </div>
            <div class="col-12 col-lg-6 order-lg-1 pb-5 pb-lg-0">
                <h2>Besök museet</h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin est nisi, varius eget felis nec, tempus tempus risus.Duis mattis fringilla nulla. Mauris posuere luctus ligula ac pretium.</p>
                <p class="mt-3"><a href="#" class="btn btn-primary">Hitta hit</a></p>
            </div>
        </div>
    </div>
</div>
 
<div class="bg-sky-50">
    <div class="container">
        <div class="row">
            <div class="col-12 col-lg-6 order-lg-2 pt-3 pt-lg-0">
                <img src="{{ path "/images/_content/placeholder_1@1x.jpg" }}" srcset="{{ path "/images/_content/placeholder_1@1x.jpg" }} 1x, {{ path "/images/_content/placeholder_1@2x.jpg" }} 2x" class="w-100" alt="Besök museet bildbeskrivning.">
            </div>
            <div class="col-12 col-lg-6 order-lg-1 pb-5 pb-lg-0">
                <h2>Besök museet</h2>
                <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin est nisi, varius eget felis nec, tempus tempus risus.Duis mattis fringilla nulla. Mauris posuere luctus ligula ac pretium.</p>
                <p class="mt-3"><a href="#" class="btn btn-primary">Hitta hit</a></p>
            </div>
        </div>
    </div>
</div>
 
{
  "_full-width": true
}

No notes defined.