<div class="footer-contact">
    <div class="footer-contact__container">
        <div class="footer-navigation__container--sizing">
            <div class="footer-contact__contact-container--1">
                <span class="footer-contact__title">Social Media</span>
                <ul class="footer-contact__list">
                    <li class="footer-contact__list-item">

                        <a class="footer-contact__list-item-link" href="#">
                            <div class="footer-contact__icon-wrapper">
                                <i class="footer-contact__list-item-link-social-icon--instagram"></i>
                            </div>
                            <span class="footer-contact__list-item-link-text">Instagram</span>
                        </a>

                    </li>
                    <li class="footer-contact__list-item">

                        <a class="footer-contact__list-item-link" href="#">
                            <div class="footer-contact__icon-wrapper">
                                <i class="footer-contact__list-item-link-social-icon--vimeo"></i>
                            </div>
                            <span class="footer-contact__list-item-link-text">Vimeo</span>
                        </a>

                    </li>
                    <li class="footer-contact__list-item">

                        <a class="footer-contact__list-item-link" href="#">
                            <div class="footer-contact__icon-wrapper">
                                <i class="footer-contact__list-item-link-social-icon--linkedin"></i>
                            </div>
                            <span class="footer-contact__list-item-link-text">LinkedIn</span>
                        </a>

                    </li>
                    <li class="footer-contact__list-item">

                        <a class="footer-contact__list-item-link" href="#">
                            <div class="footer-contact__icon-wrapper">
                                <i class="footer-contact__list-item-link-social-icon--facebook"></i>
                            </div>
                            <span class="footer-contact__list-item-link-text">Facebook</span>
                        </a>

                    </li>
                    <li class="footer-contact__list-item">

                        <a class="footer-contact__list-item-link" href="#">
                            <div class="footer-contact__icon-wrapper">
                                <i class="footer-contact__list-item-link-social-icon--youtube"></i>
                            </div>
                            <span class="footer-contact__list-item-link-text">YouTube</span>
                        </a>

                    </li>
                </ul>
            </div>
        </div>
    </div>
</div>
{% include '@SharedComponents/modules/page/components/footer/footer-contact/footer-contact.twig' %}
{
  "lists": [
    {
      "title": "Social Media",
      "items": [
        {
          "type": "social-media",
          "text": "Instagram",
          "href": "#",
          "icon": "instagram"
        },
        {
          "type": "social-media",
          "text": "Vimeo",
          "href": "#",
          "icon": "vimeo"
        },
        {
          "type": "social-media",
          "text": "LinkedIn",
          "href": "#",
          "icon": "linkedin"
        },
        {
          "type": "social-media",
          "text": "Facebook",
          "href": "#",
          "icon": "facebook"
        },
        {
          "type": "social-media",
          "text": "YouTube",
          "href": "#",
          "icon": "youtube"
        }
      ]
    }
  ]
}
  • Content:
    @import "~shared/base";
    @import "~cando-cx-components-library/components/modules/page/components/footer/footer-contact/footer-contact";
  • URL: /components/raw/footer-contact/footer-contact.scss
  • Filesystem Path: src/components/modules/page/components/footer/footer-contact/footer-contact.scss
  • Size: 135 Bytes

No notes defined.