CCGA Component Library

Sponsors 

<div class="sponsor_grid is_type_images">
    <div class="section_header">
        <div class="fs-row">
            <div class="fs-cell">
                <div class="section_header_inner">
                    <h2 class="section_title">
                        <span class="section_title_label">Sponsors</span>
                    </h2>
                </div>
            </div>
        </div>
        <div class="section_decoration"></div>
    </div>
    <div class="sponsor_grid_microsite_wrapper">
        <div class="fs-row">
            <div class="fs-cell">
                <div class="sponsor_grid_inner">
                    <div class="sponsor_grid_section">
                        <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>
                        </div>
                    </div>
                    <div class="sponsor_grid_section">
                        <header class="sponsor_grid_head">
                            <div class="sponsor_grid_title">
                                Supporting 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>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
 
<div class="sponsor_grid is_type_{{ type }}">
	<div class="section_header">
		<div class="fs-row">
			<div class="fs-cell">
				<div class="section_header_inner">
					<h2 class="section_title">
						<span class="section_title_label">{{ title }}</span>
					</h2>
				</div>
			</div>
		</div>
		<div class="section_decoration"></div>
	</div>
	<div class="sponsor_grid_microsite_wrapper">
		<div class="fs-row">
			<div class="fs-cell">
				<div class="sponsor_grid_inner">
					{% for section in sections %}
					<div class="sponsor_grid_section">
						<header class="sponsor_grid_head">
							<div class="sponsor_grid_title">
								{{ section.title }}
							</div>
						</header>
						<div class="sponsor_grid_content">
							<div class="sponsor_grid_rows">
								{% for item in section.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>
					{% endfor %}
				</div>
			</div>
		</div>
	</div>
</div>

No notes defined.