Madmin
/
KkosmetickySalon
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

this is actually the map **facepalm**

This commit is contained in:
matthieu42morin 2024-01-30 10:26:19 +01:00
parent 29dc9521e9
commit b424dae9ce
1 changed files with 22 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/routes/+page.svelte
View File

@ -38,15 +38,30 @@
<p><code class="code">/src/routes/+layout.svelte</code></p> <p><code class="code">/src/routes/+layout.svelte</code></p>
<p><code class="code">/src/routes/+page.svelte</code></p> <p><code class="code">/src/routes/+page.svelte</code></p>
</div> </div>
<section class="relative">
<div class="container px-5 py-24 mx-auto flex sm:flex-nowrap flex-wrap">
<div class="lg:w-2/3 md:w-1/2 bg-gray-300 rounded-lg overflow-hidden sm:mr-10 p-10 flex items-end justify-start relative">
<iframe class="absolute inset-0" width="100%" height="100%" src="https://www.openstreetmap.org/export/embed.html?bbox=14.10176753997803%2C49.31640483169278%2C14.10820484161377%2C49.319359677506206&amp;layer=mapnik&amp;marker=49.31788227675921%2C14.104986190795898" title="map" marginheight="0" marginwidth="0" scrolling="no" style="filter: grayscale(1) contrast(1.2) opacity(0.4);" frameborder="0"></iframe>
<br/><small><a href="https://www.openstreetmap.org/?mlat=49.31788&amp;mlon=14.10499#map=18/49.31788/14.10499">View Larger Map</a></small>
<div class="bg-white relative flex flex-wrap py-6 rounded shadow-md">
<div class="lg:w-1/2 px-6">
<h2 class="title-font font-semibold text-gray-900 tracking-widest text-xs">ADDRESS</h2>
<p class="mt-1">Photo booth tattooed prism, portland taiyaki hoodie neutra typewriter</p>
</div>
<div class="lg:w-1/2 px-6 mt-4 lg:mt-0">
<h2 class="title-font font-semibold text-gray-900 tracking-widest text-xs">EMAIL</h2>
<a class="text-indigo-500 leading-relaxed">example@email.com</a>
<h2 class="title-font font-semibold text-gray-900 tracking-widest text-xs mt-4">PHONE</h2>
<p class="leading-relaxed">123-456-7890</p>
</div>
</div>
</div>
</div>
</section>
</div> </div>
</div> </div>
<section class="h-screen !twteam1">
<!-- Calendly inline widget begin -->
<div class="calendly-inline-widget min-h-[700px] min-w-[320px]" data-url="https://calendly.com/beautyclaire" ></div>
<script type="text/javascript" src="https://assets.calendly.com/assets/external/widget.js" async></script>
<!-- Calendly inline widget end -->
</section>
<style lang="postcss"> <style lang="postcss">
figure { figure {
@apply flex relative flex-col; @apply flex relative flex-col;