Proč hledat nemovitosti & inzerovat na portálu www.ceskereality.cz? Více informací
Jak najít ideální inzerát bytu v Českých Budějovicích?
test
SkrýtLink Navigation Section
total custom, with perex
-
-
{% include "@Components/sections/link-navigation-section/link-navigation-section.twig" with { props: { perexSecond: "Proč hledat nemovitosti & inzerovat na portálu www.ceskereality.cz?", link: { href: "#", title: "To mě zajímá" }, title: "Hledáte reality?", perex: "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" } ] } } %} -
<section class="base-section s-link-navigation"> <div class="base-section__container container"> <div class="s-link-navigation__cta"> <header class="base-header --center"> <div class="base-header__heading-wrapper"> <h2 class="base-header__heading base-h2"></h2> </div> <p class="base-header__paragraph">Proč hledat nemovitosti & inzerovat na portálu www.ceskereality.cz?</p> </header> <a class="link --primary" href="#"> <span class="link__title"> <span class="link__title-wrap">To mě zajímá</span> </span> </a> </div> <div class="s-link-navigation__content"> <header class="base-header"> <div class="base-header__heading-wrapper"> <h2 class="base-header__heading base-h2"></h2> </div> </header> <div class="g-link-navigation"> <div class="g-link-navigation__item"> <a class="link --primary" 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="#"> <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="#"> <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="#"> <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="#"> <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="#"> <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="#"> <span class="link__title"> <span class="link__title-wrap">reality Strakonice</span> </span> </a> </div> </div> </div> </div> </section>
with SEO BOX (centered header) and no perex
-
-
{% include "@Components/sections/link-navigation-section/link-navigation-section.twig" with { props: { seo_box: { id: 'seo_box_hp_bottom', bait: { classes: ['centered'], text: 'Proč hledat nemovitosti & inzerovat na portálu www.ceskereality.cz?', button_label: 'Více informací' }, content: { html: '<h2>Jak najít ideální inzerát bytu v Českých Budějovicích?</h2><p>test</p>', } }, title: "Hledáte reality?", 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"> <article class="seo-box"> <header class="centered"> <p> Proč hledat nemovitosti & inzerovat na portálu www.ceskereality.cz? <a class="link --primary" href="#" data-toggle-target='seo-box-seo_box_hp_bottom'> <span class="link__title"> <span class="link__title-wrap">Více informací</span> </span> </a> </p> </header> <main data-toggle-content="seo-box-seo_box_hp_bottom" class="seo-box-article js-toggle-hiden"> <h2>Jak najít ideální inzerát bytu v Českých Budějovicích?</h2><p>test</p> <a class="link --primary" href="#" data-toggle-target='seo-box-seo_box_hp_bottom'> <span class="link__title"> <span class="link__title-wrap">Skrýt</span> </span> </a> </main> </article> </div> <div class="s-link-navigation__content"> <header class="base-header"> <div class="base-header__heading-wrapper"> <h2 class="base-header__heading base-h2"></h2> </div> </header> <div class="g-link-navigation"> <div class="g-link-navigation__item"> <a class="link --primary" 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="#"> <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="#"> <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="#"> <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="#"> <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="#"> <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="#"> <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="#"> <span class="link__title"> <span class="link__title-wrap">reality Tábor</span> </span> </a> </div> </div> </div> </div> </section>
Schema
{
"props": {
"title": {
"type": "string",
"description": "Title of the component"
},
"perex": {
"type": "string",
"description": "Perex of the component"
},
"navigation": {
"type": "array",
"description": "Array of links",
"items": {
"type": "Object",
"description": "All props are documented by the component `link`."
}
},
// and aither...
"seo_box": {
"type": "Object",
"description": "Object documented by the component `Seo Box`."
},
// or
"perexSecond": "Proč hledat nemovitosti & inzerovat na portálu www.ceskereality.cz?",
"link": {
"type": "Object",
"description": "Object documented by the component `link`."
}
}
}