sn-share
-
Doc Design
Facebook
VKontact
Youtube
Show / Hide Code
<section class="ui sn-share as-alternative"> <div class="sn-share--inner"> <nav class="sn-share--navigation"> <ul class="sn-share--items"> <li class="sn-share--item"> <a href=""><span class="share-facebook"><span>Facebook</span></span></a> </li> <li class="sn-share--item"> <a href=""><span class="share-vk"><span>VKontact</span></span></a> </li> <li class="sn-share--item"> <a href=""><span class="share-youtube"><span>Youtube</span></span></a> </li> </ul> </nav> <div class="sn-share--logo"> <a href="" class="sn-share--title"><img src="./content/images/header-logo.png" class="img-responsive" alt="Logo"></a> </div> </div> </section>
Facebook
VKontact
Youtube
Show / Hide Code
<section class="ui sn-share as-complementary"> <div class="sn-share--inner"> <nav class="sn-share--navigation"> <ul class="sn-share--items"> <li class="sn-share--item"> <a href=""><span class="share-facebook"><span>Facebook</span></span></a> </li> <li class="sn-share--item"> <a href=""><span class="share-vk"><span>VKontact</span></span></a> </li> <li class="sn-share--item"> <a href=""><span class="share-youtube"><span>Youtube</span></span></a> </li> </ul> </nav> <div class="sn-share--logo"> <a href="" class="sn-share--title"><img src="./content/images/header-logo.png" class="img-responsive" alt="Logo"></a> </div> </div> </section>
Facebook
VKontact
Youtube
Show / Hide Code
<section class="ui sn-share as-alternative"> <div class="sn-share--inner"> <nav class="sn-share--navigation"> <ul class="sn-share--items"> <li class="sn-share--item"> <a href=""><span class="share-facebook"><span>Facebook</span></span></a> </li> <li class="sn-share--item"> <a href=""><span class="share-vk"><span>VKontact</span></span></a> </li> <li class="sn-share--item"> <a href=""><span class="share-youtube"><span>Youtube</span></span></a> </li> </ul> </nav> <div class="sn-share--logo"> <a href="" class="sn-share--title"><img src="./content/images/header-logo.png" class="img-responsive" alt="Logo"></a> </div> </div> </section>
Facebook
VKontact
Youtube
Show / Hide Code
<section class="ui sn-share"> <div class="sn-share--inner"> <nav class="sn-share--navigation"> <ul class="sn-share--items"> <li class="sn-share--item"> <a href=""><span class="share-facebook"><span>Facebook</span></span></a> </li> <li class="sn-share--item"> <a href=""><span class="share-vk"><span>VKontact</span></span></a> </li> <li class="sn-share--item"> <a href=""><span class="share-youtube"><span>Youtube</span></span></a> </li> </ul> </nav> <div class="sn-share--logo"> <a href="" class="sn-share--title"><img src="./content/images/header-logo.png" class="img-responsive" alt="Logo"></a> </div> </div> </section>
