Paul Smith's Component Library

Icon Cards 

<div class="icon_cards">
    <div class="fs-row">
        <div class="fs-cell">
            <div class="icon_cards_inner">
                <h2 class="icon_cards_title">Open House Itinerary</h2>
                <div class="icon_cards_wrapper">
                    <div class="icon_card">
                        <img src="../../images/flag.png" alt="" class="icon_card_image">
                        <span class="icon_card_label">Campus Tours</span>
                    </div>
                    <div class="icon_card">
                        <img src="../../images/horse.png" alt="" class="icon_card_image">
                        <span class="icon_card_label">Carriage Rides</span>
                    </div>
                    <div class="icon_card">
                        <img src="../../images/axe.png" alt="" class="icon_card_image">
                        <span class="icon_card_label">Spring Timbersports Meet</span>
                    </div>
                    <div class="icon_card">
                        <img src="../../images/grad.png" alt="" class="icon_card_image">
                        <span class="icon_card_label">Academic Breakout Sessions</span>
                    </div>
                    <div class="icon_card">
                        <img src="../../images/plate.png" alt="" class="icon_card_image">
                        <span class="icon_card_label">Lunch by the Lake</span>
                    </div>
                    <div class="icon_card">
                        <img src="../../images/hike.png" alt="" class="icon_card_image">
                        <span class="icon_card_label">Plenty of Fresh Air</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
 
<div class="icon_cards">
	<div class="fs-row">
		<div class="fs-cell">
			<div class="icon_cards_inner">
				<h2 class="icon_cards_title">{{ title }}</h2>
				<div class="icon_cards_wrapper">
					{% for item in items %}
					<div class="icon_card">
						<img src="../../images/{{ item.image }}.png" alt="" class="icon_card_image">
						<span class="icon_card_label">{{ item.label }}</span>
					</div>
					{% endfor %}
				</div>
			</div>
		</div>
	</div>
</div>

No notes defined.