CCGA Component Library

Sponsors Logo Grid: Images 

<div class="sponsor_grid is_type_images">
    <div class="fs-row">
        <div class="fs-cell">
            <div class="sponsor_grid_inner">
                <header class="sponsor_grid_head">
                    <div class="sponsor_grid_title">
                        Lead Sponsors
                    </div>
                </header>

                <div class="sponsor_grid_content">
                    <div class="sponsor_grid_rows">
                        <div class="sponsor_grid_row">
                            <div class="sponsor_grid_row_inner">
                                <div class="sponsor_grid_item">
                                    <a class="sponsor_grid_item_link" href="#">
                                        <div class="sponsor_grid_item_inner">
                                            <div class="sponsor_grid_item_title">Example of a Sponsor with No Logo</div>
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="sponsor_grid_row">
                            <div class="sponsor_grid_row_inner">
                                <div class="sponsor_grid_item">
                                    <a class="sponsor_grid_item_link" href="#">
                                        <div class="sponsor_grid_item_inner">
                                            <img class="sponsor_grid_item_img" src="/images/placeholder-sponsor2.jpg" alt="Horizon">
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                        <div class="sponsor_grid_row">
                            <div class="sponsor_grid_row_inner">
                                <div class="sponsor_grid_item">
                                    <div class="sponsor_grid_item_inner">
                                        <img class="sponsor_grid_item_img" src="/images/placeholder-sponsor1.jpg" alt="Showing optional non link">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="sponsor_grid_row">
                            <div class="sponsor_grid_row_inner">
                                <div class="sponsor_grid_item">
                                    <a class="sponsor_grid_item_link" href="#">
                                        <div class="sponsor_grid_item_inner">
                                            <img class="sponsor_grid_item_img" src="/images/placeholder-sponsor2.jpg" alt="Something Else">
                                        </div>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
 
<div class="sponsor_grid is_type_{{ type }}">
	<div class="fs-row">
		<div class="fs-cell">
			<div class="sponsor_grid_inner">
				<header class="sponsor_grid_head">
					<div class="sponsor_grid_title">
						{{ title }}
					</div>
				</header>

				<div class="sponsor_grid_content">
					<div class="sponsor_grid_rows">
						{% for item in items %}
							<div class="sponsor_grid_row">
								<div class="sponsor_grid_row_inner">
									<div class="sponsor_grid_item">
										{% if item.title.href %}
											<a class="sponsor_grid_item_link" href="{{ item.title.href }}">
											{% endif %}
											<div class="sponsor_grid_item_inner">
												{% if item.image %}
													<img class="sponsor_grid_item_img" src="/images/placeholder-sponsor{{ item.image }}.jpg" alt="{{ item.title.name }}">
												{% else %}
													<div class="sponsor_grid_item_title">{{ item.title.name }}</div>
												{% endif %}
											</div>
											{% if item.title.href %}
											</a>
										{% endif %}
									</div>
								</div>
							</div>
						{% endfor %}
					</div>
				</div>
			</div>
		</div>
	</div>
</div>

No notes defined.