Skip to content
Snippets Groups Projects
Footer.vue 8.32 KiB
Newer Older
  • Learn to ignore specific revisions
  • <template>
      <footer class="SectionFooter Base-theme--dark u-print-hide">
        <div class="u-container">
          <div class="u-limitWidth-12 u-align-center">
            <div class="SectionFooter-content u-row u-marginTop--r4">
              <div class="SectionFooter-colLeft u-col u-marginBottom--r2">
    
                <img class="SectionFooter-logo u-marginBottom--r2" :src="$withBase('/img/itvsh-logo.svg')" alt="ITVSH Kommunale Digitalisierung" width="180" height="68"/>
    
                <p class="Base-p">
                  IT-Verbund Schleswig-Holstein (ITVSH)<br/>
                  Reventlouallee 6<br/>
                  24105 Kiel<br/>
                  <a class="Base-iconLink" href="tel:+494319888650">+49 (0) 431 / 988 8650</a><br/>
                  <a class="Base-iconLink" href="mailto:info@itvsh.de">info@itvsh.de</a><br/>
                </p>
              </div>
              <div class="SectionFooter-colMiddle u-col u-marginBottom--r2">
    
                <img class="SectionFooter-logo u-marginBottom--r2" :src="$withBase('/img/sh-logo.svg')" alt="Logo: Schleswig Holstein - Ministerium für Energiewende, Landwirtschaft, Umwelt, Natur und Digitalisierung" width="200" height="92" />
    
              </div>
              <div class="SectionFooter-colRight u-col u-stack--1 u-marginBottom--r2">
                <div class="Copyrights u-marginBottom--r2">
                  <div class="Copyrights-container">
                    <div class="Copyrights-icon">
    
                      <svg class="u-scalingInlineSVG" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 512 512" preserveAspectRatio="xMidYMin slice" style="padding-bottom: 100%;">
    
                          <path d="M278.471 160.114H233.53c-24.828 0-44.959 20.131-44.959 44.942v89.901h22.48v112.38h89.884v-112.38h22.48v-89.9c0-24.812-20.115-44.943-44.943-44.943m-22.48-11.248c18.621 0 33.728-15.09 33.728-33.694 0-18.62-15.107-33.711-33.727-33.711-18.62 0-33.711 15.09-33.711 33.71 0 18.605 15.09 33.695 33.71 33.695m0 316.599c-115.483 0-209.456-93.973-209.456-209.457 0-115.5 93.973-209.473 209.457-209.473 115.5 0 209.473 93.973 209.473 209.473 0 115.484-93.973 209.457-209.473 209.457m0-465.465C114.827 0 0 114.843 0 256.008 0 397.173 114.827 512 255.992 512S512 397.173 512 256.008 397.157 0 255.992 0" fill-rule="evenodd"/>
                      </svg>
                    </div>
                    <div class="Copyrights-icon">
    
                      <svg class="u-scalingInlineSVG" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 512 512" preserveAspectRatio="xMidYMin slice" style="padding-bottom: 100%;">
    
                        <path d="M256.008 46.535c-115.5 0-209.473 93.973-209.473 209.473 0 115.484 93.973 209.457 209.473 209.457 115.484 0 209.457-93.973 209.457-209.457 0-115.5-93.973-209.473-209.457-209.473zm0-46.535C397.173 0 512 114.843 512 256.008 512 397.173 397.173 512 256.008 512S0 397.173 0 256.008 114.843 0 256.008 0zm-67.646 172.597c-11.61 0-22.496 1.97-32.677 5.91-10.197 3.925-19.13 9.508-26.781 16.733-7.652 7.241-13.727 15.993-18.227 26.273-4.482 10.295-6.732 21.79-6.732 34.498 0 13.12 2.25 24.844 6.732 35.123 4.5 10.296 10.624 19.048 18.391 26.29 7.767 7.208 16.864 12.692 27.274 16.42 10.394 3.71 21.396 5.582 33.005 5.582 11.822 0 22.824-1.92 33.005-5.763 8.726-3.265 16.125-7.713 22.197-13.332l2.926-2.908-24.63-24.975c-3.712 4.614-8.654 8.112-14.779 10.509-6.125 2.414-12.266 3.629-18.39 3.629-7.455 0-13.958-1.478-19.54-4.45-5.584-2.94-10.247-6.83-13.958-11.658-3.744-4.812-6.535-10.23-8.39-16.256-1.856-6.01-2.792-12.086-2.792-18.21 0-6.125.886-12.217 2.627-18.243 1.757-6.01 4.433-11.429 8.062-16.256 3.613-4.812 8.145-8.687 13.63-11.659 5.467-2.955 11.822-4.417 19.047-4.417 6.338 0 12.578 1.462 18.719 4.417 5.104 2.477 9.147 5.421 12.13 8.87l1.663 2.132 26.929-23.629c-6.355-7.668-14.942-13.678-25.78-18.079-10.837-4.368-22.052-6.551-33.661-6.551zm160.258 0c-11.609 0-22.496 1.97-32.676 5.91-10.18 3.925-19.113 9.508-26.765 16.733-7.652 7.241-13.744 15.993-18.227 26.273-4.482 10.295-6.732 21.79-6.732 34.498 0 13.12 2.25 24.844 6.732 35.123 4.483 10.296 10.624 19.048 18.391 26.29 7.767 7.208 16.864 12.692 27.258 16.42 10.394 3.71 21.395 5.582 33.004 5.582 11.823 0 22.824-1.92 33.005-5.763 8.726-3.265 16.125-7.713 22.198-13.332l2.925-2.908-24.63-24.975c-3.711 4.614-8.654 8.112-14.779 10.509-6.124 2.414-12.266 3.629-18.39 3.629-7.455 0-13.958-1.478-19.54-4.45-5.583-2.94-10.247-6.83-13.958-11.658-3.727-4.812-6.518-10.23-8.374-16.256-1.855-6.01-2.791-12.086-2.791-18.21 0-6.125.886-12.217 2.627-18.243 1.74-6.01 4.433-11.429 8.046-16.256 3.612-4.812 8.144-8.687 13.629-11.659 5.468-2.955 11.822-4.417 19.047-4.417 6.338 0 12.578 1.462 18.72 4.417 5.103 2.477 9.147 5.421 12.13 8.87l1.662 2.132 26.93-23.629c-6.355-7.668-14.943-13.678-25.78-18.079-10.838-4.368-22.053-6.551-33.662-6.551z" fill-rule="evenodd"/>
                      </svg>
                    </div>
                    <div class="Copyrights-icon">
    
                      <svg class="u-scalingInlineSVG" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 512 512" preserveAspectRatio="xMidYMin slice" style="padding-bottom: 100%;">
    
                        <path d="M256.008 465.465c-115.5 0-209.473-93.973-209.473-209.457 0-29.819 6.371-58.16 17.652-83.858L295.039 305.4c.64 2.595 1.051 5.353 1.051 8.424 0 6.962-1.38 12.808-4.154 17.504-2.759 4.696-6.371 8.604-10.838 11.74-4.45 3.137-9.441 5.37-14.991 6.683-5.534 1.33-10.953 1.987-16.24 1.987-10.115 0-20.41-2.528-30.903-7.586-10.476-5.04-18.834-11.921-25.09-20.59l-32.529 30.344c10.132 12.036 23.137 21.133 39.015 27.274 10.657 4.121 21.494 6.732 32.463 8.079v41.297h46.551v-44.023c1.823-.444 3.728-.673 5.534-1.199 11.313-3.366 21.182-8.423 29.606-15.172 8.44-6.732 15.172-15.222 20.246-25.452 2.085-4.203 3.629-8.784 4.844-13.58l84.778 48.95c-38.178 51.658-99.343 85.385-168.374 85.385m0-418.93c115.484 0 209.457 93.973 209.457 209.473 0 29.836-6.355 58.144-17.635 83.858L222.823 209.95c-.115-.18-.296-.344-.427-.541-2.397-4.09-3.613-9.032-3.613-14.812 0-6.256 1.38-11.609 4.155-16.075 2.775-4.45 6.322-8.062 10.673-10.837 4.319-2.759 9.13-4.811 14.45-6.142 5.287-1.313 10.59-1.986 15.878-1.986 8.916 0 17.767 2.118 26.568 6.321 8.785 4.22 15.583 9.458 20.41 15.715l29.606-32.512c-9.868-9.147-21.477-16.01-34.86-20.575-8.85-3.038-17.602-4.696-26.289-5.714V81.46h-46.551v44.499c-.28.082-.558.098-.854.18-11.199 3.022-21.182 7.587-29.967 13.728-8.801 6.14-15.911 13.924-21.33 23.3-3.185 5.55-5.32 11.823-6.634 18.637L87.651 131.92c38.177-51.674 99.326-85.385 168.357-85.385m0-46.535C114.843 0 0 114.843 0 256.008 0 397.173 114.843 512 256.008 512 397.173 512 512 397.173 512 256.008S397.173 0 256.008 0" fill-rule="evenodd"/>
    
                      </svg>
                    </div>
                    <div class="Copyrights-icon">
    
                      <svg class="u-scalingInlineSVG" focusable="false" aria-hidden="true" xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 512 512" preserveAspectRatio="xMidYMin slice" style="padding-bottom: 100%;">
    
                        <path d="M255.992 116.37c-43.021 0-82.791 20.082-108.85 52.512l-4.516-10.952c-4.893-11.839-18.44-17.52-30.41-12.594-11.872 4.91-17.504 18.522-12.594 30.394l29.802 72.085 83.727-14.303c12.677-2.167 21.199-14.187 19.031-26.863-2.167-12.66-14.236-21.166-26.863-19.031l-14.877 2.545c17.11-16.995 40.492-27.258 65.55-27.258 51.33 0 93.103 41.773 93.103 93.103 0 51.33-41.773 93.087-93.103 93.087-36.076 0-69.228-21.15-84.433-53.859-5.419-11.658-19.261-16.7-30.903-11.297-11.658 5.419-16.716 19.261-11.297 30.92 22.808 49.063 72.512 80.77 126.633 80.77 76.994 0 139.638-62.643 139.638-139.62 0-77.012-62.644-139.639-139.638-139.639m0 349.095c-115.484 0-209.457-93.973-209.457-209.457 0-115.5 93.973-209.473 209.457-209.473 115.5 0 209.473 93.973 209.473 209.473 0 115.484-93.973 209.457-209.473 209.457m0-465.465C114.827 0 0 114.843 0 256.008 0 397.173 114.827 512 255.992 512S512 397.173 512 256.008 397.157 0 255.992 0" fill-rule="evenodd"/>
                      </svg>
                    </div>
                  </div>
                  <div class="Copyrights-content u-stack--1">
                    <p class="Base-p">Veröffentlichung der Texte und Grafiken unter CC-Lizenz:</p>
                    <p class="Base-p">CC BY-NC-SA –</p>
                    <p class="Base-p">Namensnennung-NichtKommerziell-Weitergabe unter gleichen Bedingungen</p>
                  </div>
                </div>
              </div>
            </div>
          </div>
        </div>
      </footer>
    </template>
    
    <script>
    export default {
    name: "Footer"
    }
    </script>