solarwood components for Magento 2

Cms Page: Inspiratie 

<div class="vc_row wpb_row vc_row-fluid">
    <div class="vc_col-sm-2 wpb_column vc_column_container">
        <div class="wpb_wrapper">
            <div class="wpb_single_image wpb_content_element vc_align_left">
                <div class="wpb_wrapper"><a href="#" target="_self"><img class=" vc_box_border_grey" src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
            </div>
            <div class="wpb_single_image wpb_content_element vc_align_left">
                <div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
            </div>
            <div class="wpb_single_image wpb_content_element vc_align_left">
                <div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
            </div>
            <div class="wpb_single_image wpb_content_element vc_align_left">
                <div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
            </div>
            <div class="wpb_single_image wpb_content_element vc_align_left">
                <div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
            </div>
            <div class="wpb_single_image wpb_content_element vc_align_left">
                <div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
            </div>
        </div>
    </div>
    <div class="vc_col-sm-2 wpb_column vc_column_container">
        <div class="wpb_wrapper">
            <div class="wpb_single_image wpb_content_element vc_align_left">
                <div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
            </div>
            <div class="wpb_single_image wpb_content_element vc_align_left">
                <div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
            </div>
            <div class="wpb_single_image wpb_content_element vc_align_left">
                <div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
            </div>
            <div class="wpb_single_image wpb_content_element vc_align_left">
                <div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
            </div>
            <div class="wpb_single_image wpb_content_element vc_align_left">
                <div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
            </div>
            <div class="wpb_single_image wpb_content_element vc_align_left">
                <div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
            </div>
        </div>
    </div>
    <div class="vc_col-sm-2 wpb_column vc_column_container">
        <div class="wpb_wrapper">
            <div class="wpb_single_image wpb_content_element vc_align_left">
                <div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
            </div>
            <div class="wpb_single_image wpb_content_element vc_align_left">
                <div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
            </div>
            <div class="wpb_single_image wpb_content_element vc_align_left">
                <div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
            </div>
            <div class="wpb_single_image wpb_content_element vc_align_left">
                <div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
            </div>
            <div class="wpb_single_image wpb_content_element vc_align_left">
                <div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
            </div>
            <div class="wpb_single_image wpb_content_element vc_align_left">
                <div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
            </div>
        </div>
    </div>
    <div class="vc_col-sm-2 wpb_column vc_column_container">
        <div class="wpb_wrapper">
            <div class="wpb_single_image wpb_content_element vc_align_left">
                <div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
            </div>
            <div class="wpb_single_image wpb_content_element vc_align_left">
                <div class="wpb_wrapper"><a href="htt/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="htt/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
            </div>
            <div class="wpb_single_image wpb_content_element vc_align_left">
                <div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
            </div>
            <div class="wpb_single_image wpb_content_element vc_align_left">
                <div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
            </div>
            <div class="wpb_single_image wpb_content_element vc_align_left">
                <div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
            </div>
        </div>
    </div>
    <div class="nobootstrap">&nbsp;</div>
 
<div class="vc_row wpb_row vc_row-fluid">
<div class="vc_col-sm-2 wpb_column vc_column_container">
<div class="wpb_wrapper">
<div class="wpb_single_image wpb_content_element vc_align_left">
<div class="wpb_wrapper"><a href="#" target="_self"><img class=" vc_box_border_grey" src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
</div>
<div class="wpb_single_image wpb_content_element vc_align_left">
<div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
</div>
<div class="wpb_single_image wpb_content_element vc_align_left">
<div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
</div>
<div class="wpb_single_image wpb_content_element vc_align_left">
<div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
</div>
<div class="wpb_single_image wpb_content_element vc_align_left">
<div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
</div>
<div class="wpb_single_image wpb_content_element vc_align_left">
<div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
</div>
</div>
</div>
<div class="vc_col-sm-2 wpb_column vc_column_container">
<div class="wpb_wrapper">
<div class="wpb_single_image wpb_content_element vc_align_left">
<div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
</div>
<div class="wpb_single_image wpb_content_element vc_align_left">
<div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
</div>
<div class="wpb_single_image wpb_content_element vc_align_left">
<div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
</div>
<div class="wpb_single_image wpb_content_element vc_align_left">
<div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
</div>
<div class="wpb_single_image wpb_content_element vc_align_left">
<div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
</div>
<div class="wpb_single_image wpb_content_element vc_align_left">
<div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
</div>
</div>
</div>
<div class="vc_col-sm-2 wpb_column vc_column_container">
<div class="wpb_wrapper">
<div class="wpb_single_image wpb_content_element vc_align_left">
<div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
</div>
<div class="wpb_single_image wpb_content_element vc_align_left">
<div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
</div>
<div class="wpb_single_image wpb_content_element vc_align_left">
<div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
</div>
<div class="wpb_single_image wpb_content_element vc_align_left">
<div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
</div>
<div class="wpb_single_image wpb_content_element vc_align_left">
<div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
</div>
<div class="wpb_single_image wpb_content_element vc_align_left">
<div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
</div>
</div>
</div>
<div class="vc_col-sm-2 wpb_column vc_column_container">
<div class="wpb_wrapper">
<div class="wpb_single_image wpb_content_element vc_align_left">
<div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
</div>
<div class="wpb_single_image wpb_content_element vc_align_left">
<div class="wpb_wrapper"><a href="htt/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="htt/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
</div>
<div class="wpb_single_image wpb_content_element vc_align_left">
<div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
</div>
<div class="wpb_single_image wpb_content_element vc_align_left">
<div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
</div>
<div class="wpb_single_image wpb_content_element vc_align_left">
<div class="wpb_wrapper"><a href="/images/teaser/teaser-medium-girl_472-432.jpg" target="_self"><img class=" vc_box_border_grey " src="/images/teaser/teaser-medium-girl_472-432.jpg"></a></div>
</div>
</div>
</div>
<div class="nobootstrap">&nbsp;</div>
 
{
  "breadcrumbs": {
    "categories": [
      {
        "name": "Home",
        "href": "#",
        "linkClass": "breadcrumbs__link"
      },
      {
        "name": "CMS page",
        "href": "#",
        "linkClass": "breadcrumbs__link"
      }
    ]
  },
  "mainHeading": {
    "text": "CMS Page View",
    "class": "margin-vc-xl text-center"
  }
}
  • Content: 
    $cms-page__max-width        : 88% !default;
$cms-page__max-width\@medium: 100% !default;
$cms-page__max-width\@large : 100% !default;
$cms-page__max-width\@xlarge: 100% !default;
$cms-page__margin           : 0 auto !default;
  • URL: /components/raw/cms-page/_cms-page-variables.scss
  • Filesystem Path: build/components/Templates/cms-page/_cms-page-variables.scss
  • Size: 226 Bytes
  • Content: 
    @import 'cms-page-variables';

.cms-page {
    &__content {
        max-width: $cms-page__max-width;
        margin: $cms-page__margin;

        @include mq($screen-m) {
            max-width: $cms-page__max-width\@medium;
        }

        @include mq($screen-l) {
            max-width: $cms-page__max-width\@large;
        }

        @include mq($screen-xl) {
            max-width: $cms-page__max-width\@xlarge;
        }

        .cms-contact &,
        .cms-contact-us & {
            max-width: 100%;
        }
    }
}
  • URL: /components/raw/cms-page/_cms-page.scss
  • Filesystem Path: build/components/Templates/cms-page/_cms-page.scss
  • Size: 527 Bytes

There are no notes for this item.