Copy environment

Collaborations 

<div class="section     section--mt-large     section--mb-large collaborations">
    <div class="section__inner ">
        <div class="section__content ">
            <div class="h-container">
                <div class="grid collaborations__inner">
                    <div class="grid__col grid__col--xs-4 grid__col--sm-11 grid__col--offset-sm-1">
                        <div class="h2 collaborations__title animation__target">Clients &amp; Collaborations</div>
                    </div>
                    <div class="grid__col grid__col--sm-5  grid__col--md-3  grid__col--offset-sm-1 collaborations__col">
                        <div class="collaboration  collaborations__single animation__target">
                            <figure class="image  collaboration__logo">
                                <img loading="lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20440%20440%22%3E%3C%2Fsvg%3E" data-srcset="https://via.placeholder.com/220x69" data-sizes="auto" alt="" class="image__img lazyload">

                            </figure>
                            <div class="collaboration__title text-small">Public Services</div>
                            <div class="collaboration__content">Telia is the leading telecommunications provider in Scandinavia. From solid strategy to creative ideas and brilliant execution - everything to transform your business in the digital age and grow your business online. </div>
                        </div>
                    </div>
                    <div class="grid__col grid__col--sm-5  grid__col--md-3  grid__col--offset-sm-1 collaborations__col">
                        <div class="collaboration  collaborations__single animation__target">
                            <figure class="image  collaboration__logo">
                                <img loading="lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20440%20440%22%3E%3C%2Fsvg%3E" data-srcset="https://via.placeholder.com/220x69" data-sizes="auto" alt="" class="image__img lazyload">

                            </figure>
                            <div class="collaboration__title text-small">Public Services</div>
                            <div class="collaboration__content">Telia is the leading telecommunications provider in Scandinavia. From solid strategy to creative ideas and brilliant execution - everything to transform your business in the digital age and grow your business online. </div>
                        </div>
                    </div>
                    <div class="grid__col grid__col--sm-5  grid__col--md-3  grid__col--offset-sm-1 collaborations__col">
                        <div class="collaboration  collaborations__single animation__target">
                            <figure class="image  collaboration__logo">
                                <img loading="lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20440%20440%22%3E%3C%2Fsvg%3E" data-srcset="https://via.placeholder.com/220x69" data-sizes="auto" alt="" class="image__img lazyload">

                            </figure>
                            <div class="collaboration__title text-small">Public Services</div>
                            <div class="collaboration__content">Telia is the leading telecommunications provider in Scandinavia. From solid strategy to creative ideas and brilliant execution - everything to transform your business in the digital age and grow your business online. </div>
                        </div>
                    </div>
                    <div class="grid__col grid__col--sm-5  grid__col--md-3  grid__col--offset-sm-1 collaborations__col">
                        <div class="collaboration  collaborations__single animation__target">
                            <figure class="image  collaboration__logo">
                                <img loading="lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20440%20440%22%3E%3C%2Fsvg%3E" data-srcset="https://via.placeholder.com/220x69" data-sizes="auto" alt="" class="image__img lazyload">

                            </figure>
                            <div class="collaboration__title text-small">Public Services</div>
                            <div class="collaboration__content">Telia is the leading telecommunications provider in Scandinavia. From solid strategy to creative ideas and brilliant execution - everything to transform your business in the digital age and grow your business online. </div>
                        </div>
                    </div>
                    <div class="grid__col grid__col--sm-5  grid__col--md-3  grid__col--offset-sm-1 collaborations__col">
                        <div class="collaboration  collaborations__single animation__target">
                            <figure class="image  collaboration__logo">
                                <img loading="lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20440%20440%22%3E%3C%2Fsvg%3E" data-srcset="https://via.placeholder.com/220x69" data-sizes="auto" alt="" class="image__img lazyload">

                            </figure>
                            <div class="collaboration__title text-small">Public Services</div>
                            <div class="collaboration__content">Telia is the leading telecommunications provider in Scandinavia. From solid strategy to creative ideas and brilliant execution - everything to transform your business in the digital age and grow your business online. </div>
                        </div>
                    </div>
                    <div class="grid__col grid__col--sm-5  grid__col--md-3  grid__col--offset-sm-1 collaborations__col">
                        <div class="collaboration  collaborations__single animation__target">
                            <figure class="image  collaboration__logo">
                                <img loading="lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20440%20440%22%3E%3C%2Fsvg%3E" data-srcset="https://via.placeholder.com/220x69" data-sizes="auto" alt="" class="image__img lazyload">

                            </figure>
                            <div class="collaboration__title text-small">Public Services</div>
                            <div class="collaboration__content">Telia is the leading telecommunications provider in Scandinavia. From solid strategy to creative ideas and brilliant execution - everything to transform your business in the digital age and grow your business online. </div>
                        </div>
                    </div>
                    <div class="grid__col grid__col--sm-5  grid__col--md-3  grid__col--offset-sm-1 collaborations__col">
                        <div class="collaboration  collaborations__single animation__target">
                            <figure class="image  collaboration__logo">
                                <img loading="lazy" src="data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20440%20440%22%3E%3C%2Fsvg%3E" data-srcset="https://via.placeholder.com/220x69" data-sizes="auto" alt="" class="image__img lazyload">

                            </figure>
                            <div class="collaboration__title text-small">Public Services</div>
                            <div class="collaboration__content">Telia is the leading telecommunications provider in Scandinavia. From solid strategy to creative ideas and brilliant execution - everything to transform your business in the digital age and grow your business online. </div>
                        </div>
                    </div>
                </div>
            </div>

        </div>

    </div>
</div>
 
{% set topSpacing %}
    {% apply spaceless %}
        {% if 'small' in data.topSpacing %}
            section--mt-small
        {% elseif 'medium' in data.topSpacing %}
            section--mt-medium
        {% else %}
            section--mt-large
        {% endif %}
    {% endapply %}
{% endset %}

{% set bottomSpacing %}
    {% apply spaceless %}
        {% if 'small' in data.bottomSpacing %}
            section--mb-small
        {% elseif 'medium' in data.bottomSpacing %}
            section--mb-medium
        {% else %}
            section--mb-large
        {% endif %}
    {% endapply %}
{% endset %}

{% set content %}
    <div class="h-container">
        <div class="grid collaborations__inner">
            {% if data.title %}
                <div class="grid__col grid__col--xs-4 grid__col--sm-11 grid__col--offset-sm-1">
                    <div class="h2 collaborations__title animation__target">{{ data.title }}</div>
                </div>
            {% endif %}
            {% if data.items %}
                {% for item in data.items %}
                    <div class="grid__col grid__col--sm-5 {% if data.twoColumns %} grid__col--md-5 {% else %} grid__col--md-3 {% endif %} grid__col--offset-sm-1 collaborations__col">
                        {% include '@collaboration' with { data: item, class: 'collaborations__single animation__target', modifier: '' } %}
                    </div>
                {% endfor %}
            {% endif %}
        </div>
    </div>
{% endset %}
{% include '@section' with { class: 'collaborations', modifier: topSpacing ~ ' ' ~ bottomSpacing, data: { content: content }} %}

{
  "language": "en-US",
  "data": {
    "title": "Clients &amp; Collaborations",
    "items": [
      {
        "image": {
          "srcset": "https://via.placeholder.com/220x69",
          "sources": null
        },
        "title": "Public Services",
        "content": "Telia is the leading telecommunications provider in Scandinavia. From solid strategy to creative ideas and brilliant execution - everything to transform your business in the digital age and grow your business online. "
      },
      {
        "image": {
          "srcset": "https://via.placeholder.com/220x69",
          "sources": null
        },
        "title": "Public Services",
        "content": "Telia is the leading telecommunications provider in Scandinavia. From solid strategy to creative ideas and brilliant execution - everything to transform your business in the digital age and grow your business online. "
      },
      {
        "image": {
          "srcset": "https://via.placeholder.com/220x69",
          "sources": null
        },
        "title": "Public Services",
        "content": "Telia is the leading telecommunications provider in Scandinavia. From solid strategy to creative ideas and brilliant execution - everything to transform your business in the digital age and grow your business online. "
      },
      {
        "image": {
          "srcset": "https://via.placeholder.com/220x69",
          "sources": null
        },
        "title": "Public Services",
        "content": "Telia is the leading telecommunications provider in Scandinavia. From solid strategy to creative ideas and brilliant execution - everything to transform your business in the digital age and grow your business online. "
      },
      {
        "image": {
          "srcset": "https://via.placeholder.com/220x69",
          "sources": null
        },
        "title": "Public Services",
        "content": "Telia is the leading telecommunications provider in Scandinavia. From solid strategy to creative ideas and brilliant execution - everything to transform your business in the digital age and grow your business online. "
      },
      {
        "image": {
          "srcset": "https://via.placeholder.com/220x69",
          "sources": null
        },
        "title": "Public Services",
        "content": "Telia is the leading telecommunications provider in Scandinavia. From solid strategy to creative ideas and brilliant execution - everything to transform your business in the digital age and grow your business online. "
      },
      {
        "image": {
          "srcset": "https://via.placeholder.com/220x69",
          "sources": null
        },
        "title": "Public Services",
        "content": "Telia is the leading telecommunications provider in Scandinavia. From solid strategy to creative ideas and brilliant execution - everything to transform your business in the digital age and grow your business online. "
      }
    ]
  }
}
  • Content: 
    .collaborations__title {
    max-width: 495px;
    margin-bottom: 48px;

    @include bp(sm-min) {
        margin-bottom: 72px;
    }
}

.collaborations__inner {
    margin-bottom: -72px;
}

.collaborations__col {
    margin-bottom: 72px;
}
  • URL: /components/raw/collaborations/collaborations.scss
  • Filesystem Path: src/patterns/modules/collaborations/collaborations.scss
  • Size: 241 Bytes
  • Handle: @collaborations--default
  • Filesystem Path: src/patterns/modules/collaborations/collaborations.twig
  • References (2): @collaboration, @section