mypage: Brand Banner

<div class="brand-banner">
    <div class="brand-banner__heading">
        <h6 class="brand-banner__title">You can log in to the following AlphaTheta websites with a single account.</h6>
    </div>
    <div class="brand-banner__content">
        <div class="brand-banner__item">
            <div class="brand-banner__visual">
                <a target="_blank" href="https://www.pioneerdj.com/">
                    <svg xmlns="http://www.w3.org/2000/svg" width="174" height="24" viewbox="0 0 174 24" fill="none">
                        <path fill="currentColor" d="M21.902 6.728c-.487 1.324-3.524 2.705-11.007 1.067l.97 4.292c7.476 1.318 11.91.234 14.442-2.346 1.88-1.911 2.244-4.394.705-6.283C25.385 1.455 21.773 0 17.215 0 10.695 0 6.05 1.832 3.471 8.72L0 17.982h6.067l3.448-9.365c1.421-3.852 4.393-4.491 7.7-4.491 3.454-.006 5.128 1.381 4.687 2.602Zm60.086 4.063-.235-.097a12.008 12.008 0 0 1 4.294-.81 10.093 10.093 0 0 1 3.7.61c.206.115.388.286.288.503-.364.793-5.78.759-8.047-.206Zm11.09-2.168a15.777 15.777 0 0 0-6.11-1.433c-4.798-.188-10.266 1.399-11.353 5.154-.628 2.168 1.528 5.084 7.142 5.912 3.507.468 7.078.222 10.485-.72l1.198-3.206c-6.514 2.174-15.03 1.54-14.743-1.713 3.154 1.964 7.754 1.775 11.16 1.233 5.88-.93 5.797-3.367 2.22-5.227Zm9.943 2.168-.235-.097a12.01 12.01 0 0 1 4.294-.81 10.076 10.076 0 0 1 3.7.61c.2.115.388.286.288.503-.364.793-5.78.759-8.047-.206Zm11.083-2.168a15.798 15.798 0 0 0-6.114-1.433c-4.793-.188-10.267 1.399-11.353 5.154-.629 2.168 1.527 5.084 7.142 5.912 3.506.468 7.077.222 10.484-.72l1.204-3.206c-6.514 2.174-15.036 1.54-14.742-1.713 3.148 1.964 7.753 1.775 11.153 1.233 5.891-.93 5.809-3.367 2.226-5.227Zm4.429 2.756-2.408 6.591h5.556l1.85-5.073c.458-1.284.84-2.248 2.467-2.248h3.9l1.099-3.042h-7.19c-2.449-.086-4.634 1.478-5.274 3.772Zm-93.071 6.597h5.756l3.888-10.363H29.35l-3.888 10.363Zm37.326-5.575c.634-1.341 2.05-2.169 3.57-2.083 1.404 0 2.75.799 2.233 2.191l-2.05 5.467h5.556l2.085-5.552c1.08-2.888-1.263-5.28-6.508-5.28-5.838 0-9.15 1.856-10.425 5.251l-2.097 5.581h5.55l2.086-5.575Zm-17.14-1.98c2.25.09 4.053 1.192 3.736 2.613-.311 1.37-2.496 2.311-4.769 2.214-2.25-.09-4.053-1.192-3.736-2.619.312-1.364 2.503-2.306 4.77-2.208Zm.788-3.225c-5.785-.24-10.943 2.169-11.636 5.239-.68 3.019 3.225 5.798 9.034 6.032 5.785.24 10.942-2.169 11.635-5.239.682-3.013-3.224-5.786-9.033-6.032Z" />
                        <path fill="#000" d="M161.155 3.395c-2.267-1.695-5.503-1.843-9.339-1.843h-7.588l-6.144 16.418h8.64c3.641.154 7.26-.628 10.484-2.271 2.567-1.279 4.581-3.396 5.686-5.98 1.045-2.25.317-4.892-1.739-6.324Zm-4.599 6.198a7.774 7.774 0 0 1-2.796 3.715 13.706 13.706 0 0 1-7.688 2.117s-1.175-.063-.699-1.341c3.606-9.667 3.289-8.766 3.524-9.28.229-.479.746-.77 1.292-.718l1.075-.023c2.209 0 3.73.131 4.734 1.278a4.65 4.65 0 0 1 .558 4.252ZM174 7.598h-8.605l-.851 2.27h1.632c1.081 0 .623 1.296.623 1.296l-2.684 7.15c-.206.549-1.345 3.436-8 3.128L155.158 24h4.493c5.891 0 8.804-1.518 10.179-5.205L174 7.598Z" />
                    </svg>
                </a>
            </div>
            <div class="brand-banner__info desktop">
                <a target="_blank" href="https://www.pioneerdj.com/">pioneerdj.com</a>
                <p>Products, news and support.</p>
            </div>
        </div>
        <div class="brand-banner__item">
            <div class="brand-banner__visual">
                <a target="_blank" href="https://rekordbox.com/">
                    <svg xmlns="http://www.w3.org/2000/svg" width="176" height="24" viewbox="0 0 176 24" fill="none">
                        <path fill="currentColor" d="M17.72 10.03c1.259 3.638-.72 7.589-4.411 8.83a8.121 8.121 0 0 1-.903.238v4.903l8.718-4.96c.558-.317.903-.906.903-1.541V7.58l-4.308 2.449ZM5.716 7.655c2.571-2.885 7.028-3.174 9.956-.64.23.198.448.413.65.64h.005L20.64 5.2 11.922.24a1.831 1.831 0 0 0-1.806 0l-8.724 4.96 4.313 2.454h.011ZM3.94 12.263c0-.76.126-1.514.373-2.228L0 7.581V17.5c0 .635.345 1.224.903 1.541l8.718 4.96v-4.903c-3.3-.652-5.682-3.514-5.682-6.835ZM14.556 12.268c0 1.927-1.587 3.491-3.543 3.491-1.955 0-3.542-1.564-3.542-3.491s1.587-3.492 3.542-3.492c1.961 0 3.543 1.565 3.543 3.492ZM119.745 19.518l-6.257-.012h-3.128a22.92 22.92 0 0 1-3.629-.289 3.671 3.671 0 0 1-2.301-1.377 4.721 4.721 0 0 1-.983-2.46 32.31 32.31 0 0 1 0-6.235c.092-1.865 1.438-3.435 3.284-3.843a22.862 22.862 0 0 1 3.629-.29h5.664V.27h3.721v19.249Zm-8.281-11.609c-3.963 0-4.463.488-4.463 4.348s.5 4.347 4.463 4.347h4.566V7.91h-4.566ZM122.84 19.518V.268h3.715v4.745h5.665c1.213 0 2.427.096 3.629.289 1.846.408 3.186 1.978 3.284 3.837a32.31 32.31 0 0 1 0 6.235c-.098 1.86-1.444 3.43-3.284 3.838-1.196.192-2.41.289-3.629.289l-9.38.017Zm3.715-11.609v8.695h4.566c3.957 0 4.457-.487 4.463-4.347.006-3.86-.5-4.348-4.463-4.348h-4.566ZM81.316 19.578c-1.415 0-2.824-.096-4.221-.294-2.013-.267-3.589-1.848-3.824-3.837a29.03 29.03 0 0 1 0-6.4c.235-1.989 1.805-3.57 3.824-3.837a30.52 30.52 0 0 1 8.442 0c2.013.267 3.588 1.848 3.824 3.837a29.043 29.043 0 0 1 0 6.4c-.236 1.989-1.811 3.57-3.824 3.837a30.89 30.89 0 0 1-4.221.294Zm0-11.772c-.518 0-1.047.017-1.57.046l-.173.01h-.011a3.252 3.252 0 0 0-1.53.33 1.932 1.932 0 0 0-1.104 1.694 26.578 26.578 0 0 0-.046 4.132c-.011.476.092.947.288 1.377a1.981 1.981 0 0 0 1.8 1.168 27.144 27.144 0 0 0 3.91.057l.184-.012a3.257 3.257 0 0 0 1.53-.334 1.915 1.915 0 0 0 1.104-1.695c.115-1.315.138-2.63.058-3.95-.012-.063-.012-.125-.012-.187a3.074 3.074 0 0 0-.287-1.378 1.987 1.987 0 0 0-1.8-1.167 32.307 32.307 0 0 0-2.341-.09ZM149.697 19.578a30 30 0 0 1-4.221-.294c-2.013-.267-3.589-1.848-3.825-3.837a29.13 29.13 0 0 1 0-6.4c.236-1.989 1.812-3.57 3.825-3.837 2.8-.39 5.647-.39 8.448 0 2.012.267 3.588 1.848 3.824 3.837a29.006 29.006 0 0 1 0 6.4c-.236 1.989-1.812 3.57-3.824 3.837a31.057 31.057 0 0 1-4.227.294Zm0-11.772c-.518 0-1.047.017-1.57.046l-.178.01a3.25 3.25 0 0 0-1.53.33 1.93 1.93 0 0 0-1.104 1.694 26.646 26.646 0 0 0-.046 4.138c-.012.47.086.94.287 1.366a1.988 1.988 0 0 0 1.8 1.167 27.144 27.144 0 0 0 3.911.057l.178-.011a3.194 3.194 0 0 0 1.535-.335 1.933 1.933 0 0 0 1.105-1.694c.115-1.315.138-2.63.057-3.95 0-.063-.006-.131-.011-.194.011-.47-.092-.94-.288-1.366a1.987 1.987 0 0 0-1.8-1.167 32.59 32.59 0 0 0-2.346-.09ZM97.879 8.006c-.294.04-.57.13-.829.272a2.89 2.89 0 0 0-.488.34 1.76 1.76 0 0 0-.449.63c-.115.311-.178.64-.19.974-.063.714-.046 1.423-.046 2.137V19.5H92.1v-7.254c0-1.043.058-2.08.173-3.118.034-.515.19-1.02.442-1.473.23-.448.541-.856.915-1.202.385-.357.828-.64 1.311-.844a7.042 7.042 0 0 1 1.869-.425 16.11 16.11 0 0 1 1.57-.114c1.047-.04 3.588-.09 3.588-.09v2.907a37.847 37.847 0 0 0-4.088.12ZM34.341 8.006c-.293.04-.57.13-.828.272a2.63 2.63 0 0 0-.483.34 1.761 1.761 0 0 0-.449.63c-.115.311-.178.64-.19.974-.063.714-.045 1.423-.045 2.137V19.5h-3.779v-7.254c0-1.043.058-2.08.173-3.118.034-.515.19-1.02.443-1.473.23-.448.54-.856.914-1.202.385-.357.828-.64 1.311-.844a7.04 7.04 0 0 1 1.87-.425c.523-.068 1.04-.097 1.57-.114 1.046-.04 3.588-.09 3.588-.09v2.907a37.91 37.91 0 0 0-4.095.12ZM65.253 12.25l7.476-7.255h-4.106L63.148 10.8h-.39V4.995h-3.739V19.5h3.738v-5.81h.385l5.487 5.81h4.106l-7.482-7.249ZM176 4.995h-4.106l-4.71 5.05-4.71-5.05h-4.112l6.763 7.255-6.763 7.255h4.106l4.71-5.05 4.71 5.05h4.106l-6.763-7.255L176 4.995ZM56.039 15.235h-3.727a6.226 6.226 0 0 1-.092.306 1.295 1.295 0 0 1-1.248.963c-1.99.216-3.99.216-5.98 0a1.47 1.47 0 0 1-1.317-1.275 28.615 28.615 0 0 1-.161-2.33H56.2v-.43a28.477 28.477 0 0 0-.173-3.43c-.235-1.989-1.811-3.57-3.824-3.837a30.52 30.52 0 0 0-8.442 0c-2.013.267-3.589 1.848-3.824 3.838a29.758 29.758 0 0 0 0 6.399c.236 1.99 1.811 3.57 3.824 3.837 2.8.39 5.642.39 8.442 0a4.457 4.457 0 0 0 2.024-.805 4.345 4.345 0 0 0 1.11-1.15c.098-.148.19-.307.27-.465.116-.233.213-.47.277-.72.063-.25.115-.499.143-.754a.428.428 0 0 0 .012-.147ZM43.675 9.244a1.48 1.48 0 0 1 1.317-1.276 27.053 27.053 0 0 1 5.98 0c.69.068 1.237.596 1.317 1.276.058.493.104.98.127 1.473h-8.88c.035-.493.075-.98.139-1.473Z" />
                    </svg>
                </a>
            </div>
            <div class="brand-banner__info desktop">
                <a target="_blank" href="https://rekordbox.com/">rekordbox.com</a>
                <p>DJ Software.</p>
            </div>
        </div>
        <div class="brand-banner__item">
            <div class="brand-banner__visual">
                <a target="_blank" href="https://forums.pioneerdj.com/">
                    <svg xmlns="http://www.w3.org/2000/svg" width="95" height="23" viewbox="0 0 95 23" fill="none">
                        <path fill="currentColor" d="M16.301 3.945H4.773v5.164h10.093v3.899H4.773v9.413H0V0h16.301v3.945ZM33.351 7.92c1.435 1.757 2.153 3.834 2.153 6.23 0 2.437-.718 4.524-2.153 6.26-1.435 1.727-3.613 2.59-6.536 2.59-2.922 0-5.1-.863-6.536-2.59-1.435-1.736-2.153-3.823-2.153-6.26 0-2.396.718-4.473 2.153-6.23 1.435-1.756 3.614-2.635 6.536-2.635 2.922 0 5.101.879 6.536 2.636ZM26.8 8.957c-1.3 0-2.304.452-3.011 1.356-.697.894-1.045 2.173-1.045 3.838 0 1.666.348 2.95 1.045 3.854.707.904 1.71 1.356 3.01 1.356 1.3 0 2.299-.452 2.996-1.356.696-.904 1.045-2.188 1.045-3.854 0-1.665-.349-2.944-1.045-3.838-.697-.904-1.695-1.356-2.995-1.356ZM47.25 9.825c-1.788 0-2.99.568-3.603 1.706-.343.64-.515 1.624-.515 2.954v7.936h-4.477V5.82h4.243v2.894c.687-1.107 1.284-1.864 1.794-2.27.832-.68 1.914-1.02 3.245-1.02.083 0 .15.005.203.015.062 0 .192.005.39.015v4.448a12.344 12.344 0 0 0-1.28-.076ZM62.054 20.076c-.041.05-.145.203-.312.456a3.078 3.078 0 0 1-.593.67c-.696.61-1.372 1.026-2.028 1.25-.644.223-1.403.335-2.277.335-2.517 0-4.212-.884-5.085-2.65-.49-.975-.733-2.412-.733-4.311V5.819h4.554v10.007c0 .944.115 1.655.344 2.132.405.843 1.2 1.265 2.386 1.265 1.519 0 2.559-.6 3.12-1.798.291-.65.437-1.508.437-2.574V5.819h4.508V22.42h-4.32v-2.345ZM80.227 10.388c-.374-.802-1.107-1.203-2.2-1.203-1.268 0-2.12.4-2.557 1.203-.24.457-.36 1.137-.36 2.041v9.992h-4.507V5.85h4.32v2.422c.552-.863 1.072-1.478 1.56-1.843.864-.65 1.982-.975 3.354-.975 1.3 0 2.35.28 3.151.838a4.878 4.878 0 0 1 1.467 1.995c.582-.975 1.305-1.69 2.168-2.148.915-.457 1.934-.685 3.058-.685.748 0 1.487.142 2.215.426.728.285 1.388.782 1.98 1.493.48.579.802 1.29.968 2.133.104.558.156 1.376.156 2.452l-.031 10.464h-4.555v-10.57c0-.63-.104-1.148-.312-1.554-.395-.772-1.123-1.158-2.184-1.158-1.227 0-2.075.498-2.543 1.493-.239.528-.359 1.162-.359 1.904v9.885H80.54v-9.885c0-.985-.104-1.701-.312-2.148Z" />
                    </svg>
                </a>
            </div>
            <div class="brand-banner__info desktop">
                <a target="_blank" href="https://forums.pioneerdj.com/">forums.pioneerdj.com</a>
                <p>Product owners community.</p>
            </div>
        </div>
    </div>
    <div class="brand-banner__close">
        <a href="#" class="brand-banner__close-btn">
            <svg class="icon-close" viewBox="0 0 12 14" version="1" xmlns="http://www.w3.org/2000/svg">
                <path fill="currentColor" d="M6.066 5.492L2.372.931A1 1 0 1 0 .818 2.19l3.848 4.752L.418 11.34a1 1 0 0 0 1.439 1.39v-.001l4.077-4.222 3.694 4.561a1 1 0 1 0 1.554-1.259L7.334 7.059l4.248-4.399a1 1 0 0 0-1.439-1.39v.001L6.066 5.492z" />
            </svg>

        </a>
    </div>
</div>