JSFiddle - React, Tailwind, and code Playground

by Stas Orekhovskiy

HTML

<div class="head-box soc-buttons clear">
          <?php $url = esc_url(home_url());
          if(is_page() || is_single()) $url = get_permalink();
          elseif(is_category()) $url = get_category_link(get_query_var('cat'));
          ?>
          <a class="btn btn-fb" href="http://www.facebook.com/sharer.php?u=<?php echo $url; ?>" title="Поделиться в Facebook" target="_blank">
            <span class="icon-facebook2"></span>
          </a>
          <a class="btn btn-tw" href="http://twitter.com/share?url=<?php echo $url; ?>" title="Поделиться в Twitter" target="_blank">
            <span class="icon-twitter-square"></span>
          </a>
          <a class="btn btn-google" href="https://plusone.google.com/_/+1/confirm?hl=en&url=<?php echo $url; ?>" title="Поделиться в Google Plus" target="_blank">
            <span class="icon-google-plus2"></span>
          </a>
          <a class="btn btn-google" href="http://vkontakte.ru/share.php?url=<?php echo $url; ?>" title="Поделиться в VK" target="_blank">
            <span class="icon-vk"></span>
          </a>
        </div><!--header's box-->