Lunds universitet - Style Guide

Staff Detail Head 

<div class="d-flex mb-6 flex-column flex-lg-row">
    <div class="mb-3 mb-lg-0 me-lg-5">
        <img src="../../images/_content/face_1@1x.jpg" srcset="../../images/_content/face_1@1x.jpg 1x, ../../images/_content/face_1@2x.jpg 2x" alt="Nicolette Buddingh" class=" img-staff-detail">

    </div>
    <div>
        <div class="h1">Nicolette Buddingh</div>
        <p><strong>Doktorand</strong><br><a href="#">Rättssociologiska institutionen</a></p>
        <p>
            <strong>E-post:</strong> <a href="mailto:nicolette.buddingh@soclaw.lu.se">nicolette.buddingh@soclaw.lu.se</a><br>
            <strong>Telefon:</strong> <a href="tel:+46 46 222 68 94">+46 46 222 68 94</a><br>
            <strong>Rumsnummer:</strong> M335<br>
            <strong>Hämtställe:</strong> 31
        </p>
    </div>
</div>
 
<div class="d-flex mb-6 flex-column flex-lg-row">
  <div class="mb-3 mb-lg-0 me-lg-5">
    {{render "@image--staff-detail" data.image merge=true}}
  </div>
  <div>
    <div class="h1">{{data.name}}</div>
    <p><strong>{{data.title}}</strong><br><a href="#">Rättssociologiska institutionen</a></p>
    <p>
      <strong>E-post:</strong> <a href="mailto:{{data.email}}">{{data.email}}</a><br>
      <strong>Telefon:</strong> <a href="tel:{{data.phone}}">{{data.phone}}</a><br>
      <strong>Rumsnummer:</strong> M335<br>
      <strong>Hämtställe:</strong> 31
    </p>
  </div>
</div>
 
{
  "data": {
    "image": {
      "src": "/images/_content/face_1@1x.jpg",
      "src-2x": "/images/_content/face_1@2x.jpg",
      "alt": "Nicolette Buddingh"
    },
    "link": "#",
    "name": "Nicolette Buddingh",
    "title": "Doktorand",
    "email": "nicolette.buddingh@soclaw.lu.se",
    "phone": "+46 46 222 68 94"
  }
}

No notes defined.