12 #country-list Country list

A country list is used to display content grouped by country

Source: scss/components/country-list/_country-list.scss, line 1
Example
Germany

mimacom consulting

mimacom ag
Panoramastr. 27
CH-1234 Bern

Phone: +41 31 329 09 00
E-Mail: info@mimacom.com

mimacom consulting

mimacom ag
Panoramastr. 27
CH-1234 Bern

Phone: +41 31 329 09 00
E-Mail: info@mimacom.com

mimacom consulting

mimacom ag
Panoramastr. 27
CH-1234 Bern

Phone: +41 31 329 09 00
E-Mail: info@mimacom.com
Austria

mimacom consulting

mimacom ag
Panoramastr. 27
CH-1234 Bern

Phone: +41 31 329 09 00
E-Mail: info@mimacom.com

mimacom consulting

mimacom ag
Panoramastr. 27
CH-1234 Bern

Phone: +41 31 329 09 00
E-Mail: info@mimacom.com
Switzerland

mimacom consulting

mimacom ag
Panoramastr. 27
CH-1234 Bern

Phone: +41 31 329 09 00
E-Mail: info@mimacom.com

mimacom consulting

mimacom ag
Panoramastr. 27
CH-1234 Bern

Phone: +41 31 329 09 00
E-Mail: info@mimacom.com

mimacom consulting

mimacom ag
Panoramastr. 27
CH-1234 Bern

Phone: +41 31 329 09 00
E-Mail: info@mimacom.com
Markup
<section class="module">
  <div class="module__content">
      <div class="country-list ">
        <div class="country-list__item">
          <div class="country-list__country-name module__kicker">Germany</div>
          <h3 class="country-list__item-title">mimacom consulting</h3>
          <div class="country-list__item-text">
              <address>
                mimacom ag<br>
                Panoramastr. 27<br>
                CH-1234 Bern<br>
                <br>
                Phone: +41 31 329 09 00<br>
                E-Mail: info@mimacom.com
              </address>
          </div>
        </div>
        <div class="country-list__item country-list__item--no-country-name">
          <h3 class="country-list__item-title">mimacom consulting</h3>
          <div class="country-list__item-text">
            <address>
              mimacom ag<br>
              Panoramastr. 27<br>
              CH-1234 Bern<br>
              <br>
              Phone: +41 31 329 09 00<br>
              E-Mail: info@mimacom.com
            </address>
          </div>
        </div>
        <div class="country-list__item country-list__item--no-country-name">
          <h3 class="country-list__item-title">mimacom consulting</h3>
          <div class="country-list__item-text">
            <address>
              mimacom ag<br>
              Panoramastr. 27<br>
              CH-1234 Bern<br>
              <br>
              Phone: +41 31 329 09 00<br>
              E-Mail: info@mimacom.com
            </address>
          </div>
        </div>
        <div class="country-list__item">
          <div class="country-list__country-name module__kicker">Austria</div>
          <h3 class="country-list__item-title">mimacom consulting</h3>
          <div class="country-list__item-text">
            <address>
              mimacom ag<br>
              Panoramastr. 27<br>
              CH-1234 Bern<br>
              <br>
              Phone: +41 31 329 09 00<br>
              E-Mail: info@mimacom.com
            </address>
          </div>
        </div>
        <div class="country-list__item country-list__item--no-country-name">
          <h3 class="country-list__item-title">mimacom consulting</h3>
           <div class="country-list__item-text">
            <address>
              mimacom ag<br>
              Panoramastr. 27<br>
              CH-1234 Bern<br>
              <br>
              Phone: +41 31 329 09 00<br>
              E-Mail: info@mimacom.com
            </address>
          </div>
        </div>
        <div class="country-list__item">
          <div class="country-list__country-name module__kicker">Switzerland</div>
          <h3 class="country-list__item-title">mimacom consulting</h3>
          <div class="country-list__item-text">
            <address>
              mimacom ag<br>
              Panoramastr. 27<br>
              CH-1234 Bern<br>
              <br>
              Phone: +41 31 329 09 00<br>
              E-Mail: info@mimacom.com
            </address>
          </div>
        </div>
        <div class="country-list__item country-list__item--no-country-name">
          <h3 class="country-list__item-title">mimacom consulting</h3>
          <div class="country-list__item-text">
            <address>
              mimacom ag<br>
              Panoramastr. 27<br>
              CH-1234 Bern<br>
              <br>
              Phone: +41 31 329 09 00<br>
              E-Mail: info@mimacom.com
            </address>
          </div>
        </div>
        <div class="country-list__item country-list__item--no-country-name">
          <h3 class="country-list__item-title">mimacom consulting</h3>
          <div class="country-list__item-text">
            <address>
              mimacom ag<br>
              Panoramastr. 27<br>
              CH-1234 Bern<br>
              <br>
              Phone: +41 31 329 09 00<br>
              E-Mail: info@mimacom.com
            </address>
          </div>
        </div>
      </div>
    </div>
  </div>
</section>
Source: scss/components/country-list/_country-list.scss, line 65