
<div id="{{id}}">
    <div id="pf-header-systems" class="pf-header-svg-layer"></div>
    <div id="pf-header-connectors" class="pf-header-svg-layer"></div>
    <div id="pf-header-connections" class="pf-header-svg-layer"></div>
    <div id="pf-header-background" class="pf-header-svg-layer">
        <svg xmlns:dc="http://purl.org/dc/elements/1/" xmlns:cc="http://creativecommons.org/ns#"
             xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg"
             xmlns="http://www.w3.org/2000/svg" version="1" viewBox="0 0 600 380" height="380" width="600">
            <g class="pf-header-system" id="pf-header-system-1">
                <path d="m 155 30 90 0 c 2.8 0 5 2 5 5 l 0 10 c 0 2.8 -2 5 -5 5 l -90 0 c -2.8 0 -5 -2 -5 -5 l 0 -10 c 0 -2.8 2 -5 5 -5 z" style="fill:#313335;stroke:none;stroke-width:2;stroke-miterlimit:50;stroke-dasharray:none;"/>
                <path d="m 250 35 c 1.7 0 3 1 3.9 2.9 0.8 1.7 0.8 3.7 0 5 -0.8 1.7 -2 2.7 -4 2.7" style="fill:#313335;stroke:none;stroke-width:2;stroke-miterlimit:50;stroke-dasharray:none;"/>
                <path d="m 149 35 c -1.7 0 -3 1 -3.9 2.9 -0.8 1.7 -0.8 3.7 0 5 0.8 1.7 2 2.7 4 2.7" style="display:inline;fill:#313335;stroke:none;stroke-width:2;stroke-miterlimit:50;stroke-dasharray:none;"/>
                <text y="44" x="154" style="font-weight:normal;font-size:15px;line-height:125%;font-family:sans-serif;letter-spacing:0px;display:inline;fill:#000000;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;">
                    <tspan style="font-weight:bold;font-size:12.5px;font-family:Oxygen;;fill:#d9534f;" y="44" x="154">0.0</tspan>
                </text>
                <text y="44" x="179" style="font-weight:normal;font-size:15px;line-height:125%;font-family:Oxygen;letter-spacing:0px;display:inline;fill:#000000;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;">
                    <tspan style="font-weight:bold;font-size:12.5px;font-family:Oxygen;;fill:#adadad;" y="44" x="179">F-KBNV</tspan>
                </text>
            </g>
            <g class="pf-header-system" id="pf-header-system-2">
                <path d="m 375 90 110 0 c 2.8 0 5 2 5 5 l 0 10 c 0 2.8 -2 5 -5 5 l -110 0 c -2.8 0 -5 -2 -5 -5 l 0 -10 c 0 -2.8 2 -5 5 -5 z" style="fill:#313335;stroke:none;stroke-width:2;stroke-miterlimit:50;stroke-dasharray:none;"/>
                <path d="m 369 95 c -1.7 0 -3 1 -3.9 2.9 -0.8 1.7 -0.8 3.7 0 5 0.8 1.7 2 2.7 4 2.7" style="display:inline;fill:#313335;stroke:none;stroke-width:2;stroke-miterlimit:50;stroke-dasharray:none;"/>
                <text y="105" x="374" style="font-weight:normal;font-size:15px;line-height:125%;font-family:sans-serif;letter-spacing:0px;display:inline;fill:#000000;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;">
                    <tspan style="font-weight:bold;font-size:12.5px;font-family:Oxygen;;fill:#d9534f;" y="105" x="374">0.0</tspan>
                </text>
                <text y="105" x="400" style="font-weight:normal;font-size:15px;line-height:125%;font-family:Oxygen;letter-spacing:0px;display:inline;fill:#000000;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;">
                    <tspan style="font-weight:bold;font-size:12.5px;font-family:Oxygen;;fill:#adadad;" y="105" x="400">DLY-RG</tspan>
                </text>
            </g>
            <g class="pf-header-system" id="pf-header-system-3">
                <path d="m 15 150 90 0 c 2.8 0 5 2 5 5 l 0 30 c 0 2.8 -2 5 -5 5 l -90 0 c -2.8 0 -5 -2 -5 -5 l 0 -30 c 0 -2.8 2 -5 5 -5 z" style="fill:#313335;stroke:none;stroke-width:2;stroke-miterlimit:50;stroke-dasharray:none;"/>
                <path d="m 110 165 c 1.7 0 3 1 3.9 2.9 0.8 1.7 0.8 3.7 0 5 -0.8 1.7 -2 2.7 -4 2.7" style="display:inline;fill:#313335;stroke:none;stroke-width:2;stroke-miterlimit:50;stroke-dasharray:none;"/>
                <path d="m 55 149 c 0 -1.7 1 -3 2.9 -3.9 1.7 -0.8 3.7 -0.8 5 0 1.7 0.8 2.7 2 2.7 4" style="display:inline;fill:#313335;stroke:none;stroke-width:2;stroke-miterlimit:50;stroke-dasharray:none;"/>
                <path d="m 10 170 100 0" style="fill:none;fill-rule:evenodd;stroke:#63676a;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:0;stroke-dasharray:4,4;stroke-dashoffset:0;"/>
                <text y="165" x="35" style="font-weight:normal;font-size:15px;line-height:125%;font-family:Oxygen;letter-spacing:0px;fill:#000000;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;">
                    <tspan style="font-weight:bold;font-size:12.5px;font-family:Oxygen;;fill:#adadad;" y="165" x="35">Polaris</tspan>
                </text>
                <rect ry="1.8" y="155" x="82" height="10" width="10" style="fill:#e06fad;stroke:none;stroke-width:1.5;stroke-miterlimit:0;stroke-dasharray:6, 6;stroke-dashoffset:0;"/>
                <path d="m 97 159 3.7 3 3 -3" style="fill:none;fill-rule:evenodd;stroke:#63676a;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;"/>
                <circle r="3" cy="180" cx="18" style="fill:#5cb85c;stroke:none;stroke-width:1.5;stroke-miterlimit:0;stroke-dasharray:6, 6;stroke-dashoffset:0;"/>
                <text y="184" x="26" style="font-weight:normal;font-size:15px;line-height:125%;font-family:Oxygen;letter-spacing:0px;fill:#000000;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;">
                    <tspan style="font-weight:bold;font-size:10px;font-family:Oxygen;;fill:#63676a;" y="184" x="26">Exodus 4D</tspan>
                </text>
            </g>
            <g class="pf-header-system" id="pf-header-system-4">
                <path d="m 235 230 90 0 c 2.8 0 5 2 5 5 l 0 10 c 0 2.8 -2 5 -5 5 l -90 0 c -2.8 0 -5 -2 -5 -5 l 0 -10 c 0 -2.8 2 -5 5 -5 z" style="fill:#313335;stroke:none;stroke-width:2;stroke-miterlimit:50;stroke-dasharray:none;"/>
                <path d="m 331 234.7 c 1.7 0 3 1 3.9 2.9 0.8 1.7 0.8 3.7 0 5 -0.8 1.7 -2 2.7 -4 2.7" style="display:inline;fill:#313335;stroke:none;stroke-width:2;stroke-miterlimit:50;stroke-dasharray:none;"/>
                <path d="m 230 234.8 c -1.7 0 -3 1 -3.9 2.9 -0.8 1.7 -0.8 3.7 0 5 0.8 1.7 2 2.7 4 2.7" style="display:inline;fill:#313335;stroke:none;stroke-width:2;stroke-miterlimit:50;stroke-dasharray:none;"/>
                <path d="m 285 250.7 c 0 1.7 -1 3 -2.9 3.9 -1.7 0.8 -3.7 0.8 -5 0 -1.7 -0.8 -2.7 -2 -2.7 -4" style="display:inline;fill:#313335;stroke:none;stroke-width:2;stroke-miterlimit:50;stroke-dasharray:none;"/>
                <text y="244" x="255" style="font-weight:normal;font-size:15px;line-height:125%;font-family:Oxygen;letter-spacing:0px;display:inline;fill:#000000;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;">
                    <tspan style="font-weight:bold;font-size:12.5px;font-family:Oxygen;;fill:#adadad;" y="244" x="255">J155207</tspan>
                </text>
                <rect ry="1.8" y="235" x="314" height="10" width="10" style="display:inline;fill:#428bca;stroke:none;stroke-width:1.5;stroke-miterlimit:0;stroke-dasharray:6, 6;stroke-dashoffset:0;"/>
                <text y="244" x="235" style="font-weight:normal;font-size:15px;line-height:125%;font-family:sans-serif;letter-spacing:0px;display:inline;fill:#000000;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;">
                    <tspan style="font-weight:bold;font-size:12.5px;font-family:Oxygen;;fill:#e28a0d;" y="244" x="235">C3</tspan>
                </text>
            </g>
            <g class="pf-header-system" id="pf-header-system-5">
                <path d="m 175 330 90 0 c 2.8 0 5 2 5 5 l 0 30 c 0 2.8 -2 5 -5 5 l -90 0 c -2.8 0 -5 -2 -5 -5 l 0 -30 c 0 -2.8 2 -5 5 -5 z" style="fill:#313335;stroke:none;stroke-width:2;stroke-miterlimit:50;stroke-dasharray:none;"/>
                <path d="m 213 330 c 0 -1.7 1 -3 2.9 -3.9 1.7 -0.8 3.7 -0.8 5 0 1.7 0.8 2.7 2 2.7 4" style="display:inline;fill:#313335;stroke:none;stroke-width:2;stroke-miterlimit:50;stroke-dasharray:none;"/>
                <path d="m 170 350 100 0" style="display:inline;fill:none;fill-rule:evenodd;stroke:#63676a;stroke-width:1;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:0;stroke-dasharray:4, 4;stroke-dashoffset:0;"/>
                <text y="165" x="14"
                      style="font-weight:normal;font-size:15px;line-height:125%;font-family:sans-serif;letter-spacing:0px;fill:#000000;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;">
                    <tspan style="font-size:12.5px;fill:#d9534f;;font-family:Oxygen;font-weight:bold;font-variant:normal" y="165" x="14">C6</tspan>
                </text>
                <text y="345" x="176"
                      style="font-weight:normal;font-size:15px;line-height:125%;font-family:sans-serif;letter-spacing:0px;display:inline;fill:#000000;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;">
                    <tspan style="font-weight:bold;font-size:12.5px;font-family:Oxygen;;fill:#5cb85c;" y="345" x="176">H</tspan>
                </text>
                <text y="345" x="191"
                      style="font-weight:normal;font-size:15px;line-height:125%;font-family:Oxygen;letter-spacing:0px;display:inline;fill:#000000;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;">
                    <tspan style="font-weight:bold;font-size:12.5px;font-family:Oxygen;;fill:#adadad;" y="345" x="191">Aeddin</tspan>
                </text>
                <circle r="3" cy="360" cx="179" style="display:inline;fill:#428bca;stroke:none;stroke-width:1.5;stroke-miterlimit:0;stroke-dasharray:6, 6;stroke-dashoffset:0;"/>
                <text y="364" x="187" style="font-weight:normal;font-size:15px;line-height:125%;font-family:Oxygen;letter-spacing:0px;display:inline;fill:#000000;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;">
                    <tspan style="font-weight:bold;font-size:10px;font-family:Oxygen;;fill:#63676a;" y="364" x="187">Sibasomos</tspan>
                </text>
                <path d="m 256 338 3.7 3 3 -3" style="display:inline;fill:none;fill-rule:evenodd;stroke:#63676a;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;"/>
            </g>
            <g class="pf-header-system" id="pf-header-system-6">
                <path d="m 435 310 90 0 c 2.8 0 5 2 5 5 l 0 10 c 0 2.8 -2 5 -5 5 l -90 0 c -2.8 0 -5 -2 -5 -5 l 0 -10 c 0 -2.8 2 -5 5 -5 z" style="fill:#313335;stroke:none;stroke-width:2;stroke-miterlimit:50;stroke-dasharray:none;"/>
                <path d="m 430 315 c -1.7 0 -3 1 -3.9 2.9 -0.8 1.7 -0.8 3.7 0 5 0.8 1.7 2 2.7 4 2.7" style="display:inline;fill:#313335;stroke:none;stroke-width:2;stroke-miterlimit:50;stroke-dasharray:none;"/>
                <text y="326" x="438" style="font-weight:normal;font-size:15px;line-height:125%;font-family:sans-serif;letter-spacing:0px;display:inline;fill:#000000;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;">
                    <tspan style="font-weight:bold;font-size:12.5px;font-family:Oxygen;;fill:#e28a0d;" y="326" x="438">L</tspan>
                </text>
                <text y="326" x="450" style="font-weight:normal;font-size:15px;line-height:125%;font-family:Oxygen;letter-spacing:0px;display:inline;fill:#000000;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;">
                    <tspan style="font-weight:bold;font-size:12.5px;font-family:Oxygen;;fill:#adadad;" y="326" x="450">Tararan</tspan>
                </text>
            </g>
        </svg>
    </div>
</div>

<!-- map background -->
<div id="{{bgId}}">
    <img id="{{mapBgImageId}}" src="public/img/landing/map/bg.jpg">
    <img id="{{neocomId}}" src="public/img/landing/map/neocom.jpg">
    <img id="{{browserId}}" src="public/img/landing/map/browser.jpg">
</div>


