•         {% include "@Components/footer/footer.twig" with {
      props : {
      columns: [{
        title: "Služby",
        nav: [
        {
          title: "Inzerce pro RK ",
          href: "#"
        },{
          title: "Registrovat RK ",
          href: "#"
        },
        {
          title: "Ceník inzerce ",
          href: "#"
    
        },{
          title: "Všeobecné podmínky",
          href: "#"
        },
        {
          title: "Ochrana osobních údajů ",
          href: "#"
        },{
          title: "Exportní programy",
          href: "#"
        },{
          title: "Topování",
          href: "#"
        },{
          title: "Pravidla inzerce ",
          href: "#"
        },{
          title: "Soukromá inzerce ",
          href: "#"
        },{
          title: "Realitní hlídač",
          href: "#"
        },{
          title: "Vzory smluv",
          href: "#"
        },{
          title: "Nacenění nemovitosti ",
          href: "#"
        },{
          title: "Nahlásit chybu",
          href: "#"
        }
      ]
      },
      {
        title: "Českereality.cz",
        nav: [
        {
          title: "Katalog RK",
          href: "#"
        },{
          title: "Články",
          href: "#"
        },
        {
          title: "Byty",
          href: "#"
        },{
          title: "Domy",
          href: "#"
        },
        {
          title: "Pozemky",
          href: "#"
        },{
          title: "Rekreační objekty",
          href: "#"
        },{
          title: " Komerční prostory",
          href: "#"
        },{
          title: "Zahraniční",
          href: "#"
        },{
          title: "Ostatní",
          href: "#"
        },{
          title: "Reference",
          href: "#"
        }
      ],
        socials:[
          {
            custom:{
              url: "https://www.facebook.com/ceskereality.cz",
              ico: {
                src: "svg/social-plus.svg"
                }
            },
            title: "ČESKÉREALITY.cz PLUS",
            blank: true,
          }
        ]
      },
      {
        title: "Provozovatel",
        info: "Adresa <br> Český internet s.r.o. <br> Kostelní 942/46 <br> 370 04 České Budějovice <br> www.ceskyinternet.cz",
        subtitle: "Buďte ve spojení",
        socials:[
          {
          facebook: "https://www.facebook.com/ceskereality.cz",
          blank: true
          },{
          twitter: "https://twitter.com/ceske_reality?lang=cs",
          blank: true
          },{
          email:"ceskereality@gmail.com"
          },{
          android_app:"https://play.google.com/store/apps/details?id=cz.agentes.ceskereality",
          blank: true
          }
          ]
      }
      ],
      copy: "ČESKÝ INTERNET s.r.o. &#169; 1999 - 2021. Připomínky a návrhy zasílejte na info@ceskyinternet.cz. Publikování nebo šíření obsahu je bez písemného souhlasu provozovatele zakázáno.",
      signiture: {
        url: "#",
        img: {
          src:"images/content/signature-logo.png",
          alt:""
        }
      }}
    } %}
    
          
  •           
    <footer class="footer">
      <div class="footer__top">
        <div class="container">
          <div class="footer__top-content">
                      <div class="footer-column">
          <h2 class="base-h2 footer-column__heading">Služby</h2>
      
          <ul class="g-footer-nav">
          <li>
    
          <a class="link --light-gray" href="#" href="#">
      <span class="link__title">
        <span class="link__title-wrap">Inzerce pro RK </span>
      </span>
    
      </a>
    
        </li>
          <li>
    
          <a class="link --light-gray" href="#" href="#">
      <span class="link__title">
        <span class="link__title-wrap">Registrovat RK </span>
      </span>
    
      </a>
    
        </li>
          <li>
    
          <a class="link --light-gray" href="#" href="#">
      <span class="link__title">
        <span class="link__title-wrap">Ceník inzerce </span>
      </span>
    
      </a>
    
        </li>
          <li>
    
          <a class="link --light-gray" href="#" href="#">
      <span class="link__title">
        <span class="link__title-wrap">Všeobecné podmínky</span>
      </span>
    
      </a>
    
        </li>
          <li>
    
          <a class="link --light-gray" href="#" href="#">
      <span class="link__title">
        <span class="link__title-wrap">Ochrana osobních údajů </span>
      </span>
    
      </a>
    
        </li>
          <li>
    
          <a class="link --light-gray" href="#" href="#">
      <span class="link__title">
        <span class="link__title-wrap">Exportní programy</span>
      </span>
    
      </a>
    
        </li>
          <li>
    
          <a class="link --light-gray" href="#" href="#">
      <span class="link__title">
        <span class="link__title-wrap">Topování</span>
      </span>
    
      </a>
    
        </li>
          <li>
    
          <a class="link --light-gray" href="#" href="#">
      <span class="link__title">
        <span class="link__title-wrap">Pravidla inzerce </span>
      </span>
    
      </a>
    
        </li>
          <li>
    
          <a class="link --light-gray" href="#" href="#">
      <span class="link__title">
        <span class="link__title-wrap">Soukromá inzerce </span>
      </span>
    
      </a>
    
        </li>
          <li>
    
          <a class="link --light-gray" href="#" href="#">
      <span class="link__title">
        <span class="link__title-wrap">Realitní hlídač</span>
      </span>
    
      </a>
    
        </li>
          <li>
    
          <a class="link --light-gray" href="#" href="#">
      <span class="link__title">
        <span class="link__title-wrap">Vzory smluv</span>
      </span>
    
      </a>
    
        </li>
          <li>
    
          <a class="link --light-gray" href="#" href="#">
      <span class="link__title">
        <span class="link__title-wrap">Nacenění nemovitosti </span>
      </span>
    
      </a>
    
        </li>
          <li>
    
          <a class="link --light-gray" href="#" href="#">
      <span class="link__title">
        <span class="link__title-wrap">Nahlásit chybu</span>
      </span>
    
      </a>
    
        </li>
      </ul>
      
      
      
      </div>
                      <div class="footer-column">
          <h2 class="base-h2 footer-column__heading">Českereality.cz</h2>
      
          <ul class="g-footer-nav">
          <li>
    
          <a class="link --light-gray" href="#" href="#">
      <span class="link__title">
        <span class="link__title-wrap">Katalog RK</span>
      </span>
    
      </a>
    
        </li>
          <li>
    
          <a class="link --light-gray" href="#" href="#">
      <span class="link__title">
        <span class="link__title-wrap">Články</span>
      </span>
    
      </a>
    
        </li>
          <li>
    
          <a class="link --light-gray" href="#" href="#">
      <span class="link__title">
        <span class="link__title-wrap">Byty</span>
      </span>
    
      </a>
    
        </li>
          <li>
    
          <a class="link --light-gray" href="#" href="#">
      <span class="link__title">
        <span class="link__title-wrap">Domy</span>
      </span>
    
      </a>
    
        </li>
          <li>
    
          <a class="link --light-gray" href="#" href="#">
      <span class="link__title">
        <span class="link__title-wrap">Pozemky</span>
      </span>
    
      </a>
    
        </li>
          <li>
    
          <a class="link --light-gray" href="#" href="#">
      <span class="link__title">
        <span class="link__title-wrap">Rekreační objekty</span>
      </span>
    
      </a>
    
        </li>
          <li>
    
          <a class="link --light-gray" href="#" href="#">
      <span class="link__title">
        <span class="link__title-wrap"> Komerční prostory</span>
      </span>
    
      </a>
    
        </li>
          <li>
    
          <a class="link --light-gray" href="#" href="#">
      <span class="link__title">
        <span class="link__title-wrap">Zahraniční</span>
      </span>
    
      </a>
    
        </li>
          <li>
    
          <a class="link --light-gray" href="#" href="#">
      <span class="link__title">
        <span class="link__title-wrap">Ostatní</span>
      </span>
    
      </a>
    
        </li>
          <li>
    
          <a class="link --light-gray" href="#" href="#">
      <span class="link__title">
        <span class="link__title-wrap">Reference</span>
      </span>
    
      </a>
    
        </li>
      </ul>
      
      
      
          <ul class="footer-social-group">
          <li>
                <a class="footer-social" href="https://www.facebook.com/ceskereality.cz" target="_blank">
      <span class="icon  --xl">
      <svg xmlns="http://www.w3.org/2000/svg" width="34.5" height="34.5" viewBox="0 0 34.5 34.5">
      <g id="Group_9" data-name="Group 9" transform="translate(-739.25 -2797.25)">
        <g id="Group" transform="translate(740 2798.25)">
          <g id="Group-2" data-name="Group" transform="translate(0 0)">
            <circle id="Oval" cx="16.5" cy="16.5" r="16.5" transform="translate(0 -0.25)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
          </g>
        </g>
        <path id="Path_17" data-name="Path 17" d="M0,0V12" transform="translate(756.5 2808.5)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="1.5"/>
        <path id="Path_18" data-name="Path 18" d="M0,0V12" transform="translate(750.5 2814.5) rotate(-90)" fill="none" stroke="#fff" stroke-linecap="round" stroke-width="1.5"/>
      </g>
    </svg>
    
      </span>
    
          <span>
          ČESKÉREALITY.cz PLUS
        </span>
      </a>
        </li>
      </ul>
      </div>
                      <div class="footer-column">
          <h2 class="base-h2 footer-column__heading">Provozovatel</h2>
      
      
          <p class="footer-column__perex">Adresa <br> Český internet s.r.o. <br> Kostelní 942/46 <br> 370 04 České Budějovice <br> www.ceskyinternet.cz</p>
      
          <h3 class="base-h2 footer-column__subheading">Buďte ve spojení</h3>
      
          <ul class="footer-social-group">
          <li>
            
        <a class="footer-social" href="https://www.facebook.com/ceskereality.cz" target="_blank">
      <span class="icon  --xl">
      <svg xmlns="http://www.w3.org/2000/svg" width="34.5" height="34.5" viewBox="0 0 34.5 34.5">
      <g id="Group" transform="translate(0.75 1)">
        <g id="Group-2" data-name="Group" transform="translate(0 0)">
          <path id="Path" d="M0,.5H7.583" transform="translate(12.583 14.752)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
          <path id="Path-2" data-name="Path" d="M5.055,0H3.729A3.73,3.73,0,0,0,0,3.729V14.885" transform="translate(15.113 8.933)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
          <circle id="Oval" cx="16.5" cy="16.5" r="16.5" transform="translate(0 -0.25)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
        </g>
      </g>
    </svg>
    
      </span>
    
      </a>
        </li>
          <li>
                <a class="footer-social" href="https://twitter.com/ceske_reality?lang=cs" target="_blank">
      <span class="icon  --xl">
      <svg xmlns="http://www.w3.org/2000/svg" width="34.5" height="34.5" viewBox="0 0 34.5 34.5">
      <g id="Group" transform="translate(1.151 1)">
        <g id="Group-2" data-name="Group" transform="translate(0 0)">
          <circle id="Oval" cx="16.5" cy="16.5" r="16.5" transform="translate(-0.401 -0.25)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
          <path id="Shape" d="M6.878,16.7c-4.007,0-5.6-2.179-6.878-3.929.029-.006,2.453-.817,2.938-.98l.009,0-.059-.059-.161-.171A9.08,9.08,0,0,1,1.965,0a9.883,9.883,0,0,0,5.9,4.912,5.237,5.237,0,0,1,1.407-3.52A4.775,4.775,0,0,1,12.773,0,4.3,4.3,0,0,1,16.7,1.965H19.65L17.685,4.912a12.561,12.561,0,0,1-2.825,8.474A10.274,10.274,0,0,1,6.878,16.7Z" transform="translate(7.369 9.388)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
        </g>
      </g>
    </svg>
    
      </span>
    
      </a>
        </li>
          <li>
              <a class="footer-social" href="mailto:ceskereality@gmail.com">
      <span class="icon  --xl">
      <svg xmlns="http://www.w3.org/2000/svg" width="34.5" height="34.5" viewBox="0 0 34.5 34.5">
      <g id="Group" transform="translate(0.75 0.75)">
        <g id="Group-2" data-name="Group" transform="translate(-0.199 0.25)">
          <circle id="Oval" cx="16.5" cy="16.5" r="16.5" transform="translate(0.199 -0.25)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
          <path id="Path" d="M14.887,14.887H3.722A3.721,3.721,0,0,1,0,11.165V3.722A3.721,3.721,0,0,1,3.722,0H14.887a3.721,3.721,0,0,1,3.722,3.722v7.443a3.721,3.721,0,0,1-3.722,3.722Z" transform="translate(7.071 8.931)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
          <path id="Path-2" data-name="Path" d="M16.428,0,10.541,5.887h0a3.291,3.291,0,0,1-4.652,0h0L0,0" transform="translate(8.161 10.022)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
          <path id="Path-3" data-name="Path" d="M6.308,0,0,6.308" transform="translate(7.742 15.91)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
          <path id="Path-4" data-name="Path" d="M0,0,6.308,6.308" transform="translate(18.7 15.91)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
        </g>
      </g>
    </svg>
    
      </span>
    
      </a>
        </li>
          <li>
                <a class="footer-social" href="https://play.google.com/store/apps/details?id=cz.agentes.ceskereality" target="_blank">
      <span class="icon  --xl">
      <svg xmlns="http://www.w3.org/2000/svg" width="34.25" height="34.249" viewBox="0 0 34.25 34.249">
      <g id="Group" transform="translate(0.75 0.75)">
        <g id="Group-2" data-name="Group" transform="translate(0 0)">
          <path id="Path" d="M27.954,4.8A16.375,16.375,0,1,1,4.8,4.8a16.376,16.376,0,0,1,23.158,0" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
          <path id="Path-2" data-name="Path" d="M0,1.406V16.182A1.4,1.4,0,0,0,2.1,17.4l13-7.387a1.4,1.4,0,0,0,0-2.44L2.1.185A1.4,1.4,0,0,0,0,1.406Z" transform="translate(10.426 7.582)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
          <path id="Path-3" data-name="Path" d="M0,12.085,10.218,0" transform="translate(10.742 12.559)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
          <path id="Path-4" data-name="Path" d="M0,0,10.218,12.085" transform="translate(10.742 8.105)" fill="none" stroke="#fff" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.5"/>
        </g>
      </g>
    </svg>
    
      </span>
    
      </a>
        </li>
      </ul>
      </div>
                  </div>
        </div>
      </div>
    
      <div class="footer__bottom">
        <div class="container">
          <div class="footer__bottom-content">
    
            <div class="footer__copy">ČESKÝ INTERNET s.r.o. &#169; 1999 - 2021. Připomínky a návrhy zasílejte na info@ceskyinternet.cz. Publikování nebo šíření obsahu je bez písemného souhlasu provozovatele zakázáno.</div>
    
            <div class="footer__signiture">
              <a href="#">
                <div class="img">
      <picture>
        
        <img src="images/content/signature-logo.png" alt="" loading="lazy" draggable="false">
      </picture>
    </div>
              </a>
            </div>
    
          </div>
        </div>
      </div>
    </footer>
    
            

Schema

    {
  "props": {
    "columns": {
      "type": "array of objects",
      "description": "All props are documented by the component `footer-columns`."
    },
    "copy": {
      "type": "string",
      "description": "Text of copywrite"
    },
    "signiture": {
      "url": {
        "type": "string",
        "description": "Url address"
      },
      "img": {
        "src": {
          "type": "string",
          "description": "Path to img"
        }
      }
    }
  }
}