Social footer

There are no notes for this item.

<div class="SocialFooter">
    <div class="SocialInner">
        <h2>Connect with
            <span class="UnitName">
                Lorem ipsum dolor
            </span>
        </h2>
        <ul class="Icons">
            <li class="Facebook">
                <a href="#">
                            <img alt="Facebook" title="" srcset="../../images/social-sprite.png 1.5x, ../../images/social-sprite-1x.html.png 1x" src="../../images/social-sprite.png" width="203" height="152">
                        </a>
            </li>
            <li class="Twitter">
                <a href="#">
                            <img alt="Twitter" title="" srcset="../../images/social-sprite.png 1.5x, ../../images/social-sprite-1x.html.png 1x" src="../../images/social-sprite.png" width="203" height="152">
                        </a>
            </li>
            <li class="Blog">
                <a href="#">
                            <img alt="Blog" title="" srcset="../../images/social-sprite.png 1.5x, ../../images/social-sprite-1x.html.png 1x" src="../../images/social-sprite.png" width="203" height="152">
                        </a>
            </li>
        </ul>
        <p class="Hashtag">
            <a href="">#GoMaroon
                </a>
        </p>
    </div>
</div>
<!--true-->
<div class="SocialFooter">
    <div class="SocialInner">
        <h2>Connect with
            <span class="UnitName">
                {{unitName}}
            </span>
        </h2>
        {{#if socialIconsContainer}}
            <ul class="Icons">
                {{#each socialIconsContainer}}
                    <li class="{{mediaType}}">
                        <a href="{{mediaLink}}">
                            <img alt="{{mediaType}}" title="" srcset="{{path '/images/social-sprite.png'}} 1.5x, {{path '/images/social-sprite-1x'}}.png 1x" src="{{path '/images/social-sprite.png'}}" width="203" height="152">
                        </a>
                    </li>
                {{/each}}
            </ul>
        {{/if}}
        {{#if hashtagContent}}
            <p class="Hashtag">
                <a href="{{hashtagSearchResultsUrl}}">#{{hashtagContent}}
                </a>
            </p>
        {{/if}}
    </div>
</div>
<!--{{hasSocialFooter}}-->
{
  "hashtagContent": "GoMaroon",
  "hashtagSearchResultsUrl": null,
  "unitName": "Lorem ipsum dolor",
  "hasSocialFooter": true,
  "socialIconsContainer": [
    {
      "mediaType": "Facebook",
      "mediaLink": "#"
    },
    {
      "mediaType": "Twitter",
      "mediaLink": "#"
    },
    {
      "mediaType": "Blog",
      "mediaLink": "#"
    }
  ]
}