<section class="section-wrapper image-section">
<div class="container">
<div class="text-image">
<div class="row ">
<div class="content col-12 col-sm-6 min-height: 40rem">
<h5>Potenialum</h5>
<span>Content Image can have different widths. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.</span>
<a href="#" class="btn btn-primary">Details</a>
</div>
<div class="image col-12 col-sm-6">
<div class="" style="background-image: url(https://images.unsplash.com/photo-1487958449943-2429e8be8625?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&w=1000&q=80)">
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-wrapper image-section">
<div class="container">
{% render "@components/02-components/text-image/text-image" with {
variant: variant,
direction: direction,
content_custom_styles: content_custom_styles,
content_col: content_col,
image_col: image_col,
image_url: image_url,
image_class: image_class,
cover: cover,
variant: variant,
image_highres_url: image_highres_url
} %}
</div>
</section>
{
"content": "Content Image can have different widths. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum.",
"direction": "",
"content_custom_styles": "min-height: 40rem",
"content_col": "col-12 col-sm-6",
"image_col": "col-12 col-sm-6",
"image_url": "https://images.unsplash.com/photo-1487958449943-2429e8be8625?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&w=1000&q=80",
"image_class": "",
"cover": true,
"variant": "normal",
"image_highres_url": "https://images.unsplash.com/photo-1487958449943-2429e8be8625?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&w=1000&q=80"
}
.image-section {
padding-top: 0;
padding-bottom: 0;
background: $color-light-grey;
}
There are no notes for this item.