50/50 jaotus_lingid pildiga

Sisulingid pildiga

Example

Tallinna Muusika- ja Balletikooli visiooniseminar 26.04.19

Visioonikonverents „Tark ja tegus Eesti 2035“

2018. aasta parima keeleteo väljakuulutamine

...

Markup

<div class="container-body-vp container">
  <div class="row row-large-gutters-vp">
    <div class="col-xl-6">
      <div class="card card-sm-img-vp">
        <a href="#" class="font-weight-bold">
          <div class="row no-gutters flex-nowrap">
            <div class="card-img-vp card-img-sm-vp">
              <img src="/static/images/card_bg.jpg">
            </div>
            <div class="card-body">
              <p class="card-title">Tallinna Muusika- ja Balletikooli visiooniseminar 26.04.19
              </p>
            </div>
          </div>
        </a>
      </div>
      <div class="card card-sm-img-vp">
        <a href="#" class="font-weight-bold">
          <div class="row no-gutters flex-nowrap">
            <div class="card-img-vp card-img-sm-vp">
              <img src="/static/images/card_bg.jpg">
            </div>
            <div class="card-body">
              <p class="card-title">Visioonikonverents „Tark ja tegus Eesti 2035“
              </p>
            </div>
          </div>
        </a>
      </div>
      <div class="card card-sm-img-vp">
        <a href="#" class="font-weight-bold">
          <div class="row no-gutters flex-nowrap">
            <div class="card-img-vp card-img-sm-vp">
              <img src="/static/images/card_bg.jpg">
            </div>
            <div class="card-body">
              <p class="card-title">2018. aasta parima keeleteo väljakuulutamine
              </p>
            </div>
          </div>
        </a>
      </div>
    </div>
    <div class="col-xl-6">
      ...
    </div>
  </div>
</div>