Arches: CVquality

Arches:CVquality

Multi Product Brand Style System by the American College of Cardiology

Source: dist/css/cvquality_boot.css, line 7654

5.1.1 Address Card

Decorated address card for accreditation

<div class="bg_shade-5 p_3 p_4:md">
	<address class="m-b_3 m-x_2 vcard">
		<h4 class="c_secondary font_1 font_bold font_ui m-b_2 m-t_3">Questions About Accreditation?</h4>
		<div class="contact font_n1">
			<ul class="ul_none">
				<li><a href="mailto:" class="c_shade-n3 email link">non@.org</a></li>
				<li><a href="tel:" class="c_shade-n3 link tel">55-555-55555</a></li>
				<li><a href="fax:" class="c_shade-n3 fax link">55-444-55555</a></li>
			</ul>
		</div>
		<h4 class="c_secondary font_1 font_bold font_ui m-b_2 m-t_3">Office Hours:</h4>
		<div class="font_n1 openning-hours">
			<ul class="ul_none">
				<li><span class="time">8:00am - 4pm EST</span><br /></li>
				<li><span class="days">Monday - Firday</span></li>
				<li>
					<a href="blank.pdf" class="block c_shade-n3 link"
						>Holiday Schedule &nbsp;<i class="fa-calendar far"></i
					></a>
				</li>
			</ul>
		</div>
		<h4 class="c_secondary font_1 font_bold font_ui m-b_2 m-t_3">Mailing &amp; Shipping</h4>
		<span class=".org"></span>
		<ul class="ul_none adr">
			<li class="street-address">2400 N St. NW</li>
			<li>
				<span class="locality">Washington</span>,
				<span class="country-name"><abbr title="District of Colombia">DC</abbr></span>
				<span class="postal-code display_none">20006</span>
			</li>
		</ul>
		<nav class="nav-social-button mono-grey">
			<h4 class="c_secondary font_1 font_bold font_ui m-b_2 m-t_3">Follow Us</h4>
			<ul class="flex m_0 social-bar ul_none">
				<li class="flex_shrink m-r_1">
					<a
						href="https://twitter.com/accintouch"
						target="_blank"
						class="bg_shade-1 block br-bl_radius br-tl_radius c_shade-5 h:bg_secondary h:c_white m-b_0 p-x_3 p_2 social-bar--button text_center transition_0 twitter"
						><i class="fab fa-square-x-twitter"></i
					></a>
				</li>
				<li class="flex_shrink m-r_1">
					<a
						href="https://www.facebook.com/AmericanCollegeofCardiology"
						target="_blank"
						class="facebook c_shade-5 bg_shade-1 block h:bg_secondary h:c_white m-b_0 p-x_3 p_2 social-bar--button text_center transition_0"
						><i class="fab fa-facebook-square"></i
					></a>
				</li>
				<li class="flex_shrink m-r_1">
					<a
						href="https://www.linkedin.com/company/american-college-of-cardiology/"
						target="_blank"
						class="linkedin c_shade-5 bg_shade-1 block h:bg_secondary h:c_white m-b_0 p-x_3 p_2 social-bar--button text_center transition_0"
						><i class="fab fa-linkedin"></i
					></a>
				</li>
				<li class="flex_shrink m-r_1">
					<a
						href="http://www.youtube.com/user/ACCinTouch"
						target="_blank"
						class="youtube c_shade-5 bg_shade-1 block h:bg_secondary h:c_white m-b_0 p-x_3 p_2 social-bar--button text_center transition_0"
						><i class="fab fa-youtube"></i
					></a>
				</li>
				<li class="flex_shrink m-r_1">
					<a
						href="https://play.google.com/store/apps/dev?id=5189912010956845696&amp;hl=en_US"
						target="_blank"
						class="google-play c_shade-5 bg_shade-1 block h:bg_secondary h:c_white m-b_0 p-x_3 p_2 social-bar--button text_center transition_0"
						><i class="fab fa-google-play"></i
					></a>
				</li>
				<li class="flex_shrink m-r_1">
					<a
						href="https://apps.apple.com/us/developer/american-college-of-cardiology/id502174543#see-all/i-phonei-pad-apps"
						target="_blank"
						class="apple-store bg_shade-1 block br-br_radius br-tr_radius c_shade-5 h:bg_secondary h:c_white m-b_0 p-x_3 p_2 social-bar--button text_center transition_0"
						><i class="fab fa-apple"></i
					></a>
				</li>
			</ul>
		</nav>
	</address>
</div>
Copy Code