[viewBag]

[builderList contact]
modelClass = "Linus\Contact\Models\Contact"
scope = "-"
scopeValue = "{{ :scope }}"
displayColumn = "fb"
noRecordsMessage = "No records found"
detailsPage = "-"
detailsUrlParameter = "id"
pageNumber = "{{ :page }}"
==
<!-- Modal -->
<div class="modal fade" id="success-msg" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel" aria-hidden="true">
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <button type="button" class="close" data-dismiss="modal" aria-label="Close">
        <img src="{{'assets/svg/ico-pop-close.svg'|theme}}">
      </button>
      <img src="{{'assets/svg/ico-paper-plane.svg'|theme}}" class="center-block">
      <h4 class="pop-title">Message Sent</h4>
      <p class="pop-content">We’ll review your inquiry and get back to you as soon as we can.</p>
    </div>
  </div>
</div>

<div class="row footer noPM foot-pad">
  <div class="container">
    <div class="col-sm-4 col-xs-12">
      <img src="{{'assets/img/nav-logo.png'|theme}}" alt="" class="img-responsive foot-logo">
      <ul class="foot-image">
        <li><img style="width: 85px;" src="{{'assets/img/img-cert-iso.png'|theme}}" alt="" class="img-responsive center-block"></li>
        <li><img src="{{'assets/img/img-foot-pcab.png'|theme}}" alt="" class="img-responsive center-block"></li>
        <li><img src="{{'assets/img/img-foot-plpga.png'|theme}}" alt="" class="img-responsive center-block"></li>
      </ul>
      <br><br>
      <p class="footer-text trans"><a href="{{url('/privacy-policy')}}" target="_blank">Privacy Policy</a><a href="{{url('/terms-conditions')}}" target="_blank">Terms & Conditions</a></p>
    </div>
    <div class="col-sm-2 col-xs-6">
      <h4 class="block-title">MECHATRENDS</h4>
      <ul class="foot-links trans">
        <li class = "footer-text"><a href="{{url('/')}}">Home</a></li>
        <li class = "footer-text"><a href="{{url('/about')}}">About</a></li>
        <li class = "footer-text"><a href="{{url('/partners')}}">Partners</a></li>
        <li class = "footer-text"><a href="{{url('/careers')}}">Careers</a></li>
        <li class = "footer-text"><a href="{{url('/contact-us')}}">Contact Us</a></li>
      </ul>
    </div>
    <div class="col-sm-2 col-xs-6">
      <h4 class="block-title">SOLUTIONS</h4>
      <ul class="foot-links trans">
        <li class = "footer-text"><a href="{{url('/services/')}}">Services</a></li>
        <li class = "footer-text"><a href="{{url('/projects')}}">Projects</a></li>
        <li class = "footer-text"><a href="{{url('/news')}}">News</a></li>
      </ul>
    </div>
    <div class="col-sm-4 col-xs-12">
      {% set contact = contact.records %}
      <h4 class="block-title">SOCIAL MEDIA ACCOUNTS</h4>
        <ul class="social-links trans">
          {% if contact[0].fb %}
            <li class="ico-fb">
              <a href="{{contact[0].fb}}" class="footer-text" target="_blank">
                <svg width="9" height="17" viewBox="0 0 9 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M2.5171 16.4214V9.07665H0.131653V6.15801H2.5171V3.85838C2.5171 1.35989 3.99752 0 6.15904 0C7.19471 0 8.0842 0.0801824 8.34233 0.115463V2.7262H6.84326C5.66764 2.7262 5.44061 3.30352 5.44061 4.14704V6.15801H8.09353L7.72964 9.07665H5.44061V16.4214" fill="#181818"/>
                </svg>
                Like us on Facebook
              </a>
            </li>
          {% endif %}
          {% if contact[0].ig %}
            <li class="ico-ig">
              <a href="{{contact[0].ig}}" class="footer-text" target="_blank">
                <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M7.72554 4.17181C5.54121 4.17181 3.77933 5.93409 3.77933 8.1189C3.77933 10.3037 5.54121 12.066 7.72554 12.066C9.90986 12.066 11.6717 10.3037 11.6717 8.1189C11.6717 5.93409 9.90986 4.17181 7.72554 4.17181ZM7.72554 10.685C6.31397 10.685 5.15998 9.53422 5.15998 8.1189C5.15998 6.70358 6.31053 5.55278 7.72554 5.55278C9.14054 5.55278 10.2911 6.70358 10.2911 8.1189C10.2911 9.53422 9.1371 10.685 7.72554 10.685ZM12.7536 4.01035C12.7536 4.5222 12.3415 4.931 11.8332 4.931C11.3214 4.931 10.9127 4.51877 10.9127 4.01035C10.9127 3.50194 11.3249 3.08971 11.8332 3.08971C12.3415 3.08971 12.7536 3.50194 12.7536 4.01035ZM15.3672 4.94474C15.3089 3.71149 15.0272 2.61908 14.124 1.71905C13.2241 0.819016 12.132 0.537326 10.899 0.475492C9.62823 0.403352 5.8194 0.403352 4.54865 0.475492C3.31911 0.533891 2.22694 0.81558 1.32368 1.71561C0.420412 2.61565 0.14222 3.70805 0.0803991 4.9413C0.00827517 6.21234 0.00827517 10.022 0.0803991 11.2931C0.138785 12.5263 0.420412 13.6187 1.32368 14.5188C2.22694 15.4188 3.31567 15.7005 4.54865 15.7623C5.8194 15.8344 9.62823 15.8344 10.899 15.7623C12.132 15.7039 13.2241 15.4222 14.124 14.5188C15.0238 13.6187 15.3054 12.5263 15.3672 11.2931C15.4394 10.022 15.4394 6.21578 15.3672 4.94474ZM13.7256 12.6569C13.4577 13.3302 12.9391 13.8489 12.2625 14.1203C11.2493 14.5222 8.84517 14.4294 7.72554 14.4294C6.6059 14.4294 4.19833 14.5188 3.1886 14.1203C2.51544 13.8523 1.99684 13.3336 1.72551 12.6569C1.32368 11.6435 1.41641 9.23879 1.41641 8.1189C1.41641 6.99901 1.32711 4.59091 1.72551 3.58095C1.9934 2.90764 2.51201 2.38892 3.1886 2.11754C4.20177 1.71561 6.6059 1.80836 7.72554 1.80836C8.84517 1.80836 11.2527 1.71905 12.2625 2.11754C12.9356 2.38549 13.4542 2.90421 13.7256 3.58095C14.1274 4.59434 14.0347 6.99901 14.0347 8.1189C14.0347 9.23879 14.1274 11.6469 13.7256 12.6569Z" fill="#181818"/>
                </svg>
                Follow us on Instagram
              </a>
            </li>
          {% endif %}
          {% if contact[0].tw %}
            <li class="ico-tw">
              <a href="{{contact[0].tw}}" class="footer-text" target="_blank">
                <svg width="16" height="15" viewBox="0 0 16 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M13.8389 4.14156C13.8487 4.28748 13.8487 4.43344 13.8487 4.57937C13.8487 9.03027 10.6739 14.1588 4.87146 14.1588C3.08382 14.1588 1.4232 13.6063 0.0263062 12.6473C0.280295 12.6786 0.524482 12.689 0.788243 12.689C2.26325 12.689 3.62109 12.1574 4.70539 11.2506C3.31827 11.2193 2.15582 10.2499 1.75531 8.91563C1.95069 8.94688 2.14605 8.96774 2.35121 8.96774C2.63448 8.96774 2.91779 8.92603 3.18152 8.8531C1.73579 8.54036 0.651461 7.18529 0.651461 5.54877V5.50709C1.07149 5.75726 1.55995 5.91361 2.07764 5.93443C1.22778 5.32985 0.671006 4.29791 0.671006 3.13045C0.671006 2.50504 0.827272 1.93173 1.10081 1.43139C2.654 3.47444 4.98867 4.80865 7.60658 4.95461C7.55775 4.70444 7.52844 4.44387 7.52844 4.18327C7.52844 2.32783 8.9351 0.816406 10.6836 0.816406C11.5921 0.816406 12.4126 1.22293 12.989 1.87962C13.7021 1.7337 14.3859 1.45225 14.9915 1.06658C14.7571 1.84837 14.2589 2.50507 13.6044 2.92199C14.2394 2.84906 14.8548 2.66139 15.4213 2.40082C14.9916 3.06791 14.4543 3.66204 13.8389 4.14156Z" fill="#181818"/>
                </svg>
                Follow us on Twitter
              </a>
            </li>
          {% endif %}
          {% if contact[0].gp %}
            <li class="ico-in">
              <a href="{{contact[0].gp}}" class="footer-text" target="_blank">
                <svg width="15" height="15" viewBox="0 0 15 15" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M3.26887 14.5274H0.28996V4.93436H3.26887V14.5274ZM1.77781 3.62578C0.825459 3.62578 0.0526733 2.83678 0.0526733 1.88422C0.0526733 0.93165 0.825459 0.158691 1.77781 0.158691C2.73017 0.158691 3.50296 0.93165 3.50296 1.88422C3.50296 2.83678 2.73017 3.62578 1.77781 3.62578ZM14.4182 14.5274H11.4457V9.85756C11.4457 8.74463 11.4232 7.31738 9.89688 7.31738C8.3481 7.31738 8.11081 8.52653 8.11081 9.77738V14.5274H5.13511V4.93436H7.99217V6.24293H8.03385C8.43147 5.48922 9.40306 4.69381 10.8524 4.69381C13.8666 4.69381 14.4214 6.67913 14.4214 9.25779V14.5274H14.4182Z" fill="#181818"/>
                </svg>
                Connect with us on LinkedIn
              </a>
            </li>
          {% endif %}
          {% if contact[0].pn %}
            <li class="ico-yt">
              <a href="{{contact[0].pn}}" class="footer-text" target="_blank">
                <svg width="18" height="13" viewBox="0 0 18 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                  <path d="M17.0831 2.45438C16.8825 1.69586 16.2912 1.09847 15.5406 0.895734C14.1799 0.527344 8.72385 0.527344 8.72385 0.527344C8.72385 0.527344 3.26783 0.527344 1.90715 0.895734C1.15647 1.0985 0.56525 1.69586 0.364587 2.45438C0 3.82926 -1.24308e-08 6.6978 -1.24308e-08 6.6978C-1.24308e-08 6.6978 0 9.56634 0.364587 10.9412C0.56525 11.6997 1.15647 12.2722 1.90715 12.475C3.26783 12.8434 8.72385 12.8434 8.72385 12.8434C8.72385 12.8434 14.1799 12.8434 15.5406 12.475C16.2912 12.2722 16.8825 11.6997 17.0831 10.9412C17.4477 9.56634 17.4477 6.6978 17.4477 6.6978C17.4477 6.6978 17.4477 3.82926 17.0831 2.45438ZM6.93941 9.30222V4.09338L11.4996 6.69786L6.93941 9.30222Z" fill="#181818"/>
                </svg>
                Subscribe on our YouTube channel
              </a>
            </li>
          {% endif %}
        </ul>
    </div>
    <div class="col-sm-12 col-xs-12 copy-base">
        <p class="copyright-text pull-left">© {{ date()|date('Y') }} Mechatrends Contractors Corporation. All rights Reserved</p>
        <p class="copyright-text pull-right">Made with <img src="{{'assets/svg/ico-heart-webworx.svg'|theme}}"> by <a href="https://webworx.asia" target="_blank"> Webworx Design Studio Inc.</a></p>
    </div>
  </div>
</div>

{% partial 'site/scripts' %}
</body>
</html>