Lunds universitet - Style Guide

Title: Image 

<div class="hero hero-img mb-4">
    <div class="img-bg">
        <img src="../../images/_content/placeholder_1@1x.jpg" alt="Master&#x27;s Programme in Accounting and Finance" class="">
    </div>
    <div class="hero-title">
        <h1>Master&#x27;s Programme in Accounting and Finance</h1>
        <p>MSC Business and Economics &nbsp;&bull;&nbsp; 1 Year &nbsp;&bull;&nbsp; 60 Credits</p>
    </div>
</div>
 
<div class="hero{{modifiers modifiers}}">
  {{#if img}}
  <div class="img-bg">
      <img src="{{ path img.src }}" alt="{{img.alt}}" class="{{modifiers img.modifiers}}">
  </div>
  {{/if}}
    <div class="hero-title">
        <h1>{{title}}</h1>
          {{#if sub-title}}
        <p>{{{sub-title}}}</p>
        {{/if}}
    </div>
</div>
 
{
  "title": "Master's Programme in Accounting and Finance",
  "sub-title": "MSC Business and Economics &nbsp;&bull;&nbsp; 1 Year &nbsp;&bull;&nbsp; 60 Credits",
  "modifiers": [
    "hero-img",
    "mb-4"
  ],
  "img": {
    "src": "/images/_content/placeholder_1@1x.jpg",
    "src-2x": "/images/_content/placeholder_1@2x.jpg",
    "alt": "Master's Programme in Accounting and Finance"
  }
}

No notes defined.