Lunds universitet - Style Guide

Newsletter 

<div class="bg-sky-25 p-5 mb-5">
    <h2 class="mt-0 mb-3">Intresserad av forskning och samhälle?</h2>
    <p><strong>Prenumerera på Apropå!</strong></p>
    <p>I nyhetsbrevet Apropå varvas senaste nytt från Lunds universitet med kommentarer till aktuella samhällshändelser
        från några av våra 4800 forskare.</p>
    <form action="#" class="form">
        <div class="mb-3">
            <label for="email" class="form-label">Ange din e-postadress</label>
            <input type="email" id="email" class="form-control" name="email">
        </div>

        <div class="text-center">
            <input type="submit" class="btn btn-primary" value="Anmäl mig">

        </div>
    </form>
</div>
 
<div class="bg-sky-25 p-5{{modifiers modifiers}}">
  <h2 class="mt-0 mb-3">Intresserad av forskning och samhälle?</h2>
  <p><strong>Prenumerera på Apropå!</strong></p>
  <p>I nyhetsbrevet Apropå varvas senaste nytt från Lunds universitet med kommentarer till aktuella samhällshändelser
    från några av våra 4800 forskare.</p>
  <form action="#" class="form">
    {{render "@form-text" form-email merge=true}}
    <div class="text-center">
      {{render "@form-submit" form-submit}}
    </div>
  </form>
</div>
 
{
  "modifiers": [
    "mb-5"
  ],
  "form-email": {
    "type": "email",
    "name": "email",
    "label": "Ange din e-postadress"
  },
  "form-submit": {
    "label": "Anmäl mig"
  }
}

No notes defined.