<footer class=“bp-footer top-section”>

<div class="bp-container ">
    <div class="row">
        <div class="col footer-col header padding--top--lg padding--bottom--lg">
            <h5 class="sub-header has-text-white"><b>{{site.title}}</b></h5>
        </div>
    </div>
    <div class="row is-top">
        {%- assign links = site.data.footer -%}

        <!-- Footer links for tablet/desktop -->
        {%- for link in links -%}
        {% include links-baseurl.html %}
            {% if link.title == 'Media' %}

            <div class="col footer-col is-hidden-mobile">
                <p class="sub-header"><a href="{{ base-url }}{{ link.url }}">{{link.title}}</a></p>
                {%- for sublink in link.sub-links -%}
                  {% include sublinks-baseurl.html %}
                    <p><a href="{{ sublink-base-url }}{{ sublink.url }}">{{sublink.title}}</a></p>
                {%- endfor -%}
            </div>

            {% else %}

            <div class="col footer-col is-hidden-mobile">
                {% if link.title == 'Application Guidelines' %}
                  <p class="sub-header"><b><a class="has-text-white" href="{{ base-url }}{{ site.application-guidelines[0].permalink }}">Application Guidelines</a></b></p>

                  {%- for application-guideline in site.application-guidelines -%}
                      <p class="is-hidden-mobile"><a href="{{ site.baseurl }}{{application-guideline.permalink}}">
                          {{application-guideline.title}}
                      </a></p>
                  {%- endfor -%}
                {% else %}
                  <p class="sub-header"><b><a class="has-text-white" href="{{ base-url }}{{ link.url }}">{{link.title}}</a></b></p>
                  {%- for sublink in link.sub-links -%}
                    {% include sublinks-baseurl.html %}
                    <p class="is-hidden-mobile"><a href="{{ sublink-base-url }}{{ sublink.url }}">{{sublink.title}}</a></p>
                  {%- endfor -%}

                {% endif %}
            </div>

            {% endif %}
        {%- endfor -%}
        <div class="col footer-col is-hidden-mobile"></div>

        <!-- Footer links for mobile -->
        <div class="col footer-col is-hidden-tablet is-hidden-desktop">
          {%- for link in links -%}
            {% include links-baseurl.html %}
            <p><a href="{{ base-url }}{{ link.url }}">{{link.title}}</a></p>
            {% if link.title == 'Media' %}
              {%- for sublink in link.sub-links -%}
                {% include sublinks-baseurl.html %}
                <p><a href="{{ sublink-base-url }}{{ sublink.url }}">{{sublink.title}}</a></p>
              {%- endfor -%}
            {% endif %}
          {%- endfor -%}
        </div>

    </div>
    <div class="row">
      <div class="col footer-col padding--top--sm padding--bottom--sm is-right-desktop-only">
        <ul>
           <li class="is-inline-block-desktop-only">
               <p><a href="{{site.baseurl}}/contact-us/">Contact Us</a></p>
           </li>
           <li class="is-inline-block-desktop-only">
              <p><a href="https://form.sg/#!/forms/govtech/5a9ce876b3a3b6006e6b8335" target="_blank">Feedback</a></p>
           </li>
           <li class="is-inline-block-desktop-only">
               <p><a href="http://www.ifaq.gov.sg/HLB/apps/Fcd_faqmain.aspx" target="_blank">FAQ</a></p>
           </li>
       </ul>
      </div>
    </div>
</div>

</footer> <footer class=“bp-footer bottom-section”>

<div class="bp-container ">
    <div class="row is-vcentered">
      <div class="col footer-col padding--top--none padding--bottom--none">
        <div class="col footer-col divider padding--top--none padding--bottom--none"></div>
      </div>
    </div>
    <div class="row is-vcentered padding--top--sm">
        <div class="col footer-col">
            <ul>
                <li><a href="{{site.baseurl}}/privacy/">Privacy</a></li>
                <li><a href="{{site.baseurl}}/terms-of-use/">Terms of Use</a></li>
                <!-- <li><a>Rate Service</a></li> -->
            </ul>
        </div>
        <div class="col footer-col has-text-right-desktop has-text-right-tablet has-text-left-mobile">
            <p class="is-hidden-touch"> © 2018 Singapore Government. Last Updated {{site.last_updated}}</p>
            <p class="is-hidden-desktop">© 2018 Singapore Government</p>
            <p class="is-hidden-desktop last-updated">Last Updated {{site.last_updated}}</b>
        </div>

    </div>
</div>

</footer>