Lunds universitet - Style Guide

News Press Contact 

<div class="bg-flower-25 py-5 py-lg-9">
    <div class="container">
        <div class="row">
            <div class="col-12 col-md-10 offset-md-1 text-center">
                <h2 class="mt-0 mb-7">Presskontakter</h2>
                <div class="row justify-content-center">
                    <div class="col-12 col-md-6 col-lg-4">
                        <div class="card bg-transparent mb-5">
                            <div>
                                <img src="../../images/_content/avatar-b@1x.jpg" srcset="../../images/_content/avatar-b@1x.jpg 1x, ../../images/_content/avatar-b@2x.jpg 2x" alt="Lorenzo Larsen" class=" card-image-top card-image-narrow">

                            </div>
                            <div class="card-body">
                                <div class="h5 card-title mt-0">Lorenzo Larsen</div>
                                <p class="card-text"><a href="mailto:lorenzo.larsen@kommunikation.lu.se">lorenzo.larsen@kommunikation.lu.se</a></p>
                                <p class="card-text"><a href="tel:046-222 70 17" class="text-nowrap">046-222 70 17</a> och
                                    <a href="tel:0727-38 58 58" class="text-nowrap">0727-38 58 58</a>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 col-lg-4">
                        <div class="card bg-transparent mb-5">
                            <div>
                                <img src="../../images/_content/avatar-a@1x.jpg" srcset="../../images/_content/avatar-a@1x.jpg 1x, ../../images/_content/avatar-a@2x.jpg 2x" alt="Velma Andersson" class=" card-image-top card-image-narrow">

                            </div>
                            <div class="card-body">
                                <div class="h5 card-title mt-0">Velma Andersson</div>
                                <p class="card-text"><a href="mailto:velma.andersson@kommunikation.lu.se">velma.andersson@kommunikation.lu.se</a></p>
                                <p class="card-text"><a href="tel:046-222 70 28" class="text-nowrap">046-222 70 28</a> och
                                    <a href="tel:0701-47 27 40" class="text-nowrap">0701-47 27 40</a>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="col-12 col-md-6 col-lg-4">
                        <div class="card bg-transparent mb-5">
                            <div>
                                <img src="../../images/default/seal-190x220@1x.png" srcset="../../images/default/seal-190x220@1x.png 1x, ../../images/default/seal-190x220@2x.png 2x" alt="Meera Trevino" class=" card-image-top card-image-narrow">

                            </div>
                            <div class="card-body">
                                <div class="h5 card-title mt-0">Meera Trevino</div>
                                <p class="card-text"><a href="mailto:meera.trevino@kommunikation.lu.se">meera.trevino@kommunikation.lu.se</a></p>
                                <p class="card-text"><a href="tel:046-222 70 18" class="text-nowrap">046-222 70 18</a> och
                                    <a href="tel:0709-52 52 51" class="text-nowrap">0709-52 52 51</a>
                                </p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
 
<div class="bg-flower-25 py-5 py-lg-9">
  <div class="container">
    <div class="row">
      <div class="col-12 col-md-10 offset-md-1 text-center">
        <h2 class="mt-0 mb-7">Presskontakter</h2>
        <div class="row justify-content-center">
          {{#each items}}
            <div class="col-12 col-md-6 col-lg-4">
              <div class="card bg-transparent mb-5">
                <div>
                  {{render "@image--card-img-top" image merge=true}}
                </div>
                <div class="card-body">
                  <div class="h5 card-title mt-0">{{name}}</div>
                  <p class="card-text"><a href="mailto:{{email}}">{{email}}</a></p>
                  <p class="card-text"><a href="tel:{{phone1}}" class="text-nowrap">{{phone1}}</a> och
                    <a href="tel:{{phone2}}" class="text-nowrap">{{phone2}}</a></p>
                </div>
              </div>
            </div>
          {{/each}}
        </div>
      </div>
    </div>
  </div>
</div>
 
{
  "items": [
    {
      "image": {
        "src": "/images/_content/avatar-b@1x.jpg",
        "src-2x": "/images/_content/avatar-b@2x.jpg",
        "alt": "Lorenzo Larsen",
        "modifiers": [
          "card-image-top",
          "card-image-narrow"
        ]
      },
      "name": "Lorenzo Larsen",
      "email": "lorenzo.larsen@kommunikation.lu.se",
      "phone1": "046-222 70 17",
      "phone2": "0727-38 58 58"
    },
    {
      "image": {
        "src": "/images/_content/avatar-a@1x.jpg",
        "src-2x": "/images/_content/avatar-a@2x.jpg",
        "alt": "Velma Andersson",
        "modifiers": [
          "card-image-top",
          "card-image-narrow"
        ]
      },
      "name": "Velma Andersson",
      "email": "velma.andersson@kommunikation.lu.se",
      "phone1": "046-222 70 28",
      "phone2": "0701-47 27 40"
    },
    {
      "image": {
        "src": "/images/default/seal-190x220@1x.png",
        "src-2x": "/images/default/seal-190x220@2x.png",
        "alt": "Meera Trevino",
        "modifiers": [
          "card-image-top",
          "card-image-narrow"
        ]
      },
      "name": "Meera Trevino",
      "email": "meera.trevino@kommunikation.lu.se",
      "phone1": "046-222 70 18",
      "phone2": "0709-52 52 51"
    }
  ]
}

No notes defined.