HAS Green Academy styleguide

Section Intro

1179 × 333 
<section>
    <div class="o-layer  o-layer--large">
        <div class="o-retain  o-retain--inset">
            <div class="o-layout  o-layout--gap-base">
                <div class="u-colspan-6@desk">
                    <div class="t-color--light">
                        <div class="o-flow">
                            <h2 ">Tijdens je studie</h2>
              <div>
                <line-clamp class=" o-flow" style="--lines: 4;" id="line-clamp">
                                <p>
                                    Bij Applied Geo-Information Science verken je vier jaar lang de belangrijke thema’s
                                    van vandaag en morgen: van klimaatverandering tot de toekomst van de stad. Je
                                    verzamelt, analyseert en visualiseert geografische data. Voorbeelden hiervan zijn
                                    bijvoorbeeld infographics, storymaps en dashboards. Zo leer je met de nieuwste
                                    technologieën informatie over locatie en tijd op een uitdagende en creatieve manier
                                    te
                                    presenteren. Ons eigen Geolab is je thuisbasis. Dit is de ideale plek om samen met
                                    je
                                    studiegenoten met de nieuwste hard-en software te werken aan ruimtelijke
                                    oplossingen.
                                </p>
                                <p>
                                    Bij Applied Geo-Information Science verken je vier jaar lang de belangrijke thema’s
                                    van vandaag en morgen: van klimaatverandering tot de toekomst van de stad. Je
                                    verzamelt, analyseert en visualiseert geografische data. Voorbeelden hiervan zijn
                                    bijvoorbeeld infographics, storymaps en dashboards. Zo leer je met de nieuwste
                                    technologieën informatie over locatie en tijd op een uitdagende en creatieve manier
                                    te
                                    presenteren. Ons eigen Geolab is je thuisbasis. Dit is de ideale plek om samen met
                                    je
                                    studiegenoten met de nieuwste hard-en software te werken aan ruimtelijke
                                    oplossingen.
                                </p>
                                <div class="mceNonEditable embeditem" data-embed-url="https://www.youtube.com/watch?v=6iUi-9lwh6c&amp;t=1s&amp;ab_channel=HASgreenacademy" data-embed-height="240" data-embed-width="360" data-embed-constrain="true"><iframe width="360" height="203" src="https://www.youtube.com/embed/6iUi-9lwh6c?start=1&amp;feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen="" title="DOE HET! bij HAS green academy"></iframe></div>
                                </line-clamp>
                                <button type="button" class="c-button  c-button--flat    c-button--has-icon          " aria-controls="line-clamp">
                                    <span class="c-button__inner">
                                        <span class="c-button__label  " data-module-bind="btn-label">
                                            Toon meer
                                        </span>

                                        <span class="c-button__wrap-icon">
                                            <svg class="c-icon    " aria-hidden="true">
                                                <use xlink:href="../../dist/sprite.svg#icon-chevron-down" />
                                            </svg>

                                        </span>

                                    </span>
                                </button>

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    </div>
</section>

<div class="c-rte  c-rte--intro">

</div>
 
<section>
  <div class="o-layer  o-layer--large">
    <div class="o-retain  o-retain--inset">
      <div class="o-layout  o-layout--gap-base">
        <div class="u-colspan-6@desk">
          <div class="t-color--light">
            <div class="o-flow">
              <h2 {{# if id }}id="{{ id }}{{/if}}">{{ heading }}</h2>
              <div>
                {{ render '@molecules-folded-content' }}
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>

<div class="c-rte  c-rte--intro">

</div>
 
{
  "heading": "Tijdens je studie",
  "id": null
}

No notes defined.