Lehigh Clutch Style Guide

Footer - Option 3 

<footer id="site_footer">
    <div class="footer_wrapper">
        <div class="row">
            <script src="/files/lehigh_footer-clutch-min.js"></script>
            <!-- region for footer-main -->
            <section class="department_footer">
                <!-- Single block styled as department footer -->

                <h2>Lehigh's New theme- clutch</h2>
                <ul class="social-media">

                </ul>

                <ul class="contact-info">
                </ul>

            </section>
            <!-- endregion for footer-main -->

            <!-- region for footer-group -->
            <section class="group_footer">
                <h2>Workbench Name</h2>
                <address>
                    Building C<br /> 113 Research Drive<br /> Lehigh Mountaintop Campus<br /> Bethlehem, PA 18015
                </address>
                <div class="group_contact">
                    <div class="group_contact_item">
                        <i class="fas fa-phone"></i><span class="sr-only">phone number</span> 610-758-0000
                    </div>
                    <div class="group_contact_item">
                        <i class="fas fa-fax"></i><span class="sr-only">fax number</span> 610-758-0000
                    </div>
                    <div class="group_contact_item">
                        <i class="fas fa-envelope"></i><span class="sr-only">email address</span> email@lehigh.edu
                    </div>
                </div>
                <ul class="department-social-media">

                </ul>
            </section>
            <!-- endregion for footer-group -->
        </div>
        <div class="row">
            <div class="dark-toggle">
                <div class="moon">
                    <span class="sr-only">Dark mode toggle on and off switch</span>
                </div>
            </div>
        </div>
    </div>
</footer>
 
{% extends "@footer_option_2" %}
  {% block group_footer %}
    <section class="group_footer">
      {% include "@section_footer" %}
    </section>
  {% endblock group_footer %}
 
{
  "site_logo": "/img/lehigh-logo.svg",
  "website_title": "Lehigh's New theme- clutch",
  "footer_fa_icons": {
    "1": {
      "name": "Phone Number",
      "class": "fas fa-phone",
      "description": "(610) 758 0000"
    },
    "2": {
      "name": "Address",
      "class": "fas fa-map-marker-alt",
      "address": "19 Memorial Drive W.<br /> Lehigh University<br /> Bethlehem, PA<br/> 18015",
      "link": "https://www.google.com/maps/@40.6078606,-75.379379,19z"
    },
    "3": {
      "name": "Email address",
      "class": "fas fa-envelope",
      "email": "email@lehigh.edu"
    }
  },
  "group_name": "Workbench Name",
  "group_address": "Building C<br /> 113 Research Drive<br /> Lehigh Mountaintop Campus<br /> Bethlehem, PA 18015",
  "group_phone": "610-758-0000",
  "group_fax": "610-758-0000",
  "group_email": "email@lehigh.edu"
}

Display an option for the footer to include a department footer between the site footer and workbench footer.