<section class='org-service-block'>
<div class='vebego-container'>
<div class='service-intro'>
<h1 class="atm-heading ">Get started right away</h1>
<div class="atm-paragraph ">
<p>We are happy to lend you a hand. Discover our areas of expertise and experience how we can make your sustainable ideas come true.</p>
</div>
</div>
<div class='org-service-block-wrapper'>
<div class="service-list">
<ul class="mol-service-list">
<li>
<div class="icon-container">
<img src='../../assets/img/vebego_graphic.svg' alt='' />
<i class="atm-icon fa fa-regular fa-road "></i>
</div>
<div class="atm-heading h5">Biodiversity</div>
</li>
<li>
<i class="atm-icon fa fa-regular fa-road "></i>
<div class="text-content">
<div class="atm-heading h6">Municipalities</div>
<i class="atm-icon fa fa-regular fa-road "></i>
</div>
<a href="#"></a>
</li>
<li>
<i class="atm-icon fa fa-regular fa-road "></i>
<div class="text-content">
<div class="atm-heading h6">Schools</div>
<i class="atm-icon fa fa-regular fa-road "></i>
</div>
<a href="#"></a>
</li>
<li>
<i class="atm-icon fa fa-regular fa-road "></i>
<div class="text-content">
<div class="atm-heading h6">Theme parks</div>
<i class="atm-icon fa fa-regular fa-road "></i>
</div>
<a href="#"></a>
</li>
</ul>
</div>
<div class="service-list">
<ul class="mol-service-list">
<li>
<div class="icon-container">
<img src='../../assets/img/vebego_graphic.svg' alt='' />
<i class="atm-icon fa fa-regular fa-road "></i>
</div>
<div class="atm-heading h5">Biodiversity</div>
</li>
<li>
<i class="atm-icon fa fa-regular fa-road "></i>
<div class="text-content">
<div class="atm-heading h6">Municipalities</div>
<i class="atm-icon fa fa-regular fa-road "></i>
</div>
<a href="#"></a>
</li>
<li>
<i class="atm-icon fa fa-regular fa-road "></i>
<div class="text-content">
<div class="atm-heading h6">Schools</div>
<i class="atm-icon fa fa-regular fa-road "></i>
</div>
<a href="#"></a>
</li>
<li>
<i class="atm-icon fa fa-regular fa-road "></i>
<div class="text-content">
<div class="atm-heading h6">Theme parks</div>
<i class="atm-icon fa fa-regular fa-road "></i>
</div>
<a href="#"></a>
</li>
</ul>
</div>
<div class="service-list">
<ul class="mol-service-list">
<li>
<div class="icon-container">
<img src='../../assets/img/vebego_graphic.svg' alt='' />
<i class="atm-icon fa fa-regular fa-road "></i>
</div>
<div class="atm-heading h5">Biodiversity</div>
</li>
<li>
<i class="atm-icon fa fa-regular fa-road "></i>
<div class="text-content">
<div class="atm-heading h6">Municipalities</div>
<i class="atm-icon fa fa-regular fa-road "></i>
</div>
<a href="#"></a>
</li>
<li>
<i class="atm-icon fa fa-regular fa-road "></i>
<div class="text-content">
<div class="atm-heading h6">Schools</div>
<i class="atm-icon fa fa-regular fa-road "></i>
</div>
<a href="#"></a>
</li>
<li>
<i class="atm-icon fa fa-regular fa-road "></i>
<div class="text-content">
<div class="atm-heading h6">Theme parks</div>
<i class="atm-icon fa fa-regular fa-road "></i>
</div>
<a href="#"></a>
</li>
</ul>
</div>
<div class="service-list">
<ul class="mol-service-list">
<li>
<div class="icon-container">
<img src='../../assets/img/vebego_graphic.svg' alt='' />
<i class="atm-icon fa fa-regular fa-road "></i>
</div>
<div class="atm-heading h5">Biodiversity</div>
</li>
<li>
<i class="atm-icon fa fa-regular fa-road "></i>
<div class="text-content">
<div class="atm-heading h6">Municipalities</div>
<i class="atm-icon fa fa-regular fa-road "></i>
</div>
<a href="#"></a>
</li>
<li>
<i class="atm-icon fa fa-regular fa-road "></i>
<div class="text-content">
<div class="atm-heading h6">Schools</div>
<i class="atm-icon fa fa-regular fa-road "></i>
</div>
<a href="#"></a>
</li>
<li>
<i class="atm-icon fa fa-regular fa-road "></i>
<div class="text-content">
<div class="atm-heading h6">Theme parks</div>
<i class="atm-icon fa fa-regular fa-road "></i>
</div>
<a href="#"></a>
</li>
</ul>
</div>
</div>
</div>
</section>
<section class='org-service-block'>
<div class='vebego-container'>
<div class='service-intro'>
{{render "@heading" heading}}
{{render "@paragraph" paragraph}}
</div>
<div class='org-service-block-wrapper'>
{{#each cards}}
<div class="service-list">
{{render '@service-list' merge=true}}
</div>
{{/each}}
</div>
</div>
</section>
{
"heading": {
"text": "Get started right away",
"tag": "h1"
},
"paragraph": {
"text": "We are happy to lend you a hand. Discover our areas of expertise and experience how we can make your sustainable ideas come true.",
"tag": "p"
},
"title": {
"underline": false
},
"cards": [
{},
{},
{},
{}
]
}
.org-service-block {
@apply mb-4;
.service-intro {
@apply grid grid-cols-2 gap-6 mb-10 md:grid-cols-2;
}
.atm-heading {
@apply font-medium mb-4 text-secondary-col-1;
}
.org-service-block-wrapper {
@apply flex gap-6 flex-col;
@screen xl {
@apply flex-row;
}
.service-list {
flex-basis: calc(50% - 1.5rem);
}
.atm-image {
@apply h-full;
img {
@apply object-contain;
}
}
.atm-paragraph {
p {
@apply mb-0;
}
}
}
}
No notes defined.