<!DOCTYPE html>
<html lang="en" xmlns:th=http://www.thymeleaf.org>
    <head>
        <meta charset="utf-8"/>
        <meta name="viewport" content="width=device-width,initial-scale=1"/>
        <meta name="theme-color" content="#000000"/>
        <meta name="description" content="포항시 교통정보센터입니다"/>
        <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
        <title>포항시 교통정보센터</title>
        <th:block th:include="/include/head.html"></th:block>
        <link rel="stylesheet" th:href="@{/css/traffic.css}">
        <link rel="stylesheet" th:href="@{/css/video-7.10.2.css}">
        <script th:src="@{${@environment.getProperty('kakao-url')}}"></script>
        <script th:src="@{/js/traffic/traffic.js}"></script>
        <script th:src="@{/js/videojs/video-7.10.2.js}"></script>
    </head>
    <body id="body">
        <th:block th:include="/include/header.html"></th:block>
<!--        <th:block th:include="/include/mobile-header.html"></th:block>-->
        <div class="trafficWrap">
            <div id="map">
                <th:block th:include="/include/traffic.html"></th:block>
            </div>
            <select class="mobile-select">
                <option value="-">스마트 교차로 목록을 선택해주세요</option>
            </select>
        </div>
        <th:block th:include="/include/footer.html"></th:block>
    </body>
</html>