<!DOCTYPE html>
<html>
    <head>        
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <meta name="description" content="Herzlich Willkommen bei Friseurteam Angelika Gabriel - Ihr Haarspezialist an der Hauptstraße in Zwingenberg an der Begrstraße.">
        <meta name="keywords" content="Friseur, Friseurteam, Zwingenberg, Hair, Styling">
        <meta name="author" content="Webcraft-Media.de">
        <title>${page_title}</title>
        ${js}
        ${css}
    </head>
    <body style="background: url('./api.php?call=files&cat=page&id=background_friseur.png') no-repeat center center fixed; background-size: cover;">
        <div id="map_modal" class="modal fade">
            <div class="modal-dialog">
                <div class="modal-content">
                    <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                        <h5 class="modal-title">${page_map_modal_title}</h5>
                    </div>
                    <div class="modal-body">
                        <div id="map" style="width: 500px; height: 500px; display: none;"></div>
                    </div>
                    <div class="modal-footer">
                        <button type="button" class="btn btn-default" data-dismiss="modal">${basic_close}</button>
                    </div>
                </div>
            </div>
        </div>
        
        <div id="main">
            <div id="top_container">
                <div id="logo" style="background: url('./api.php?call=files&cat=page&id=header_friseurteam2.png') no-repeat; background-size: contain;"><div id="info_text">${page_kontakt_info}</div></div>
                <div id="info">
                    <div id="info_mapfb" class="info_margin">
                        <img id="map_link" src="./api.php?call=files&cat=page&id=marker-02.png" style="border:4px solid pink"/>
                        <div>
                            <br/>
                            <iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.friseurteam-zwingenberg.de&amp;layout=button_count&amp;show_faces=true&amp;width=450&amp;action=like&amp;colorscheme=light&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; height:20px; margin: 0; padding: 0; width: 140px;" allowTransparency="true"></iframe>
                        </div>
                    </div>
                    <div class="info_margin" id="info_zeiten">
                        ${page_zeiten_info}
                    </div>
                </div>
            </div>
            <div id="menu">
                    <div id="menu_1"><a href="#" page="default_content">${page_menu_1}</a></div>
                    <div id="menu_2"><a href="#" page="default_team">${page_menu_2}</a></div>
                    <div id="menu_3"><a href="#" page="default_preise">${page_menu_3}</a></div>
            </div>
            <div id="angebot">${page_angebot}</div>
            <div id="content_frame">
                <div id="content"><div id="content_frame_frame">${default_content}</div></div>
                <div id="galleria_container"><div id="galleria">${default_gallery}</div></div>
            </div>
            <div id="footer">${page_copyright}</div>
        </div>
    </body>
</html>