{% include "@Components/sections/link-navigation-section/link-navigation-section.twig" with { props: {
title: "Title",
perex: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium, maxime?",
link: {
href: "#",
title: "link"
},
titleSecond: "Posts section grid title",
perexSecond: "Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium, maxime?",
navigation: [
{
title: "reality České Budějovice",
href: "#",
color: "primary"
},
{
title: "reality Český Krumlov",
href: "#",
color: "primary"
},
{
title: "reality Jindřichův Hradec",
href: "#",
color: "primary"
},
{
title: "reality Pelhřimov",
href: "#",
color: "primary"
},
{
title: "reality Písek",
href: "#",
color: "primary"
},
{
title: "reality Prachatice",
href: "#",
color: "primary"
},
{
title: "reality Strakonice",
href: "#",
color: "primary"
},
{
title: "reality Tábor",
href: "#",
color: "primary"
}
]
} } %}
<section class="base-section s-link-navigation">
<div class="base-section__container container">
<div class="s-link-navigation__cta">
<header class="base-header">
<h2 class="base-header__heading base-h1"></h2>
</header>
<a class="link --primary" href="#" href="#">
<span class="link__title">
<span class="link__title-wrap"></span>
</span>
</a>
</div>
<div class="s-link-navigation__content">
<header class="base-header">
<h2 class="base-header__heading base-h1">Title</h2>
<p class="base-header__paragraph">Lorem ipsum dolor sit amet consectetur adipisicing elit. Laudantium, maxime?</p>
</header>
<div class="g-link-navigation">
<div class="g-link-navigation__item">
<a class="link --primary" href="#" href="#">
<span class="link__title">
<span class="link__title-wrap">reality České Budějovice</span>
</span>
</a>
</div>
<div class="g-link-navigation__item">
<a class="link --primary" href="#" href="#">
<span class="link__title">
<span class="link__title-wrap">reality Český Krumlov</span>
</span>
</a>
</div>
<div class="g-link-navigation__item">
<a class="link --primary" href="#" href="#">
<span class="link__title">
<span class="link__title-wrap">reality Jindřichův Hradec</span>
</span>
</a>
</div>
<div class="g-link-navigation__item">
<a class="link --primary" href="#" href="#">
<span class="link__title">
<span class="link__title-wrap">reality Pelhřimov</span>
</span>
</a>
</div>
<div class="g-link-navigation__item">
<a class="link --primary" href="#" href="#">
<span class="link__title">
<span class="link__title-wrap">reality Písek</span>
</span>
</a>
</div>
<div class="g-link-navigation__item">
<a class="link --primary" href="#" href="#">
<span class="link__title">
<span class="link__title-wrap">reality Prachatice</span>
</span>
</a>
</div>
<div class="g-link-navigation__item">
<a class="link --primary" href="#" href="#">
<span class="link__title">
<span class="link__title-wrap">reality Strakonice</span>
</span>
</a>
</div>
<div class="g-link-navigation__item">
<a class="link --primary" href="#" href="#">
<span class="link__title">
<span class="link__title-wrap">reality Tábor</span>
</span>
</a>
</div>
</div>
</div>
</div>
</section>