Framework Component Library

Meta 

<script type="application/ld+json">
    {
        "@context": "http://schema.org",
        "@type": "Organization",
        "name": "Framework",
        "logo": "//example.dev.fastspot.com/site/images/logo-schema.png",
        "address": {
            "@type": "PostalAddress",
            "streetAddress": "2980 Falls Road",
            "addressLocality": "Baltimore",
            "addressRegion": "MD",
            "postalCode": "21211"
        },
        "email": "info@fastspot.com",
        "telephone": "(410) 537-5007",
        "url": "//example.dev.fastspot.com/site",
        "sameAs": ["//www.facebook.com", "//www.x.com", "//www.instagram.com", "//www.youtube.com", "//www.linkedin.com"]
    }
</script>

<div class="meta_info" id="meta_info">
    <div class="meta_info_details">
        <div class="meta_info_detail meta_info_detail_address">
            <span class="meta_info_detail_icon" aria-hidden="true">
                <svg class="icon icon_place">
                    <use href="/images/icons.svg#place" />
                </svg>
            </span>
            <span class="meta_info_detail_label">
                <a class="meta_info_detail_label_link" href="//www.google.com/maps/place/?q=place_id:ChIJofvP7nsEyIkRAppsAwqW4SQ" target="_blank" rel="noopener" title="opens in new window">
                    <span class="meta_info_address_street">2980 Falls Road,</span>
                    <span class="meta_info_address_group">
                        <span class="meta_info_address_city">Baltimore,</span>
                        <span class="meta_info_address_state">MD</span>
                        <span class="meta_info_address_zip">21211</span>
                    </span>
                </a>
            </span>
        </div>
        <div class="meta_info_detail meta_info_detail_email">
            <span class="meta_info_detail_icon" aria-hidden="true">
                <svg class="icon icon_mail">
                    <use href="/images/icons.svg#mail" />
                </svg>
            </span>
            <span class="meta_info_detail_label">

                <a class="
		meta_info_detail_label_link
				
	" href="mailto:info@fastspot.com">
                    <span class="meta_info_detail_label_link_inner">
                        <span class="meta_info_detail_label_link_label">
                            info<wbr>@fastspot.com
                        </span>
                    </span>
                </a> </span>
        </div>
        <div class="meta_info_detail meta_info_detail_phone">
            <span class="meta_info_detail_icon" aria-hidden="true">
                <svg class="icon icon_phone">
                    <use href="/images/icons.svg#phone" />
                </svg>
            </span>
            <span class="meta_info_detail_label">
                <span class="meta_info_detail_label_hint">
                    Phone:&nbsp;
                </span>

                <a class="
		meta_info_detail_label_link
				
	" href="tel:4105375007">
                    <span class="meta_info_detail_label_link_inner">
                        <span class="meta_info_detail_label_link_label">
                            (410) 537-5007
                        </span>
                    </span>
                </a> </span>
        </div>
        <div class="meta_info_detail meta_info_detail_fax">
            <span class="meta_info_detail_icon" aria-hidden="true">
                <svg class="icon icon_fax">
                    <use href="/images/icons.svg#fax" />
                </svg>
            </span>
            <span class="meta_info_detail_label">
                <span class="meta_info_detail_label_hint">
                    Fax:&nbsp;
                </span>

                <a class="
		meta_info_detail_label_link
				
	" href="tel:4105375008">
                    <span class="meta_info_detail_label_link_inner">
                        <span class="meta_info_detail_label_link_label">
                            (410) 537-5008
                        </span>
                    </span>
                </a> </span>
        </div>
    </div>
</div>
 
{#
	{% render '@partial-meta' %}

	Google Maps, Find the ID of a particular place - https://developers.google.com/places/place-id
#}

<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
			},
			'email': config.email,
			'telephone': config.phone,
			'url': '//' ~ config.domain,
			'sameAs': navigation.social|column('url')
		}|json_encode
	}}
</script>

<div class="meta_info" id="meta_info">
	<div class="meta_info_details">
		<div class="meta_info_detail meta_info_detail_address">
			<span class="meta_info_detail_icon" aria-hidden="true">
				{{ icon('place') }}
			</span>
			<span class="meta_info_detail_label">
				<a
					class="meta_info_detail_label_link"
					href="//www.google.com/maps/place/?q=place_id:{{ config.place_id }}"
					target="_blank"
					rel="noopener"
					title="opens in new window"
				>
					<span class="meta_info_address_street">{{ config.street }},</span>
					<span class="meta_info_address_group">
						<span class="meta_info_address_city">{{ config.city }},</span>
						<span class="meta_info_address_state">{{ config.state }}</span>
						<span class="meta_info_address_zip">{{ config.zip }}</span>
					</span>
				</a>
			</span>
		</div>
		{% if config.email %}
			<div class="meta_info_detail meta_info_detail_email">
				<span class="meta_info_detail_icon" aria-hidden="true">
					{{ icon('mail') }}
				</span>
				<span class="meta_info_detail_label">
					{% include '@partial-link' with {
						classes: {
							base: 'meta_info_detail_label_link'
						},
						id: null,
						title: format_email(config.email),
						url: 'mailto:' ~ config.email
					} %}
				</span>
			</div>
		{% endif %}
		{% if config.phone %}
			<div class="meta_info_detail meta_info_detail_phone">
				<span class="meta_info_detail_icon" aria-hidden="true">
					{{ icon('phone') }}
				</span>
				<span class="meta_info_detail_label">
					<span class="meta_info_detail_label_hint">
						Phone:&nbsp;
					</span>
					{% include '@partial-link' with {
						classes: {
							base: 'meta_info_detail_label_link'
						},
						id: null,
						title: config.phone,
						url: 'tel:' ~ tel(config.phone)
					} %}
				</span>
			</div>
		{% endif %}
		{% if config.fax %}
			<div class="meta_info_detail meta_info_detail_fax">
				<span class="meta_info_detail_icon" aria-hidden="true">
					{{ icon('fax') }}
				</span>
				<span class="meta_info_detail_label">
					<span class="meta_info_detail_label_hint">
						Fax:&nbsp;
					</span>
					{% include '@partial-link' with {
						classes: {
							base: 'meta_info_detail_label_link'
						},
						id: null,
						title: config.fax,
						url: 'tel:' ~ tel(config.fax)
					} %}
				</span>
			</div>
		{% endif %}
	</div>
</div>

No notes defined.