Social
#
Social Email {% include 'components/social/social-email' %}
#
HTML
<a href="#" class="share-button share-button--email">
    <div class="share-button__content">
        <img src="/images/mainsite5/svg/social/email.svg" />
        <div class="share-button__text"> Email</div>
    </div>
</a>
Twig
<a href="#" class="share-button share-button--email">
	<div class="share-button__content">
		<img src="/images/mainsite5/svg/social/email.svg" /> <div class="share-button__text"> Email</div>
	</div>
</a>
{}
Share Whatsapp {% include 'components/social/share-whatsapp' %}
#
HTML
<a href="#" class="share-button share-button--whatsapp">
    <div class="share-button__content">
        <img src="/images/mainsite5/svg/social/twitter.svg" />
        <div class="share-button__text"> Whatsapp</div>
    </div>
</a>
Twig
<a href="#" class="share-button share-button--whatsapp">
	<div class="share-button__content">
		<img src="/images/mainsite5/svg/social/twitter.svg" /> <div class="share-button__text"> Whatsapp</div>
	</div>
</a>
{}
Share Facebook {% include 'components/social/share-facebook' %}
#
HTML
<a href="#" class="share-button share-button--facebook">
    <div class="share-button__content">
        <img src="/images/mainsite5/svg/social/facebook.svg" />
        <div class="share-button__text"> Facebook</div>
    </div>
</a>
Twig
<a href="#" class="share-button share-button--facebook">
	<div class="share-button__content">
		<img src="/images/mainsite5/svg/social/facebook.svg" /> <div class="share-button__text"> Facebook</div>
	</div>
</a>
{}
Share Twitter {% include 'components/social/share-twitter' %}
#
HTML
<a href="#" class="share-button share-button--twitter">
    <div class="share-button__content">
        <img src="/images/mainsite5/svg/social/twitter.svg" />
        <div class="share-button__text"> Twitter</div>
    </div>
</a>
Twig
<a href="#" class="share-button share-button--twitter">
	<div class="share-button__content">
		<img src="/images/mainsite5/svg/social/twitter.svg" /> <div class="share-button__text"> Twitter</div>
	</div>
</a>
{}