Arches: CardioSmart

Arches:CardioSmart

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/cardiosmart_boot.css, line 8225

10.1.6 Share Content

Widget to share to a social media. Shared Content clips url and pushes it to common platforms like facebook, twitter, instagram, etc. (Third Level)

Example

Default styling

<nav>
	<ul class="flex m_0 social-bar ul_none font_2 lh_4">
	<li class="flex_shrink m-r_3">
		<a href="https://twitter.com/accintouch" target="_blank" class="bg_twitter block br_radius c_shade-5 h:bg_accent h:c_white m-b_0 p-y_1 p-x_4 social-bar--button text_center transition_0 twitter"><i class="fab fa-square-x-twitter"></i></a>
	</li>
	<li class="flex_shrink m-r_3">
		<a href="https://www.facebook.com/AmericanCollegeofCardiology" target="_blank" class="facebook bg_facebook br_radius c_shade-5 block h:bg_accent h:c_white m-b_0 p-y_1 p-x_4 social-bar--button text_center transition_0"><i class="fab fa-facebook-square"></i></a>
	</li>
	<li class="flex_shrink m-r_3">
		<a href="https://www.linkedin.com/company/american-college-of-cardiology/" target="_blank" class="linkedin br_radius bg_linkedin  block  c_shade-5 h:bg_accent h:c_white m-b_0 p-y_1 p-x_4 social-bar--button text_center transition_0"><i class="fab fa-linkedin"></i></a>
	</li>
	<li class="flex_shrink m-r_3">
		<a href="http://www.youtube.com/user/ACCinTouch" target="_blank" class="youtube bg_youtube br_radius c_shade-5  block h:bg_accent h:c_white m-b_0 p-y_1 p-x_4 social-bar--button text_center transition_0"><i class="fab fa-pinterest"></i></a>
	</li>
</ul>
<small class="c_accent-1">Please share to your networks</small>
</nav>
Copy Code