Merced Component Library

Meta 

<div class="meta" id="meta">
    <script type="application/ld+json">
        {
            '@context': 'http://schema.org',
            '@type': 'Organization',
            'name': 'Merced',
            'logo': '//example.dev.slowblotch.com/site/images/logo-schema.png',
            'address': {
                '@type': 'PostalAddress',
                'streetAddress': '22 Mystery Road',
                'addressLocality': 'Circleless',
                'addressRegion': 'MD',
                'postalCode': '20122'
            },
            'email': 'info@slowblotch.com',
            'telephone': '(443) 218-2022',
            'url': '//example.dev.slowblotch.com/site',
            'sameAs': [
                '//www.instagram.com',
                '//www.facebook.com',
                '//www.twitter.com',
                '//www.linkedin.com',
                '//www.snapchat.com',
                '//www.tiktok.com'
            ]
        }
    </script>
    <div class="meta_details">
        <div class="meta_detail_wrapper">
            <div class="meta_detail meta_detail_address">
                <div class="meta_detail_address_title">Merced Campus</div>
                <a class="meta_detail_label" href="//www.google.com/maps/place/?q=place_id:ChIJofvP7nsEyIkRAppsAwqW4SQ" target="_blank" rel="noopener">
                    <span class="meta_address_street">3600 M Street</span>
                    <span class="meta_address_group">
                        <span class="meta_address_city">Merced,</span>
                        <span class="meta_address_state">CA</span>
                        <span class="meta_address_zip">95348-2806</span>
                    </span>
                </a>
            </div>
            <div class="meta_detail meta_detail_phone">
                <a class="meta_detail_label meta_detail_link" href="tel:4432182022">(209) 384-6000</a>
            </div>
        </div>
        <div class="meta_detail_wrapper">
            <div class="meta_detail meta_detail_address">
                <div class="meta_detail_address_title">Los Banos Campus</div>
                <a class="meta_detail_label" href="//www.google.com/maps/place/?q=place_id:ChIJofvP7nsEyIkRAppsAwqW4SQ" target="_blank" rel="noopener">
                    <span class="meta_address_street">22240 Highway 152</span>
                    <span class="meta_address_group">
                        <span class="meta_address_city">Los Banos,</span>
                        <span class="meta_address_state">CA</span>
                        <span class="meta_address_zip">93635</span>
                    </span>
                </a>
            </div>
            <div class="meta_detail meta_detail_phone">
                <a class="meta_detail_label meta_detail_link" href="tel:4432182022">(209) 826-3495</a>
            </div>
            <div class="meta_detail_discovery">

                <a href="#" class="meta_detail_discovery_link">
                    <span class="meta_detail_discovery_link_inner">
                        <span class="meta_detail_discovery_link_label">Learn More</span>
                        <span class="meta_detail_discovery_link_icon" aria-hidden="true">
                            <i class="fa-regular fa-circle-chevron-right"></i>
                        </span>
                    </span>
                </a>
            </div>
        </div>
        <div class="meta_detail_wrapper">
            <div class="meta_detail meta_detail_address">
                <div class="meta_detail_address_title">Business Resource Center</div>
                <a class="meta_detail_label" href="//www.google.com/maps/place/?q=place_id:ChIJofvP7nsEyIkRAppsAwqW4SQ" target="_blank" rel="noopener">
                    <span class="meta_address_street">630 W. 19th Street</span>
                    <span class="meta_address_group">
                        <span class="meta_address_city">Merced,</span>
                        <span class="meta_address_state">CA</span>
                        <span class="meta_address_zip">95340</span>
                    </span>
                </a>
            </div>
            <div class="meta_detail meta_detail_phone">
                <a class="meta_detail_label meta_detail_link" href="tel:4432182022">(209) 381-6561</a>
            </div>
            <div class="meta_detail_discovery">

                <a href="#" class="meta_detail_discovery_link">
                    <span class="meta_detail_discovery_link_inner">
                        <span class="meta_detail_discovery_link_label">Learn More</span>
                        <span class="meta_detail_discovery_link_icon" aria-hidden="true">
                            <i class="fa-regular fa-circle-chevron-right"></i>
                        </span>
                    </span>
                </a>
            </div>
        </div>
        <div class="meta_detail_wrapper">
            <div class="meta_detail meta_detail_address">
                <div class="meta_detail_address_title">Online Education</div>
            </div>
            <div class="meta_detail_label">
                Online programs, certificates, and remote learning.
            </div>
            <div class="meta_detail_discovery">

                <a href="#" class="meta_detail_discovery_link">
                    <span class="meta_detail_discovery_link_inner">
                        <span class="meta_detail_discovery_link_label">Learn More</span>
                        <span class="meta_detail_discovery_link_icon" aria-hidden="true">
                            <i class="fa-regular fa-circle-chevron-right"></i>
                        </span>
                    </span>
                </a>
            </div>
        </div>
    </div>
</div>
 
{#
	{% render '@component-meta' %}

	Google Maps, Find the ID of a particular place - https://developers.google.com/places/place-id
#}
<div class="meta" id="meta">
	<script type="application/ld+json">
		{
			'@context': 'http://schema.org',
			'@type': '{{ config.schema_type }}',
			'name': '{{ config.name }}',
			'logo': '//{{ config.domain }}/images/logo-schema.png',
			'address': {
				'@type': 'PostalAddress',
				'streetAddress': '{{ config.street }}',
				'addressLocality': '{{ config.city }}',
				'addressRegion': '{{ config.state }}',
				'postalCode': '{{ config.zip }}'
			},
			{% if config.email %}'email': '{{ config.email }}',{% endif %}
			{% if config.phone %}'telephone': '{{ config.phone }}',{% endif %}
			'url': '//{{ config.domain }}',
			{% if navigation.social %}
				'sameAs': [
				{% for social in navigation.social %}
					'{{ social.url }}'
					{% if not loop.last %},
					{% endif %}
				{% endfor %}
				]
			{% endif %}
		}
	</script>
	<div class="meta_details">
		<div class="meta_detail_wrapper">
			<div class="meta_detail meta_detail_address">
				<div class="meta_detail_address_title">Merced Campus</div>
				<a class="meta_detail_label" href="//www.google.com/maps/place/?q=place_id:{{ config.place_id }}" target="_blank" rel="noopener">
					<span class="meta_address_street">3600 M Street</span>
					<span class="meta_address_group">
						<span class="meta_address_city">Merced,</span>
						<span class="meta_address_state">CA</span>
						<span class="meta_address_zip">95348-2806</span>
					</span>
				</a>
			</div>
			<div class="meta_detail meta_detail_phone">
				<a class="meta_detail_label meta_detail_link" href="tel:{{ tel(config.phone) }}">(209) 384-6000</a>
			</div>
		</div>
		<div class="meta_detail_wrapper">
			<div class="meta_detail meta_detail_address">
				<div class="meta_detail_address_title">Los Banos Campus</div>
				<a class="meta_detail_label" href="//www.google.com/maps/place/?q=place_id:{{ config.place_id }}" target="_blank" rel="noopener">
					<span class="meta_address_street">22240 Highway 152</span>
					<span class="meta_address_group">
						<span class="meta_address_city">Los Banos,</span>
						<span class="meta_address_state">CA</span>
						<span class="meta_address_zip">93635</span>
					</span>
				</a>
			</div>
			<div class="meta_detail meta_detail_phone">
				<a class="meta_detail_label meta_detail_link" href="tel:{{ tel(config.phone) }}">(209) 826-3495</a>
			</div>
			<div class="meta_detail_discovery">
				{% include '@component-link' with {
					class: 'meta_detail_discovery',
					title: 'Learn More',
					url: '#',
					icon: 'fa-regular fa-circle-chevron-right'
				} %}
			</div>
		</div>
		<div class="meta_detail_wrapper">
			<div class="meta_detail meta_detail_address">
				<div class="meta_detail_address_title">Business Resource Center</div>
				<a class="meta_detail_label" href="//www.google.com/maps/place/?q=place_id:{{ config.place_id }}" target="_blank" rel="noopener">
					<span class="meta_address_street">630 W. 19th Street</span>
					<span class="meta_address_group">
						<span class="meta_address_city">Merced,</span>
						<span class="meta_address_state">CA</span>
						<span class="meta_address_zip">95340</span>
					</span>
				</a>
			</div>
			<div class="meta_detail meta_detail_phone">
				<a class="meta_detail_label meta_detail_link" href="tel:{{ tel(config.phone) }}">(209) 381-6561</a>
			</div>
			<div class="meta_detail_discovery">
				{% include '@component-link' with {
					class: 'meta_detail_discovery',
					title: 'Learn More',
					url: '#',
					icon: 'fa-regular fa-circle-chevron-right'
				} %}
			</div>
		</div>
		<div class="meta_detail_wrapper">
			<div class="meta_detail meta_detail_address">
				<div class="meta_detail_address_title">Online Education</div>
			</div>
			<div class="meta_detail_label">
				Online programs, certificates, and remote learning.
			</div>
			<div class="meta_detail_discovery">
				{% include '@component-link' with {
					class: 'meta_detail_discovery',
					title: 'Learn More',
					url: '#',
					icon: 'fa-regular fa-circle-chevron-right'
				} %}
			</div>
		</div>
	</div>
</div>

No notes defined.