Paul Smith's Component Library

Logo Grid 

<div class="logo_grid">
    <div class="fs-row">
        <div class="fs-cell">
            <div class="logo_grid_inner">
                <h2 class="logo_grid_title">Where Smitties Get Hired</h2>
                <div class="logo_grid_items">
                    <div class="logo_grid_item">
                        <img class="logo_grid_item_image" src="../../images/disney.png" alt="accessible text">
                    </div>
                    <div class="logo_grid_item">
                        <img class="logo_grid_item_image" src="../../images/meta.svg" alt="accessible text">
                    </div>
                    <div class="logo_grid_item">
                        <img class="logo_grid_item_image" src="../../images/meta.svg" alt="accessible text">
                    </div>
                    <div class="logo_grid_item">
                        <img class="logo_grid_item_image" src="../../images/meta.svg" alt="accessible text">
                    </div>
                    <div class="logo_grid_item">
                        <img class="logo_grid_item_image" src="../../images/meta.svg" alt="accessible text">
                    </div>
                    <div class="logo_grid_item">
                        <img class="logo_grid_item_image" src="../../images/meta.svg" alt="accessible text">
                    </div>
                    <div class="logo_grid_item">
                        <img class="logo_grid_item_image" src="../../images/meta.svg" alt="accessible text">
                    </div>
                    <div class="logo_grid_item">
                        <img class="logo_grid_item_image" src="../../images/meta.svg" alt="accessible text">
                    </div>
                    <div class="logo_grid_item">
                        <img class="logo_grid_item_image" src="../../images/meta.svg" alt="accessible text">
                    </div>
                    <div class="logo_grid_item">
                        <img class="logo_grid_item_image" src="../../images/meta.svg" alt="accessible text">
                    </div>
                    <div class="logo_grid_item">
                        <img class="logo_grid_item_image" src="../../images/meta.svg" alt="accessible text">
                    </div>
                    <div class="logo_grid_item">
                        <img class="logo_grid_item_image" src="../../images/meta.svg" alt="accessible text">
                    </div>
                    <div class="logo_grid_item">
                        <img class="logo_grid_item_image" src="../../images/meta.svg" alt="accessible text">
                    </div>
                    <div class="logo_grid_item">
                        <img class="logo_grid_item_image" src="../../images/meta.svg" alt="accessible text">
                    </div>
                    <div class="logo_grid_item">
                        <img class="logo_grid_item_image" src="../../images/meta.svg" alt="accessible text">
                    </div>
                    <div class="logo_grid_item">
                        <img class="logo_grid_item_image" src="../../images/meta.svg" alt="accessible text">
                    </div>
                    <div class="logo_grid_item">
                        <img class="logo_grid_item_image" src="../../images/meta.svg" alt="accessible text">
                    </div>
                    <div class="logo_grid_item">
                        <img class="logo_grid_item_image" src="../../images/meta.svg" alt="accessible text">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
 
<div class="logo_grid">
	<div class="fs-row">
		<div class="fs-cell">
			<div class="logo_grid_inner">
				<h2 class="logo_grid_title">{{ title }}</h2>
				<div class="logo_grid_items">
					{% for item in items %}
						<div class="logo_grid_item">
							<img class="logo_grid_item_image" src="{{ item.image }}" alt="{{ item.image_alt }}">
						</div>
					{% endfor %}
				</div>
			</div>
		</div>
	</div>
</div>

No notes defined.