Lunds universitet - Style Guide

Programme Info: English 

<div class="bg-white border border-plaster-50 mb-5">
    <div class="row pt-3 pt-lg-5 px-4 px-lg-6">
        <div class="col-12 col-md-6 col-xl-3 mb-4 mb-lg-5">
            <h6 class="text-uppercase m-0"><strong>Daytime Lund, full time 100%</strong></h6>
            <p>På Svenska</p>
        </div>
        <div class="col-12 col-md-6 col-xl-3 mb-4 mb-lg-5">
            <h6 class="text-uppercase m-0"><strong>Study Period</strong></h6>
            <p>September 3, 2018 - June 7, 2020</p>
        </div>
        <div class="col-12 col-md-6 col-xl-3 mb-4 mb-lg-5">
            <h6 class="text-uppercase m-0"><strong>Application</strong></h6>
            <p>Closed for applications<br>Application periods: <a href="#">Read more <i class="fal fa-chevron-circle-right  fa-lg"></i></a></p>
        </div>

    </div>
</div>
 
<div class="bg-white border border-plaster-50 mb-5">
  <div class="row pt-3 pt-lg-5 px-4 px-lg-6">
    {{#each cols}}
      <div class="col-12 col-md-6 col-xl-3 mb-4 mb-lg-5">
        <h6 class="text-uppercase m-0"><strong>{{header}}</strong></h6>
        {{{content}}}
      </div>
    {{/each}}

    {{#if sign-up}}
      <div class="col-12 col-md-6 col-xl-3 mb-4 mb-lg-5">
        <div class="d-flex w-100 h-100 justify-content-center justify-content-md-start align-items-center">
          {{render "@button" sign-up merge=true}}
        </div>
      </div>
    {{/if}}
  </div>
  {{#if toggle-box}}
    <div class="row">
      <div class="col pb-lg-5 px-lg-6">
        <div class="box-toggle">
          <button class="box-toggle-control collapsed collapser" data-bs-toggle="collapse" role="button" aria-expanded="false">
            {{toggle.label}}
            <span class="box-toggle-icon">
            <span class="collapse-show"><i class="fal fa-pull-right fa-chevron-down"></i></span>
          <span class="collapse-hide"><i class="fal fa-pull-right fa-chevron-up"></i></span>
          </span>
          </button>
          <div class="collapse">
            <div class="box-toggle-content">
              <div class="row">
                <div class="col-12 col-md-6 col-lg-5 mb-4 mb-md-0">
                  {{render "@table" table}}
                  <p>- (streck) = ingen antagen i gruppen.<br>* (stjärna) = alla antagna i gruppen.</p>
                  <p>Tabellen visar lägsta meritkrav/poäng på högskoleprovet som krävdes för aktuell termin. Siffrorna
                    varierar beroende på bland annat antal sökande och antal platser. Läs mer om antagningspoäng.</p>
                </div>
                <div class="col-12 col-md-5 offset-md-1">
                  <h6 class="mt-3 text-uppercase">Totalt antal antagna </h6>
                  <div class="d-flex">
                    <div class="me-5">Vårterminen 2018</div>
                    <div>82 st</div>
                  </div>
                  <div class="d-flex">
                    <div class="me-5">Vårterminen 2017</div>
                    <div>80 st</div>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  {{/if}}
</div>
 
{
  "cols": [
    {
      "header": "Daytime Lund, full time 100%",
      "content": "<p>På Svenska</p>"
    },
    {
      "header": "Study Period",
      "content": "<p>September 3, 2018 - June 7, 2020</p>"
    },
    {
      "header": "Application",
      "content": "<p>Closed for applications<br>Application periods: <a href=\"#\">Read more <i class=\"fal fa-chevron-circle-right  fa-lg\"></i></a></p>"
    }
  ],
  "sign-up": false,
  "toggle": {
    "label": "Senaste antagningspoäng"
  },
  "table": {
    "modifiers": [
      "border-bottom",
      "mb-5"
    ],
    "head": {
      "items": [
        {
          "modifiers": [
            "border-0",
            "text-uppercase"
          ],
          "content": "Urvalsgrupper"
        },
        {
          "modifiers": [
            "border-0",
            "text-end"
          ],
          "content": "HT 2017"
        }
      ]
    },
    "body": {
      "rows": [
        {
          "cols": [
            {
              "content": "Gymnasiebetyg utan komplettering (BI)"
            },
            {
              "modifiers": [
                "text-end"
              ],
              "content": "21,30"
            }
          ]
        },
        {
          "cols": [
            {
              "content": "Gymnasiebetyg med komplettering (BII)"
            },
            {
              "modifiers": [
                "text-end"
              ],
              "content": "21,70"
            }
          ]
        },
        {
          "cols": [
            {
              "content": "Folkhögskolebetyg (BF)"
            },
            {
              "modifiers": [
                "text-end"
              ],
              "content": "4,00"
            }
          ]
        },
        {
          "cols": [
            {
              "content": "Högskoleprovet (HP)"
            },
            {
              "modifiers": [
                "text-end"
              ],
              "content": "1,70"
            }
          ]
        }
      ]
    }
  },
  "toggle-box": false
}

No notes defined.