Components

Google Map

LOCATION

Our clinic is located infront of Dapitan City Hall beside Zen Hotpack

HTML AND CSS Code

HTML CODE

          
            <div class = "box1">
                <h2>LOCATION</h2>
                <p>Our clinic is located infront of <strong>Dapitan City Hall</strong> beside <strong>Zen Hotpack</strong></p>
                <iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1374.6424098759148!2d123.41412607483912!3d8.636860601724559!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3254bf0d22979881%3A0x32548aad54323dbe!2sNew%20Dapitan%20City%20Hall!5e1!3m2!1sen!2sca!4v1648943944397!5m2!1sen!2sca" width="600" height="800" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe>
            </div>

CSS CODE

        
            .box1{
                margin:2rem;
                width:100vw; 
                height:auto;
            }
            iframe{
                margin:0 2rem;
            }