Shared Board Hero 

<div class="shared-board-hero " data-module="sharedBoardHero" data-preload="true">
    <div class="shared-board-hero__top-section">
        <div class="grid-container">
            <div class="grid-x">
                <div class="cell medium-7">
                    <div class="shared-board-hero__user-container">
                        <div class="shared-board-hero__user-icon">
                            <svg width="37" height="37" viewBox="0 0 37 37" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <circle cx="18.5" cy="18.5" r="17" fill="white" stroke="#C9C9C9" stroke-width="3" />
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M23 14C23 16.4862 20.9862 18.5 18.5 18.5C16.0138 18.5 14 16.4862 14 14C14 11.5138 16.0138 9.5 18.5 9.5C20.9862 9.5 23 11.5138 23 14ZM20.75 14C20.75 12.7625 19.7375 11.75 18.5 11.75C17.2625 11.75 16.25 12.7625 16.25 14C16.25 15.2375 17.2625 16.25 18.5 16.25C19.7375 16.25 20.75 15.2375 20.75 14ZM18.5 19.625C15.4963 19.625 9.5 21.1325 9.5 24.125V27.5H27.5V24.125C27.5 21.1325 21.5037 19.625 18.5 19.625ZM11.75 24.1362V25.25H25.25V24.125C25.025 23.3263 21.5375 21.875 18.5 21.875C15.4625 21.875 11.975 23.3263 11.75 24.1362Z" fill="#C9C9C9" />
                            </svg>
                        </div>
                        <div class="shared-board-hero__user-name">
                            <h4>Tom Good</h4>
                        </div>
                    </div>
                    <div class="shared-board-hero__board-name">
                        <h2>My Board</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="shared-board-hero__bottom-section">
        <div class="grid-container">
            <svg width="118" height="131" viewBox="0 0 118 131" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M61.9473 80.6014C65.9036 76.6233 71.0938 75 75.8324 75C80.3067 75 84.0696 76.691 86.836 78.6018C89.5302 76.6156 93.2671 75 98.1044 75C110.18 75 118.649 85.1176 117.961 98.0414C117.488 106.919 111.576 114.224 105.937 119.318C100.126 124.566 93.5271 128.439 89.6424 130.395C88.0648 131.189 86.2037 131.202 84.6157 130.43C80.7378 128.544 73.9995 124.88 68.082 119.695C62.2915 114.621 56.3558 107.266 56.0218 97.945C55.7568 90.5503 57.9177 84.6533 61.9473 80.6014Z" fill="#C9C9C9" />
                <path d="M2.97367 24.8007C4.95178 22.8117 7.54689 22 9.91618 22C12.1533 22 14.0348 22.8455 15.418 23.8009C16.7651 22.8078 18.6336 22 21.0522 22C27.0902 22 31.3244 27.0588 30.9805 33.5207C30.7442 37.9593 27.7881 41.612 24.9685 44.1589C22.0632 46.7831 18.7635 48.7195 16.8212 49.6975C16.0324 50.0947 15.1018 50.101 14.3079 49.7148C12.3689 48.7718 8.99976 46.94 6.04099 44.3473C3.14576 41.8104 0.177925 38.1329 0.0109026 33.4725C-0.121605 29.7751 0.958836 26.8266 2.97367 24.8007Z" fill="#C9C9C9" />
                <path d="M94.3022 2.20054C95.8336 0.637744 97.8428 0 99.677 0C101.409 0 102.866 0.66434 103.937 1.41501C104.979 0.634695 106.426 0 108.298 0C112.973 0 116.251 3.97475 115.985 9.052C115.802 12.5395 113.513 15.4095 111.33 17.4105C109.081 19.4725 106.527 20.9939 105.023 21.7623C104.412 22.0744 103.692 22.0794 103.077 21.7759C101.576 21.035 98.9676 19.5957 96.6769 17.5586C94.4354 15.5653 92.1377 12.6758 92.0084 9.0141C91.9059 6.10903 92.7423 3.79235 94.3022 2.20054Z" fill="#C9C9C9" />
            </svg>
            <div class="grid-x">
                <div class="celll medium-7 shared-board-hero__description">
                    <p><span>T</span>his is a ‘My Ireland’ collection of great ideas, places and things to do. Save items you like from this board to create your own collection.</p>
                </div>
            </div>
        </div>
    </div>
</div>
 
<div class="shared-board-hero {{#if backgroundImage }}{{#ifNotEquals backgroundImage.src "no-image" }} has-background {{/ifNotEquals}}{{/if}}" data-module="sharedBoardHero" data-preload="true">
    <div class="shared-board-hero__top-section">
        {{#if backgroundImage }}
            {{#ifNotEquals backgroundImage.src "no-image" }}
            <div class="shared-board-hero__background-container">
                <img src="{{backgroundImage.src}}" alt="{{backgroundImage.alt}}">
            </div>
            {{/ifNotEquals}}
        {{/if}}
        <div class="grid-container">
            <div class="grid-x">
                <div class="cell medium-7">
                    <div class="shared-board-hero__user-container">
                        <div class="shared-board-hero__user-icon">
                            {{{userIcon}}}
                        </div>
                        <div class="shared-board-hero__user-name">
                            <h4>{{{userFullName}}}</h4>
                        </div>
                    </div>
                    <div class="shared-board-hero__board-name">
                        <h2>{{boardName}}</h2>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="shared-board-hero__bottom-section">
        <div class="grid-container">
            {{{defaultBackgroundImage}}}
            <div class="grid-x">
                <div class="celll medium-7 shared-board-hero__description">
                    <p>{{{boardDescription}}}</p>
                </div>
            </div>
        </div>
    </div>
</div>
 
{
  "preload": true,
  "userIcon": "<svg width=\"37\" height=\"37\" viewBox=\"0 0 37 37\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><circle cx=\"18.5\" cy=\"18.5\" r=\"17\" fill=\"white\" stroke=\"#C9C9C9\" stroke-width=\"3\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M23 14C23 16.4862 20.9862 18.5 18.5 18.5C16.0138 18.5 14 16.4862 14 14C14 11.5138 16.0138 9.5 18.5 9.5C20.9862 9.5 23 11.5138 23 14ZM20.75 14C20.75 12.7625 19.7375 11.75 18.5 11.75C17.2625 11.75 16.25 12.7625 16.25 14C16.25 15.2375 17.2625 16.25 18.5 16.25C19.7375 16.25 20.75 15.2375 20.75 14ZM18.5 19.625C15.4963 19.625 9.5 21.1325 9.5 24.125V27.5H27.5V24.125C27.5 21.1325 21.5037 19.625 18.5 19.625ZM11.75 24.1362V25.25H25.25V24.125C25.025 23.3263 21.5375 21.875 18.5 21.875C15.4625 21.875 11.975 23.3263 11.75 24.1362Z\" fill=\"#C9C9C9\"/></svg>",
  "userFullName": "Tom Good",
  "boardName": "My Board",
  "boardDescription": "<span>T</span>his is a ‘My Ireland’ collection of great ideas, places and things to do. Save items you like from this board to create your own collection.",
  "defaultBackgroundImage": "<svg width=\"118\" height=\"131\" viewBox=\"0 0 118 131\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\"><path d=\"M61.9473 80.6014C65.9036 76.6233 71.0938 75 75.8324 75C80.3067 75 84.0696 76.691 86.836 78.6018C89.5302 76.6156 93.2671 75 98.1044 75C110.18 75 118.649 85.1176 117.961 98.0414C117.488 106.919 111.576 114.224 105.937 119.318C100.126 124.566 93.5271 128.439 89.6424 130.395C88.0648 131.189 86.2037 131.202 84.6157 130.43C80.7378 128.544 73.9995 124.88 68.082 119.695C62.2915 114.621 56.3558 107.266 56.0218 97.945C55.7568 90.5503 57.9177 84.6533 61.9473 80.6014Z\" fill=\"#C9C9C9\"/><path d=\"M2.97367 24.8007C4.95178 22.8117 7.54689 22 9.91618 22C12.1533 22 14.0348 22.8455 15.418 23.8009C16.7651 22.8078 18.6336 22 21.0522 22C27.0902 22 31.3244 27.0588 30.9805 33.5207C30.7442 37.9593 27.7881 41.612 24.9685 44.1589C22.0632 46.7831 18.7635 48.7195 16.8212 49.6975C16.0324 50.0947 15.1018 50.101 14.3079 49.7148C12.3689 48.7718 8.99976 46.94 6.04099 44.3473C3.14576 41.8104 0.177925 38.1329 0.0109026 33.4725C-0.121605 29.7751 0.958836 26.8266 2.97367 24.8007Z\" fill=\"#C9C9C9\"/><path d=\"M94.3022 2.20054C95.8336 0.637744 97.8428 0 99.677 0C101.409 0 102.866 0.66434 103.937 1.41501C104.979 0.634695 106.426 0 108.298 0C112.973 0 116.251 3.97475 115.985 9.052C115.802 12.5395 113.513 15.4095 111.33 17.4105C109.081 19.4725 106.527 20.9939 105.023 21.7623C104.412 22.0744 103.692 22.0794 103.077 21.7759C101.576 21.035 98.9676 19.5957 96.6769 17.5586C94.4354 15.5653 92.1377 12.6758 92.0084 9.0141C91.9059 6.10903 92.7423 3.79235 94.3022 2.20054Z\" fill=\"#C9C9C9\"/></svg>"
}

There are no notes for this item.