share-buttonコンポーネントのテンプレートファイル

share-button.compoent.html

<div class="wrapper">
  <div class="f-share">
    <!-- facebookシェアボタン -->
    <div class="fb-share-button" data-href="https://l08084.github.io/morse-code-translate-website/"
      data-layout="button_count" data-size="small"><a target="_blank"
        href="https://www.facebook.com/sharer/sharer.php?u=https%3A%2F%2Fl08084.github.io%2Fmorse-code-translate-website%2F&amp;src=sdkpreparse"
        class="fb-xfbml-parse-ignore">シェア</a></div>
  </div>
  <div class="share">
    <!-- はてなブックマークシェアボタン -->
    <a href="http://b.hatena.ne.jp/entry/" class="hatena-bookmark-button"
      data-hatena-bookmark-layout="basic-label-counter" data-hatena-bookmark-lang="ja" title="このエントリーをはてなブックマークに追加"><img
        src="https://b.st-hatena.com/images/v4/public/entry-button/button-only@2x.png" alt="このエントリーをはてなブックマークに追加"
        width="20" height="20" style="border: none;" /></a>
  </div>
  <div class="share">
    <!-- Twitterシェアボタン -->
    <a href="https://twitter.com/share?ref_src=twsrc%5Etfw" class="twitter-share-button"
      data-show-count="false">Tweet</a>
  </div>
</div>