<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Command Center - Otoritas Pelabuhan Tanjung Priok</title>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.3.1/dist/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    <link rel="stylesheet" type="text/css" href="css/main.css">
    <link rel="stylesheet" type="text/css" href="third_party/fontawesome-6.2.0/css/all.css">
</head>
<body>
<main class="site-wrapper">
<div class="pt-table desktop-768">
    <div class="pt-tablecell page-home relative" style="background-image: url('image/bg.jpg');
    background-position: center;
    background-size: cover;">
        <div class="overlay"></div>



        <div class="container">
            <div class="row">
                <div class="col-xs-12 col-md-offset-1 col-md-10 col-lg-offset-2 col-lg-8">
                    <div class="page-title  home text-center">
                        <center>
                            <h1 class="text-white">COMMAND CENTER</h1>
                            <h3 class="text-white">Otoritas Pelabuhan Tanjung Priok</h3>
                        </center>
                     <!--  <span class="heading-page"> COMMAND CENTER
                      </span>
                        <p class="mt20 h5">Otoritas Pelabuhan Tanjung Priok</p> -->
                    </div>

                    <div class=" clear">
                        <div class="hexagon-item">
                            <div class="hex-item">
                                <div></div>
                                <div></div>
                                <div></div>
                            </div>
                            <div class="hex-item">
                                <div></div>
                                <div></div>
                                <div></div>
                            </div>
                            <a  class="hex-content" href="https://apps3.insw.go.id/dashboard_dtinsw.php">
                                <span class="hex-content-inner">
                                    <span class="icon">
                                        <i class="fa fa-universal-access"></i>
                                    </span>
                                    <span class="title">DWELLING TIME</span>
                                </span>
                                <svg viewBox="0 0 173.20508075688772 200" height="200" width="174" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M86.60254037844386 0L173.20508075688772 50L173.20508075688772 150L86.60254037844386 200L0 150L0 50Z" fill="#1e2530"></path></svg>
                            </a>
                        </div>
                        <div class="hexagon-item">
                            <div class="hex-item">
                                <div></div>
                                <div></div>
                                <div></div>
                            </div>
                            <div class="hex-item">
                                <div></div>
                                <div></div>
                                <div></div>
                            </div>
                            <a  class="hex-content" href="https://monitoring-inaportnet.dephub.go.id/">
                                <span class="hex-content-inner">
                                    <span class="icon">
                                        <i class="fa fa-bullseye"></i>
                                    </span>
                                    <span class="title">INAPORTNET MONITORING</span>
                                </span>
                                <svg viewBox="0 0 173.20508075688772 200" height="200" width="174" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M86.60254037844386 0L173.20508075688772 50L173.20508075688772 150L86.60254037844386 200L0 150L0 50Z" fill="#1e2530"></path></svg>
                            </a>
                        </div>
                        <div class="hexagon-item">
                            <div class="hex-item">
                                <div></div>
                                <div></div>
                                <div></div>
                            </div>
                            <div class="hex-item">
                                <div></div>
                                <div></div>
                                <div></div>
                            </div>
                            <a  class="hex-content" href="https://www.marinetraffic.com/en/ais/home/centerx:107.1/centery:-5.7/zoom:9">
                                <span class="hex-content-inner">
                                    <span class="icon">
                                        <i class="fa fa-braille"></i>
                                    </span>
                                    <span class="title">Vessel Trafic</span>
                                </span>
                                <svg viewBox="0 0 173.20508075688772 200" height="200" width="174" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M86.60254037844386 0L173.20508075688772 50L173.20508075688772 150L86.60254037844386 200L0 150L0 50Z" fill="#1e2530"></path></svg>
                            </a>    
                        </div>
                        <div class="hexagon-item">
                            <div class="hex-item">
                                <div></div>
                                <div></div>
                                <div></div>
                            </div>
                            <div class="hex-item">
                                <div></div>
                                <div></div>
                                <div></div>
                            </div>
                            <a  class="hex-content" href="http://cctv.priokport.co.id/public">
                                <span class="hex-content-inner">
                                    <span class="icon">
                                       <i class="fa fa-video-camera"></i>
                                    </span>
                                    <span class="title">CCTV TJ</span>
                                </span>
                                <svg viewBox="0 0 173.20508075688772 200" height="200" width="174" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M86.60254037844386 0L173.20508075688772 50L173.20508075688772 150L86.60254037844386 200L0 150L0 50Z" fill="#1e2530"></path></svg>
                            </a>
                        </div>
                        <div class="hexagon-item">
                            <div class="hex-item">
                                <div></div>
                                <div></div>
                                <div></div>
                            </div>
                            <div class="hex-item">
                                <div></div>
                                <div></div>
                                <div></div>
                            </div>
                            <a  class="hex-content" href="https://www.google.co.id/maps/@-6.1098332,106.8835301,17z/data=!5m2!1e4!1e1">
                                <span class="hex-content-inner">
                                    <span class="icon">
                                        <i class="fa fa-life-ring"></i>
                                    </span>
                                    <span class="title">Maps</span>
                                </span>
                                <svg viewBox="0 0 173.20508075688772 200" height="200" width="174" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M86.60254037844386 0L173.20508075688772 50L173.20508075688772 150L86.60254037844386 200L0 150L0 50Z" fill="#1e2530"></path></svg>
                            </a>
                        </div>
                        <div class="hexagon-item">
                            <div class="hex-item">
                                <div></div>
                                <div></div>
                                <div></div>
                            </div>
                            <div class="hex-item">
                                <div></div>
                                <div></div>
                                <div></div>
                            </div>
                            <a  class="hex-content" href="http://stid.priokport.co.id/login">
                                <span class="hex-content-inner">
                                    <span class="icon">
                                        <i class="fa fa-clipboard"></i>
                                    </span>
                                    <span class="title">STID</span>
                                </span>
                                <svg viewBox="0 0 173.20508075688772 200" height="200" width="174" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M86.60254037844386 0L173.20508075688772 50L173.20508075688772 150L86.60254037844386 200L0 150L0 50Z" fill="#1e2530"></path></svg>
                            </a>
                        </div>
                        <div class="hexagon-item">
                            <div class="hex-item">
                                <div></div>
                                <div></div>
                                <div></div>
                            </div>
                            <div class="hex-item">
                                <div></div>
                                <div></div>
                                <div></div>
                            </div>
                            <a  class="hex-content" href="http://simontkbm.priokport.co.id/">
                                <span class="hex-content-inner">
                                    <span class="icon">
                                        <i class="fa fa-map-signs"></i>
                                    </span>
                                    <span class="title">TKBM</span>
                                </span>
                                <svg viewBox="0 0 173.20508075688772 200" height="200" width="174" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M86.60254037844386 0L173.20508075688772 50L173.20508075688772 150L86.60254037844386 200L0 150L0 50Z" fill="#1e2530"></path></svg>
                            </a>
                        </div>

                    </div>
                     <div class="hexagon-menu clear">
                        <div class="hexagon-item" style="margin-top:-50px">
                            <div class="hex-item">
                                <div></div>
                                <div></div>
                                <div></div>
                            </div>
                            <div class="hex-item">
                                <div></div>
                                <div></div>
                                <div></div>
                            </div>
                            <a  class="hex-content" href="https://ssm.insw.go.id/ssm/">
                                <span class="hex-content-inner">
                                    <span class="icon">
                                        <i class="fa fa-suitcase"></i>
                                    </span>
                                    <span class="title">SSM Pengangkut - INSW</span>
                                </span>
                                <svg viewBox="0 0 173.20508075688772 200" height="200" width="174" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M86.60254037844386 0L173.20508075688772 50L173.20508075688772 150L86.60254037844386 200L0 150L0 50Z" fill="#1e2530"></path></svg>
                            </a>
                        </div>
                        <div class="hexagon-item" style="margin-left:-145px; margin-top: -25px;">
                            <div class="hex-item">
                                <div></div>
                                <div></div>
                                <div></div>
                            </div>
                            <div class="hex-item">
                                <div></div>
                                <div></div>
                                <div></div>
                            </div>
                            <a  class="hex-content" href="https://awasketiban-oppriok.dephub.go.id/admin/login">
                                <span class="hex-content-inner">
                                    <span class="icon">
                                        <i class="fa fa-server"></i>
                                    </span>
                                    <span class="title">AWAS KETIBAN</span>
                                </span>
                                <svg viewBox="0 0 173.20508075688772 200" height="200" width="174" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M86.60254037844386 0L173.20508075688772 50L173.20508075688772 150L86.60254037844386 200L0 150L0 50Z" fill="#1e2530"></path></svg>
                            </a>
                        </div>
                        <div class="hexagon-item" style="margin-top: -25px;">
                            <div class="hex-item">
                                <div></div>
                                <div></div>
                                <div></div>
                            </div>
                            <div class="hex-item">
                                <div></div>
                                <div></div>
                                <div></div>
                            </div>
                            <a  class="hex-content" href="http://localhost/op/news.php">
                                <span class="hex-content-inner">
                                    <span class="icon">
                                        <i class="fa fa-rss"></i>
                                    </span>
                                    <span class="title">NEWS</span>
                                </span>
                                <svg viewBox="0 0 173.20508075688772 200" height="200" width="174" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M86.60254037844386 0L173.20508075688772 50L173.20508075688772 150L86.60254037844386 200L0 150L0 50Z" fill="#1e2530"></path></svg>
                            </a>
                        </div>
                        <div class="hexagon-item" style="margin-top: -25px;">
                            <div class="hex-item">
                                <div></div>
                                <div></div>
                                <div></div>
                            </div>
                            <div class="hex-item">
                                <div></div>
                                <div></div>
                                <div></div>
                            </div>
                            <a  class="hex-content" href="">
                                <span class="hex-content-inner">
                                    <span class="icon">
                                        <!-- <i class="fa fa-bullseye"></i> -->
                                    </span>
                                    <span class="title">&nbsp;</span>
                                </span>
                                <svg viewBox="0 0 173.20508075688772 200" height="200" width="174" version="1.1" xmlns="http://www.w3.org/2000/svg"><path d="M86.60254037844386 0L173.20508075688772 50L173.20508075688772 150L86.60254037844386 200L0 150L0 50Z" fill="#1e2530"></path></svg>
                            </a>
                        </div>
                    </div>
                    
                </div>
            </div>
        </div>
    </div>
</div>
</main>
</body>
</html>