_block-footer.html

<footer class="block-footer ">
   <div class="footer__main container">
      <div class="main__columns">
         <div class="columns__row row__about">
            <a href="#"><img src="./img/Icons/logo_icon.png" alt="b"><span>bran</span>d</a>
            <div class="about__text">
               <p>Objectively transition extensive data rather than cross functional solutions. Monotonectally
                  syndicate multidisciplinary materials before go forward benefits. Intrinsicly syndicate an
                  expanded array of processes and cross-unit partnerships. </p>
               <p>Efficiently plagiarize 24/365 action items and focused infomediaries.
                  Distinctively seize superior initiatives for wireless technologies. Dynamically optimize.</p>
            </div>
         </div>
         <div class="columns__navigation">
            <div class="columns__row">
               <div class="row__title">COMPANY</div>
               <div class="row__list">
                  <ul class="list__items">
                     <li><a href="#">Home</a></li>
                     <li><a href="#">Shop</a></li>
                     <li><a href="#">About</a></li>
                     <li><a href="#">How It Works</a></li>
                     <li><a href="#">Contact</a></li>
                  </ul>
               </div>

            </div>
            <div class="columns__row">
               <div class="row__title">information</div>
               <div class="row__list">
                  <ul class="list__items">
                     <li><a href="#">Tearms & Condition</a></li>
                     <li><a href="#">Privacy Policy</a></li>
                     <li><a href="#">How to Buy</a></li>
                     <li><a href="#">How to Sell</a></li>
                     <li><a href="#">Promotion</a></li>
                  </ul>
               </div>
            </div>
            <div class="columns__row">
               <div class="row__title">shop category</div>
               <div class="row__list">
                  <ul class="list__items">
                     <li><a href="#">Men</a></li>
                     <li><a href="#">Women</a></li>
                     <li><a href="#">Child</a></li>
                     <li><a href="#">Apparel</a></li>
                     <li><a href="#">Brows All</a></li>
                  </ul>
               </div>

            </div>

         </div>
      </div>
   </div>
   <div class="footer__bottom">
      <div class="wrapper__bottom container">
         <div class="bottom__rights">
            <span>&copy; 2017 Brand All Rights Reserved.</span>
         </div>
         <div class="bottom__socials">
            <div class="socials__item">
               <a href="#"><i class="fab fa-facebook-f"></i></a>
            </div>
            <div class="socials__item">
               <a href="#"><i class="fab fa-twitter"></i></a>
            </div>
            <div class="socials__item">
               <a href="#"><i class="fab fa-linkedin-in"></i></a>
            </div>
            <div class="socials__item">
               <a href="#"><i class="fab fa-pinterest-p"></i></a>
            </div>
            <div class="socials__item">
               <a href="#"><i class="fab fa-google-plus-g"></i></a>
            </div>
         </div>
      </div>
   </div>
</footer>