Embed

<!DOCTYPE html>
<html lang="sk">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Mapa lokácie</title>
    <style>
        /* Nastavenie štýlu pre kontaktné informácie */
        #location-section .contact-info {
            float: left;
            width: 100%; /* Plná šírka pre mobilné zariadenia */
            color: white;
            margin-bottom: 20px; /* Medzera medzi sekciami */
        }
        /* Nastavenie štýlu pre mapu */
        #location-section .map-container {
            float: left;
            width: 100%; /* Plná šírka pre mobilné zariadenia */
        }
        /* Nastavenie štýlu pre iframe */
        #location-section iframe {
            width: 100%;
            height: 450px;
            border:0;
        }
        /* Nastavenie štýlu pre tlačidlo Volať */
        #location-section .call-button {
            background-color: #FBBD3B; /* Farba pozadia tlačidla */
            color: black; /* Čierna farba písma */
            padding: 15px 30px; /* Odsadenie tlačidla */
            border: none; /* Žiadna hranica tlačidla */
            border-radius: 5px; /* Zakrivené hrany */
            cursor: pointer; /* Kurzor na ukazovanie */
            margin-top: 20px; /* Medzera nad tlačidlom */
            font-size: 20px; /* Veľkosť písma */
        }
        
        /* Media query pre mobilné zariadenia */
        @media (min-width: 600px) {
            #location-section .container {
                display: flex;
                align-items: flex-start;
            }
            #location-section .contact-info {
                width: calc(50% - 10px); /* Polovica šírky okna pre text */
                margin-right: 20px; /* Medzera medzi textom a mapou */
            }
            #location-section .map-container {
                width: calc(50% - 10px); /* Polovica šírky okna pre mapu */
                margin-top: 0; /* Odstránenie medzery nad mapou */
            }
        }
    </style>
</head>
<body>
    <div id="location-section" class="container">
        <div class="contact-info">
            <h3>Adresa:</h3>
            <p>Servis kávovarov Nivona - Jaroslav Matejička</p>
            <p>Kardošova Vieska 37</p>
            <p>Domaniža</p>
            <p>01816</p>
            <h3>Kontakt:</h3> 
            <p>Jaroslav Matejička</p>
            <p>IČO: 55126936</p>
            <p>DIČ: 1127941386</p>
            <p>Tel. číslo: <a href="tel:+421908775784">+421 908 775 784</a></p>
            <p>Email: <a href="mailto:kontakt@servis-kavovary.com">kontakt@servis-kavovary.com</a></p>
            
            <button class="call-button" onclick="window.location.href='tel:+421908775784'">Volať</button>
        </div>
        <div class="map-container">
            
            <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d502.3450823681344!2d18.565699725318467!3d49.05070245649316!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x4714f3006d2fe901%3A0x256ef2aa8d53fc9!2sServis%20k%C3%A1vovarov%20Nivona-Jaroslav%20Mateji%C4%8Dka!5e0!3m2!1ssk!2ssk!4v1709501592107!5m2!1ssk!2ssk" width="600" height="450" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"  frameborder="0" allowfullscreen></iframe>
        </div>
    </div>
</body>
</html>

Contact form

<h3 style="text-align:left"><strong>Kontaktujte nás</strong></h3>

name

email

message

Servis kávovarov značky Nivona

repairing coffee machines

Open Sans

Work Sans

Josefin Sans