Footer

<footer class="site-footer bg-pink pt-5 pb-5">
    <div class="container-xxl pt-4 pb-4">
        <div class="row">
            <div class="col-lg-6 offset-lg-1">
                <a class="footer-logo mb-5" href="/"></a>
            </div>
            <div class="col-lg-4">
                <p>Deutsche Telekom Capital Partners Management <br />GmbH <br />Am Sandtorpark <br />2 20457 Hamburg <br />Germany</p>
                <nav class="social-nav pt-5">
                    <a class="icon icon-linkedin" href="/"></a>
                </nav>
                <div class="d-md-flex pt-5">
                    <a class="btn btn-secondary me-5 mb-4" target="" href="/">Careers</a>
                    <a class="btn btn-secondary me-5 mb-4" target="" href="/">Get in touch</a>
                </div>
            </div>
        </div>
        <div class="row pt-5">
            <div class="col-lg-10 offset-lg-1 d-flex flex-column-reverse flex-lg-row align-items-lg-center">
                <p class="small m-0 p-0 pe-5">&copy; T. Capital 2025</p>
                <nav class="footer-nav pt-4 pt-md-0">
                    <a class="pe-5 pb-4 pb-lg-0" href="/">Imprint</a>
                    <a class="pe-5 pb-4 pb-lg-0" href="/">Data privacy</a>
                </nav>
            </div>
        </div>
    </div>
</footer>
<footer class="site-footer bg-pink pt-5 pb-5">
    <div class="container-xxl pt-4 pb-4">
        <div class="row">
            <div class="col-lg-6 offset-lg-1">
                <a class="footer-logo mb-5" href="/"></a>
            </div>
            <div class="col-lg-4">
                <p>{{{ text }}}</p>
                {{#if social-links}}
                    <nav class="social-nav pt-5">
                        {{#each social-links}}
                            <a class="icon icon-{{ icon }}" href="{{ url }}"></a>
                        {{/each}}
                    </nav>
                {{/if}}
                {{#if buttons}}
                    <div class="d-md-flex pt-5">
                        {{#each buttons}}
                            <a class="{{ class }}" target="" href="{{ url }}">{{ text }}</a>
                        {{/each}}
                    </div>
                {{/if}}
            </div>
        </div>
        <div class="row pt-5">
            <div class="col-lg-10 offset-lg-1 d-flex flex-column-reverse flex-lg-row align-items-lg-center">
                <p class="small m-0 p-0 pe-5">{{{ legal-text }}}</p>
                {{#if footer-menu}}
                    <nav class="footer-nav pt-4 pt-md-0">
                        {{#each footer-menu}}
                            <a class="pe-5 pb-4 pb-lg-0" href="{{ url }}">{{ text }}</a>
                        {{/each}}
                    </nav>
                {{/if}}
            </div>
        </div>
    </div>
</footer>
{
  "text": "Deutsche Telekom Capital Partners Management <br/>GmbH <br/>Am Sandtorpark <br/>2 20457 Hamburg <br/>Germany",
  "social-links": [
    {
      "icon": "linkedin",
      "url": "/"
    }
  ],
  "buttons": [
    {
      "text": "Careers",
      "class": "btn btn-secondary me-5 mb-4",
      "url": "/"
    },
    {
      "text": "Get in touch",
      "class": "btn btn-secondary me-5 mb-4",
      "url": "/"
    }
  ],
  "legal-text": "&copy; T. Capital 2025",
  "footer-menu": [
    {
      "text": "Imprint",
      "url": "/"
    },
    {
      "text": "Data privacy",
      "url": "/"
    }
  ]
}
  • Content:
    //  header
    
    footer{
        &.site-footer{
            .footer-logo{
                display: block;
                aspect-ratio: 4/1;
                width: 160px;
                background-image: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' width='443.089mm' height='105.682mm' viewBox='0 0 1256 299.572'%3E%3Cg id='a' data-name='Wortmarke'%3E%3Cg%3E%3Cpath d='M413.185,30.42c42.313,0,74.765,27.679,80.809,72.537h-44.858c-4.772-21.952-19.407-31.179-35.951-31.179-29.269,0-45.495,24.18-45.495,69.992s16.226,69.992,45.495,69.992c16.544,0,31.179-9.227,35.951-31.179h44.858c-6.044,44.859-38.496,72.538-80.809,72.538-57.584,0-90.035-42.95-90.035-111.352s32.451-111.351,90.035-111.351Z' fill='%23ffffff'/%3E%3Cpath d='M652.474,216.853v28.952c-4.772,2.545-13.362,4.136-19.407,4.136-12.09,0-26.406-4.772-30.542-19.407h-1.591c-9.226,14.316-24.498,20.68-41.677,20.68-29.27,0-46.449-17.18-46.449-45.177,0-36.269,32.769-53.448,77.31-53.448h8.271v-6.045c0-14.953-6.681-23.861-21.952-23.861-11.771,0-18.134,6.999-20.043,16.544h-39.132c3.182-31.179,26.724-49.631,59.175-49.631,40.723,0,62.039,23.861,62.039,59.812v59.175c0,6.363,3.182,9.227,7.636,9.227,2.863,0,4.772-.318,6.363-.955Zm-82.4,3.818c18.134,0,28.315-14.953,28.315-33.087v-7.317h-8.271c-25.134,0-38.178,7.317-38.178,22.588,0,11.135,8.272,17.816,18.134,17.816Z' fill='%23ffffff'/%3E%3Cpath d='M817.275,171.359c0,49.631-20.998,81.764-58.539,81.764-18.771,0-31.815-8.591-39.45-20.68h-1.909v67.129h-41.041V94.685h38.496v19.726h1.909c7.636-14.316,20.998-24.815,41.996-24.815,37.541,0,58.539,31.814,58.539,81.764Zm-41.677,0c0-28.634-9.544-44.223-29.269-44.223s-29.27,15.907-29.27,44.223,9.544,44.222,29.27,44.222,29.269-15.589,29.269-44.222Z' fill='%23ffffff'/%3E%3Cpath d='M843.956,72.097V35.51h41.041v36.587h-41.041Zm0,175.935V94.685h41.041V248.031h-41.041Z' fill='%23ffffff'/%3E%3Cpath d='M934.037,202.855v-73.174h-26.088v-34.996h26.088v-24.814l33.405-30.86h7.636v55.675h39.132v34.996h-39.132v68.084c0,11.453,6.681,17.498,18.452,17.498,6.045,0,12.09-.955,17.498-2.228v32.133c-8.59,3.817-17.816,5.408-29.27,5.408-28.315,0-47.722-16.543-47.722-47.722Z' fill='%23ffffff'/%3E%3Cpath d='M1171.736,216.853v28.952c-4.772,2.545-13.362,4.136-19.407,4.136-12.089,0-26.406-4.772-30.542-19.407h-1.591c-9.226,14.316-24.497,20.68-41.677,20.68-29.27,0-46.449-17.18-46.449-45.177,0-36.269,32.769-53.448,77.31-53.448h8.271v-6.045c0-14.953-6.681-23.861-21.952-23.861-11.771,0-18.134,6.999-20.043,16.544h-39.132c3.182-31.179,26.725-49.631,59.175-49.631,40.723,0,62.039,23.861,62.039,59.812v59.175c0,6.363,3.181,9.227,7.635,9.227,2.863,0,4.772-.318,6.363-.955Zm-82.399,3.818c18.134,0,28.314-14.953,28.314-33.087v-7.317h-8.271c-25.134,0-38.178,7.317-38.178,22.588,0,11.135,8.271,17.816,18.135,17.816Z' fill='%23ffffff'/%3E%3Cpath d='M1234.684,204.127c0,7.317,3.818,11.453,9.863,11.453,3.817,0,7.953-.636,11.453-1.591v32.451c-5.409,2.228-13.044,4.136-21.316,4.136-26.724,0-41.04-15.271-41.04-40.086V35.51h41.04V204.127Z' fill='%23ffffff'/%3E%3C/g%3E%3C/g%3E%3Cg id='b' data-name='Telekom Logo'%3E%3Cpath d='M56.693,187.087H0v-56.693H56.693v56.693ZM0,0V96.378H17.008v-2.835c0-45.354,25.512-73.701,73.701-73.701h2.835V223.937c0,28.346-11.339,39.685-39.685,39.685h-8.504v19.843H192.756v-19.843h-8.504c-28.346,0-39.685-11.339-39.685-39.685V19.843s2.835,0,2.835,0c48.189,0,73.701,28.346,73.701,73.701v2.835h17.008V0H0ZM181.417,187.087h56.693v-56.693h-56.693v56.693Z' fill='%23ffffff'/%3E%3C/g%3E%3C/svg%3E");
                background-size: contain;
                background-repeat: no-repeat;
            }
            .social-nav{
                display: flex;
                a{
                    display: block;
                    width: 30px;
                    height: 30px;
                    background-repeat: no-repeat;
                    background-size: contain;
                }
            }
            .icon{
                &.icon-linkedin{
                    background-image: url("data:image/svg+xml,%3Csvg width='40' height='39' viewBox='0 0 40 39' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_2521_184)'%3E%3Cpath d='M36.3386 0.269165H3.66927C1.67057 0.269165 0.00390625 1.86101 0.00390625 3.76998V34.9726C0.00390625 36.8816 1.67057 38.4735 3.66927 38.4735H36.3386C38.3373 38.4735 40.0039 36.8816 40.0039 34.9726V3.76998C40.0039 1.86101 38.3373 0.269165 36.3386 0.269165ZM11.6706 32.1061H5.00391V14.5958H11.6706V32.1061ZM8.33724 12.5251C6.33854 12.5251 5.00391 11.2504 5.00391 9.65857C5.00391 7.91127 6.33854 6.63655 8.33724 6.63655C10.3359 6.63655 11.6706 7.91127 11.6706 9.50311C11.6706 11.2504 10.3359 12.5251 8.33724 12.5251ZM35.0039 32.1061H28.3373V22.555C28.3373 20.0056 26.5013 19.3713 26.0065 19.3713C25.5052 19.3713 23.3372 19.6884 23.3372 22.555C23.3372 22.8721 23.3372 32.1061 23.3372 32.1061H16.6706V14.5958H23.3372V17.1452C24.3399 15.7088 26.0065 14.5958 29.1706 14.5958C32.3347 14.5958 35.0039 16.9835 35.0039 22.555V32.1061Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_2521_184'%3E%3Crect width='40' height='38.2043' fill='white' transform='translate(0.00390625 0.269165)'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
                }
            }
            .footer-nav{
                display: flex;
                align-items: center;
                a{
                    display: block;
                    color: $white;
                    text-decoration: none;
                    font-size: 1.5rem;
                    &:hover{
                        text-decoration: underline;
                    }
                }
            }
        }
    }
  • URL: /components/raw/footer/footer.scss
  • Filesystem Path: src/components/01-global/footer/footer.scss
  • Size: 5.5 KB

No notes defined.