test

<?php
/*
Template Name: Kontaktu puslapis
*/
get_header(); ?>
    <div id="page_wrap">
        <!--    <canvas id="boxCanvas" width="1000" height="700" ></canvas>-->
        <div class="sidebar">
            <div class="info_block" id="contacts_block">
                <div id="left_top" class="block_border"></div>
                <div id="left_bottom" class="block_border"></div>
                <div id="right_bottom" class="block_border"></div>
                <div id="right_top" class="block_border"></div>
                <div class="contacts_box">
                    <div class="box_index">.01.</div>
                    <div class="extra_wrap">
                        <div class="box_wrap">
                            <strong><?php the_field('antraste'); ?></strong>
                            <?php the_field('aprasymas'); ?>
                        </div>
                    </div>
                </div>
                <div class="block_separator"></div>
                <div class="clear"></div>
                <div class="contacts_box">
                    <div class="box_index">.02.</div>
                    <div class="extra_wrap">
                        <div class="box_wrap">
                            <div itemscope itemtype="http://schema.org/Organization">
                                <strong itemprop="name"><?php the_field('pavadinimas'); ?></strong>
                                <span itemprop="address" itemscope itemtype="http://schema.org/PostalAddress">
                                                                <?php the_field('adresas'); ?><br/>
                                </span>
                                <span itemprop="telephone"><?php the_field('telefonas'); ?></span>,<br/>
                                Įmonės kodas: <?php the_field('imones_kodas'); ?><br/>
                                PVM kodas:<?php the_field('pvm_kodas'); ?><br/>
                                <span class="email" itemprop="email"><?php the_field('el.pastas'); ?></span>
                            </div>
                        </div>
                    </div>
                </div>


            </div>
            <div class="clear"></div>
        </div>

    </div>
    <div class="content">
        <div id="main_box" class="contacts" >
            <img src="<?php bloginfo("template_url"); ?>/images/box.png" id="box_image"/>


            <map name="mainMap" id="mainMap">
                <area
                    shape="poly"
                    href="#"
                    alt=""
                    data-state="point1"
                    coords="694,450,712,462,729,462,737,462,746,462,754,462,765,462,781,464,802,464,828,464,837,464,869,464,767,447,698,456,690,477,695,495,712,511,727,519,743,536,798,553,835,555,850,541,878,544,904,543,948,543,972,530,991,523,998,519,1001,510,1022,505,1031,474,998,460,998,450,1017,423,988,442,988,437"
                    />
                <area
                    shape="poly"
                    href="#"
                    alt=""
                    data-state="point2"

                    coords="691,357,705,350,731,343,798,342,890,343,960,337,997,357,1011,366,1015,385,1015,395,1013,412,1005,420,997,425,988,428,981,430,962,434,954,436,934,437,913,437,893,438,864,436,833,436,810,437,786,440,768,444,743,444,722,444,711,444,700,444,684,393,684,377"
                    />
                <area
                    shape="poly"
                    href="#"
                    alt=""
                    data-state="point3"

                    coords="1046,562,1087,549,1145,511,1140,416,1067,403,1049,415,995,544,1018,549"
                    />
                <area
                    shape="poly"
                    href="#"
                    alt=""
                    data-state="point4"
                    coords="1074,391,1072,382,1068,369,1068,357,1073,345,1079,333,1080,325,1082,321,1089,313,1096,311,1104,311,1120,311,1141,311,1157,315,1164,315,1165,317,1168,322,1168,322,1173,328,1182,340,1183,351,1186,365,1188,374,1188,380,1188,388,1188,392,1178,405,1156,405,1138,407,1123,407,1107,407,1093,407,1080,400"
                    />
            </map>
        </div>
        <div id="main_boxHD">
            <img src="<?php bloginfo("template_url"); ?>/images/box_hd.png" id="box_imageHD" usemap="#mainMap"/>
        </div>
    </div>
    <div class="clear"></div>
    </div>
    <script>
        $(document).ready(function () {
            animateContacts();
            ContactsTl.play();
        });

        function animateOut() {
            ContactsTl.reverse();
        }
    </script>
    </div>
<?php get_footer(); ?>