Спортгорка футер

by serg_x

HTML

<main>
  <div class="footer_toprow"></div>
  <footer class="footer_sp" itemscope itemtype="http://schema.org/Organization">
    <div class="container">
      <div class="row">
        <div class="col-xs-3">
          <div class="footer_menu_title">Каталог продукции</div>
          <ul class="footer_menu">
            <li><a href="#">Главная страница</a></li>
            <li><a href="#">О компании</a></li>
            <li><a href="#">Наши работы</a></li>
            <li><a href="#">Производство</a></li>
            <li><a href="#">Монтаж комплексов</a></li>
            <li><a href="#">Доставка и оплата</a></li>
          </ul>
          <a class="footer_sale" href="#">
            <span class="icon">%</span> <span>Распродажа</span>
          </a>
        </div>
        <div class="col-xs-3">
          <div class="footer_menu_title">Разделы</div>
          <ul class="footer_menu">
            <li><a href="#">Главная страница</a></li>
            <li><a href="#">О компании</a></li>
            <li><a href="#">Наши работы</a></li>
            <li><a href="#">Производство</a></li>
            <li><a href="#">Монтаж комплексов</a></li>
            <li><a href="#">Доставка и оплата</a></li>
          </ul>
        </div>
        <div class="col-xs-4 col-xs-push-2 footer_contacts">
          <div class="footer_contacts_title"><span itemprop="name">Lorem ipsum</span> – 2008-2018 год</div>
          <div class="footer_about">Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.</div>
          <a href="tel:88001000000" class="footer_contacts_phone" itemprop="telephone"><span>8 (800)</span> 100-00-00</a>
          <a href="tel:88001000000" class="footer_contacts_phone" itemprop="telephone"><span>8 (800)</span> 100-00-00</a>
          <div class="footer_contacts_address" itemprop="address" itemscope...

CSS

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;outline:0;}
ul{list-style-type: none;}
body{
  font-family: 'Open sans';
}
.container{width:1200px;padding:0 15px;margin:0 auto;}
*{
box-sizing: border-box;
}
a[href^='tel']{
  text-decoration: none;
  color:inherit;
  cursor: default;
}
a{
  color:#000;
  text-decoration:...