{{#
/**
* @name simple-footer
* @description This is used at the bottom of the Adwords landing pages.
* @todo Document property vars
*/
#}}
<footer class="px-5 bg-slate py-8 {{ custom_classes }}">
<ul class="list m-0 p-0 flex flex-wrap jc-center">
{{ simple_footer_links }}
<li class="m-0 p-5">
<a href="{{ simple_footer_link_url }}" class="white body-4 link fw-500 hover-slate-40">{{ simple_footer_link_text }}</a>
</li>
{{ /simple_footer_links }}
</ul>
<ul class="list flex-auto w-100 flex ai-center jc-center px-0 py-7" data-simple-footer-social>
{{ simple_footer_social }}
{{ social_icons }}
<li>
<a href="{{ url }}" class="inline-block dim {{ if !last }}mr-4{{ /if }}" target="_blank" rel="noopener nofollow">
<svg class="svg-style" aria-labelledby="{{ social_icon }}Title" role="img">
<title id="{{ social_icon }}Title">{{ title }}</title>
<use xlink:href="{{ theme:images src='canstyle/sprite.svg#{ social_icon }' }}"></use>
</svg>
</a>
</li>
{{ /social_icons }}
{{ /simple_footer_social }}
</ul>
</footer>