wecuro_blog/application/views/frontend/components/footer.php

<div class="wrapper-block-footer" id="wrapper_block_footer">
  <div class="content-wrapper h-100 pb-md-3 pt-5">
    <div class="row w-100 m-auto">
      <div class="col-lg-3 mb-3">
        <div class="d-flex flex-column justify-content-evenly h-100">
          <div class="d-flex justify-content-center mb-3">
            <img width="174" src="<?=$merchant_details->logo_footer?>">
          </div>
          <div class="d-flex justify-content-center socialbox-gfd5rdr">
            <!-- <object data="<?=$components->footer->logo_group_social?>" type="image/svg+xml"></object> -->
            <ul>
              <li>
                <a href="#">
                  <svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M11.3368 19.2963H3.66552C3.17714 19.2963 2.78149 18.9004 2.78149 18.4122V4.16319C2.78149 3.67488 3.1772 3.27917 3.66552 3.27917H17.9147C18.4029 3.27917 18.7986 3.67488 18.7986 4.16319V18.4122C18.7986 18.9005 18.4028 19.2963 17.9147 19.2963H13.8331V13.0936H15.915L16.2268 10.6763H13.8331V9.13298C13.8331 8.43312 14.0274 7.95618 15.031 7.95618L16.3111 7.95562V5.79356C16.0897 5.7641 15.3298 5.69829 14.4458 5.69829C12.6003 5.69829 11.3368 6.82481 11.3368 8.89358V10.6763H9.24945V13.0936H11.3368V19.2963Z" fill="white"/>
                  </svg>
                </a>
              </li>
              <li>
                <a href="#">
                  <svg width="19" height="16" viewBox="0 0 19 16" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path d="M18.1121 2.74155C17.4507 3.04274 16.7386 3.24643 15.9916 3.33743C16.7544 2.8694 17.3397 2.12725 17.6155 1.24318C16.9013 1.67655 16.1121 1.99182 15.269 2.16084C14.597 1.42519 13.6366 0.96582 12.5738 0.96582C10.5357 0.96582 8.88227 2.66138 8.88227 4.75239C8.88227 5.04924 8.91396 5.33743 8.97735 5.61479C5.90815 5.45661 3.1876 3.95065 1.3651 1.65704C1.04708 2.21826 0.865362 2.8694 0.865362 3.56279C0.865362 4.8759 1.51724 6.03516 2.50826 6.71447C1.90393 6.69605 1.3334 6.52378 0.834723 6.24209V6.28868C0.834723 8.124 2.10783 9.65488 3.79827 10.0016C3.48871 10.0904 3.16225 10.1348 2.82521 10.1348C2.5875 10.1348 2.35506 10.1121 2.13002 10.0677C2.60017 11.5715 3.96309 12.6668 5.57957 12.696C4.31597 13.7123 2.72273 14.3179 0.993201 14.3179C0.695262 14.3179 0.400491 14.3006 0.112061 14.2659C1.7465 15.3385 3.68839 15.9658 5.77292 15.9658C12.5664 15.9658 16.28 10.1966 16.28 5.19226C16.28 5.02758 16.2769 4.8629 16.2705 4.70146C16.9921 4.16734 17.6187 3.50103 18.1121 2.74155Z" fill="white"/>
                  </svg>
                </a>
              </li>
              <li>
                <a href="#">
                  <svg width="21" height="18" viewBox="0 0 19 17" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M2.23083 4.7371H2.20543C0.935438 4.7371 0.112061 3.90621 0.112061 2.85299C0.112061 1.77929 0.959779 0.96582 2.25517 0.96582C3.5495 0.96582 4.34536 1.77724 4.37076 2.84992C4.37076 3.90313 3.5495 4.7371 2.23083 4.7371ZM18.1121 16.9658H14.1338V11.3412C14.1338 9.86894 13.5115 8.86388 12.1431 8.86388C11.0964 8.86388 10.5143 9.54212 10.2434 10.1958C10.154 10.4023 10.1556 10.6804 10.1572 10.967V10.967C10.1575 11.0059 10.1577 11.045 10.1577 11.084V16.9658H6.21648C6.21648 16.9658 6.26728 7.00232 6.21648 6.09664H10.1577V7.80247C10.3905 7.05662 11.6499 5.99214 13.6597 5.99214C16.1531 5.99214 18.1121 7.55556 18.1121 10.9221V16.9658ZM4.07443 6.09664H0.566082V16.9658H4.07443V6.09664Z" fill="white"/>
                  </svg>
                </a>
              </li>
              <li>
                <a href="#">
                  <svg width="22" height="17" viewBox="0 0 19 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                    <path fill-rule="evenodd" clip-rule="evenodd" d="M17.2166 1.93561C17.756 2.49646 17.9321 3.77006 17.9321 3.77006C17.9321 3.77006 18.1121 5.26604 18.1121 6.76144V8.16385C18.1121 9.65983 17.9321 11.1552 17.9321 11.1552C17.9321 11.1552 17.756 12.4288 17.2166 12.9897C16.5998 13.6531 15.916 13.7217 15.5294 13.7604C15.4869 13.7647 15.448 13.7686 15.4132 13.7729C12.8943 13.96 9.11206 13.9658 9.11206 13.9658C9.11206 13.9658 4.43206 13.9219 2.99206 13.7798C2.92383 13.7667 2.84113 13.7566 2.74747 13.745C2.29134 13.6888 1.57541 13.6007 1.007 12.9897C0.467561 12.4288 0.292061 11.1552 0.292061 11.1552C0.292061 11.1552 0.112061 9.65983 0.112061 8.16385V6.76144C0.112061 5.26604 0.292061 3.77006 0.292061 3.77006C0.292061 3.77006 0.467561 2.49646 1.007 1.93561C1.62511 1.2712 2.3096 1.2034 2.69617 1.1651C2.73808 1.16095 2.77649 1.15714 2.81094 1.15296C5.32981 0.96582 9.10812 0.96582 9.10812 0.96582H9.116C9.116 0.96582 12.8943 0.96582 15.4132 1.15296C15.4476 1.15715 15.4861 1.16096 15.528 1.16512C15.9143 1.20342 16.5991 1.27131 17.2166 1.93561ZM7.253 4.66996L7.25356 9.86314L12.1164 7.2755L7.253 4.66996Z" fill="white"/>
                  </svg>
                </a>
              </li>
            </ul>
          </div>
        </div>
      </div>
      <div class="col-lg-3 mb-3">
        <div class="d-flex flex-column justify-content-center h-100">
          <p class="text-light text-center mb-0">
            <?=$merchant_details->address?>
          </p>
        </div>
      </div>
      <div class="col-lg-3 col-md-6 col-sm-6 mx-auto mb-3">
        <div class="d-flex justify-content-center h-100">
          <ul class="ul-hdhxdserd text-light- text-center-max-md" style="gap:0px;color:rgba(255,255,255,0.7)">
            <?php
            if(isset($components->footer->navs)){
              foreach($components->footer->navs as $nav){
                if($nav=='home'){
                  ?>
                  <li>
                    <a href="#wrapper_block_navbar">Home</a>
                  </li>
                  <?php
                }
                if($nav=='about'){
                  ?>
                  <li>
                    <a href="#wrapper_block_about">About us</a>
                  </li>
                  <?php
                }
                if($nav=='whyus'){
                  ?>
                  <li>
                    <a href="#wrapper_block_whyus">Why us</a>
                  </li>
                  <?php
                }
                if($nav=='services'){
                  ?>
                  <li>
                    <a href="#wrapper_block_services">Services</a>
                  </li>
                  <?php
                }
                if($nav=='nurses'){
                  ?>
                  <li>
                    <a href="#wrapper_block_nurses">Nurses</a>
                  </li>
                  <?php
                }
                if($nav=='process'){
                  ?>
                  <li>
                    <a href="#wrapper_block_process">Application Process</a>
                  </li>
                  <?php
                }
                if($nav=='login'){
                  ?>
                  <li>
                    <a href="login">Login</a>
                  </li>
                  <?php
                }
                if($nav=='privacy_policy'){
                  ?>
                  <li>
                    <a href="<?=base_url()?>privacy_policy">Privacy Policy</a>
                  </li>
                  <?php
                }
                if($nav=='terms_conditions'){
                  ?>
                  <li>
                    <a href="<?=base_url()?>terms_conditions">Terms & Conditions</a>
                  </li>
                  <?php
                }
              }
            }
            ?>
          </ul>
        </div>
      </div>
      <div class="col-lg-3 col-md-6 col-sm-6 mx-auto mb-3">
        <h6 class="text-center text-light mb-3">Download our app from</h6>
        <div class="px-3">
          <button type="button" class="btn btn-dark text-uppercase mb-2 w-100">
            <div class="d-flex justify-content-center">
              <div class="d-flex justify-content-center me-2">
                <object data="<?=$components->footer->logo_google_play?>" type="image/svg+xml"></object>
              </div>
              <div class="d-flex flex-column justify-content-center">
                <content class="lh-sm">
                  <small class="text-light" style="font-size:8px;">Download from<br></small>
                  <small class="text-light">Google Play</small>
                </content>
              </div>
            </div>
          </button>
          <button type="button" class="btn btn-dark text-uppercase mb-2 w-100">
            <div class="d-flex justify-content-center">
              <div class="d-flex justify-content-center me-2">
                <object data="<?=$components->footer->logo_app_store?>" type="image/svg+xml"></object>
              </div>
              <div class="d-flex flex-column justify-content-center">
                <content class="lh-sm">
                  <small class="text-light" style="font-size:8px;">Get it on<br></small>
                  <small class="text-light">App Store</small>
                </content>
              </div>
            </div>
          </button>
        </div>
      </div>
    </div>
  </div>
</div>
<div class="wrapper-block-main-footer" id="wrapper_block_main_footer">
  <div class="content-wrapper h-100">
    <div class="row w-100 m-auto">
      <div class="col-lg-12 col-md-12">
        <div class="d-flex flex-column justify-content-evenly h-100">
          <p class="text-light- text-center bottom-0 mb-0 pb-0" style="font-size:14px;color:#ddd;">
            © <?=date('Y')?> WeCuro. All rights reserved.
          </p>
        </div>
      </div>
    </div>
  </div>
</div>