ecardilly Design Components

Event Location 

<section class="event_location">
    <div class="container">
        <div class="row --center">
            <div class="d_grid-6 flow--one flow--center">
                <div class="title_icon">
                    <i class="ph-bold ph-map-pin-line"></i>
                </div>

                <div class="description">
                    <h3 class="h3">Spukschloss Hügel</h3>
                    <p>buero huegel, H7 37, 68159 Mannheim</p>
                </div>

                <div class="media_iframe">
                    <iframe src="https://www.google.com/maps?q=buero+huegel,+H7+37,+68159+Mannheim&output=embed" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
                </div>

                <div class="directions rte">Kurz vorm Burgtor liegt links ein
                    geheimer Pfad. Klopft 3x mal an der alten Eiche und ein
                    Zombie erscheint, der euch den Weg zum Parkplatz freigibt.</div>

                <a href="https://www.google.com/maps?q=buero+huegel,+H7+37,+68159+Mannheim" target="_blank" class="btn btn--small">
                    <i class="ph-bold ph-arrow-square-out"></i>
                    <span>In Google Maps öffnen</span>
                </a>
            </div>
        </div>
    </div>
</section>
 
<section class="event_location">
	<div class="container">
		<div class="row --center">
			<div class="d_grid-6 flow--one flow--center">
				{{> @title_icon icon="map-pin-line"}}

				<div class="description">
					<h3 class="h3">Spukschloss Hügel</h3>
					<p>{{address}}</p>
				</div>

				<div class="media_iframe">
					<iframe
						src="https://www.google.com/maps?q={{urlEncode address}}&output=embed"
						style="border:0;"
						allowfullscreen=""
						loading="lazy"
						referrerpolicy="no-referrer-when-downgrade"
					></iframe>
				</div>

				<div class="directions rte">Kurz vorm Burgtor liegt links ein
					geheimer Pfad. Klopft 3x mal an der alten Eiche und ein
					Zombie erscheint, der euch den Weg zum Parkplatz freigibt.</div>

				<a href="https://www.google.com/maps?q={{urlEncode address}}" target="_blank" class="btn btn--small">
					<i class="ph-bold ph-arrow-square-out"></i>
					<span>In Google Maps öffnen</span>
				</a>
			</div>
		</div>
	</div>
</section>
 
{
  "address": "buero huegel, H7 37, 68159 Mannheim"
}

No notes defined.