CCGA Component Library

404 

<!-- Page Feature -->
<div class="page_feature" id="skip_content" tabindex="-1">
    <div class="page_header">

        <div class="page_header_content">
            <div class="page_header_inner">
                <div class="page_header_breadcrumb">
                    <div class="fs-row">
                        <div class="fs-cell fs-lg-10 fs-xl-9">
                            <div class="page_header_breadcrumb_inner">
                                <div class="breadcrumb">
                                    <nav class="breadcrumb_nav" aria-labelledby="breadcrumb_nav_title">
                                        <div class="breadcrumb_nav_header">
                                            <h2 class="breadcrumb_nav_title" id="breadcrumb_nav_title">You are here:</h2>
                                        </div>
                                        <ol class="breadcrumb_list" aria-labelledby="breadcrumb_nav_title">
                                            <li class="breadcrumb_item breadcrumb_item_home">
                                                <a class="breadcrumb_pill breadcrumb_pill_link" href="page-home.html" aria-label="Home">
                                                    <span class="breadcrumb_pill_inner">
                                                        <span class="breadcrumb_pill_icon" aria-hidden="true">
                                                            <svg class="icon icon_home">
                                                                <use href="/images/icons.svg#home" />
                                                            </svg>
                                                        </span>

                                                        <span class="breadcrumb_pill_icon_back" aria-hidden="true" aria-label="Go Back">
                                                            <svg class="icon icon_arrow_back_breadcrumbs">
                                                                <use href="/images/icons.svg#arrow_back_breadcrumbs" />
                                                            </svg>
                                                        </span>

                                                        <span class="breadcrumb_pill_label">Home</span>
                                                    </span>
                                                </a>
                                                <span class="breadcrumb_divider" aria-hidden="true">
                                                    <svg class="icon icon_caret_right">
                                                        <use href="/images/icons.svg#caret_right" />
                                                    </svg>
                                                </span>
                                            </li>
                                            <li class="breadcrumb_item">
                                                <span class="breadcrumb_pill">
                                                    <span class="breadcrumb_pill_inner">
                                                        <span class="breadcrumb_pill_label">Page Title</span>
                                                    </span>
                                                </span>
                                            </li>
                                        </ol>
                                    </nav>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <div class="fs-row">
                    <div class="fs-cell fs-lg-9 fs-xl-9">
                        <div class="page_header_wrapper">

                            <h1 class="page_title">404 Error: Page Not Found</h1>

                            <div class="page_intro">The page that you are trying to reach could not be found. Please contact us if you believe that you have reached this page in error.</div>
                        </div>
                    </div>

                </div>
            </div>

        </div>
    </div>
</div>
<!-- END: Page Feature -->

<!-- Full Width Callouts -->
<div class="full_width_callouts">
    <div class="wysiwyg_block">
        <div class="fs-row">
            <div class="fs-cell fs-lg-10 fs-lg-justify-center">
                <div class="wysiwyg_block_inner typography">
                    <p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. </p>
                </div>
            </div>
        </div>
    </div>

    <div class="search_404">
        <div class="fs-row">
            <div class="fs-cell fs-lg-10 fs-xl-8 fs-lg-justify-center">
                <div class="js-site-search site_search site_search_404" id="site_search_404" role="search" itemscope itemtype="https://schema.org/WebSite" aria-label="Site Search">
                    <meta itemprop="url" content="http://ccga.dev.fastspot.com">
                    <form class="site_search_form" action="/static-html/templates/page-search.html" itemprop="potentialAction" itemscope itemtype="http://schema.org/SearchAction">
                        <meta itemprop="target" content="http://ccga.dev.fastspot.com/static-html/templates/page-search.html?q={q}">
                        <label class="js-site-search-label site_search_label" for="search_string__404">Search the Website</label>
                        <div class="site_search_field">
                            <input class="js-site-search-input site_search_input" itemprop="query-input" type="search" id="search_string__404" name="q" placeholder="Placeholder text" required>
                            <button class="site_search_button" type="submit">
                                <span class="site_search_button_label">Search</span>
                                <span class="site_search_button_icon">
                                    <svg class="icon icon_search">
                                        <use href="/images/icons.svg#search" />
                                    </svg>
                                </span>
                            </button>
                        </div>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- END: Full Width Callouts -->
 
<!-- Page Feature -->
<div class="page_feature" id="skip_content" tabindex="-1">
	{% render "@component-page-header" with {
		title: '404 Error: Page Not Found',
		intro: 'The page that you are trying to reach could not be found. Please contact us if you believe that you have reached this page in error.',
		bg_image: '/images/page-top-chicago.png',
		crumbs: '404'
	} %}
</div>
<!-- END: Page Feature -->

<!-- Full Width Callouts -->
<div class="full_width_callouts">
	{% render "@component-wysiwyg" with {
		content: '<p>Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. </p>',
		cell: 'fs-lg-10 fs-xl-8 fs-lg-justify-center'
	} %}

	<div class="search_404">
		<div class="fs-row">
			<div class="fs-cell fs-lg-10 fs-xl-8 fs-lg-justify-center">
				{% render "@partial-search" with {
					modifier: "404",
					label: "Search the Website",
					button_text: "Search"
				} %}
			</div>
		</div>
	</div>
</div>
<!-- END: Full Width Callouts -->

No notes defined.