
<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=10" />
        <meta name="format-detection" content="telephone=no" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        @{import('meta', 'head', 'favicon.ico')}
        <meta name="robots" content="all,follow" />
        <head>
            <meta charset="UTF-8" />
            <meta name="viewport" content="initial-scale=1, width=device-width" />
            <!-- style css & jqury & js-->
            <link rel="stylesheet" href="../../../css/style.css" />
            <link rel="stylesheet" href="../../../css/respansiv.css" />
            <link rel="stylesheet" href="../../../css/menu.css" />
            <link rel="stylesheet" href="../../../css/footer.css" />
            <script src="js/java.js"></script>
            <!-- bootstrap cdn -->
            <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous">
            <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.9.2/dist/umd/popper.min.js" integrity="sha384-IQsoLXl5PILFhosVNubq5LC7Qb9DXgDA9i+tQ8Zj3iwWAwPtgFTxbJ8NT4GN1R8p" crossorigin="anonymous"></script>
            <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-cVKIPhGWiC2Al4u+LWgxfKTRIcfu0JTxR+EQDz/bgldoEyl4H0zUF0QKbrJ0EcQF" crossorigin="anonymous"></script>
            <!-- icon cdn -->
            <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css" />
            @{section('header')}
            <script defer src="https://use.fontawesome.com/releases/v5.0.7/js/all.js"></script>
            <script src="https://kit.fontawesome.com/yourcode.js" crossorigin="anonymous"></script>
            <!-- end icon cdn -->
            <!-- jqury cdn -->
            <script src="https://code.jquery.com/jquery-3.6.1.js" integrity="sha256-3zlB5s2uwoUzrXK3BT7AX3FyvojsraNFxCc2vC/7pNI=" crossorigin="anonymous"></script>
            <!-- jqury cdn -->
   
          
            <style>
                @font-face {
                    font-family: 'shabnam';
                    src: url('../../../fonts/Shabnam.ttf') format('ttf');
                    src: url('../../../fonts/Shabnam.woff') format('woff');
        
                }
        
                @font-face {
                    font-family: 'iran';
                    src: url('../../../fonts/IranNastaliq.ttf') format('ttf');
                    src: url('../../../fonts/IranNastaliq.woff') format('woff');
                }
        
            </style>
        
            
        </head>
       
<style>
    

</style>            
</head>
<body style="overflow-x:hidden;">

    <!-- navbar -->
    <nav class="navbar navbar-expand-sm navbar-dark bg-dark ">
        <div class="container-fluid">
            <a class="navbar-brand" href="javascript:void(0)"><img class="logo-nav" src="images/logo.png" alt="" title=""></a>
            <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#mynavbar">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse" id="mynavbar">
                <ul class="navbar-nav me-auto">
                    <li class="nav-item">
                        <a class="nav-link" href="javascript:void(0)">صفحه اصلی </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="javascript:void(0)">سامانه تدارکات الکترونیکی</a>
                    </li>
                    <li class="nav-item dropdown">
                        <a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown">شهرداری نوشهر </a>
                        <ul class="dropdown-menu">
                            <li><a class="dropdown-item" href="#">درباره شهرداری</a></li>
                            <li><a class="dropdown-item" href="#">پرسنل شهرداری </a></li>
                            <li><a class="dropdown-item" href="#">تاریخچه شهر نوشهر </a></li>
                        </ul>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="javascript:void(0)">سامانه 137</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="javascript:void(0)"> شورای شهر </a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="javascript:void(0)">تماس با ما </a>
                    </li>

                </ul>
                <div class="div-time-form">
                    <time class="time">یکشنبه 15خرداد 1402</time>
                    <form class="d-flex">
                        <input class="form-control me-2" id="search-box" type="text" placeholder="دنبال چه چیزی میگردید؟">
                        <div class="btn btn-primary" id="search-icon" type="button"><i class="fa fa-search"></i></div>
                    </form>
                </div>
            </div>
        </div>
    </nav>




@{body}

<footer class="col-footer">
    <div class="container">
<div class="col-lg-12 col-md-12 col-sm-12 col-xs-12 footer">
        <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 div-call-us">
            <span class="title-call-us">تماس با ما</span>
            <div class="call-us-mayor">
            <ul >
                <li ><i class="fa fa-map-marker icon-footer"></i> <address>@{!repository.contact.address}</address> </li>
                 <li > <i class="fa fa-phone icon-footer"></i> @{!repository.contact.phone_1}</li>
                 <li ><i class="fa fa-fax icon-footer"></i> @{!repository.contact.phone_2}</li>
                </ul>
            
            </div>
    </div>
       <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 col-masenger">
           <span class="title-masenger">شهردای نوشهر در شبکه های اجتماعی </span>
             <div class="masenger-list">
            <ul >
                <li > <a href="@{!repository.contact.bale}"><img class="icon-masenger" src="images/icon/Bale.svg" alt="بله" title="بله">بله</a></li>
                 <li > <a href="@{!repository.contact.eeta}"><img class="icon-masenger" src="images/icon/eta.jpg" alt="ایتا" title="ایتا">ایتا</a></li>
                 <li > <a href="@{!repository.contact.telegram}"><img class="icon-masenger" src="images/icon/Telegram.svg.png" alt="تلگرام" title="تلگرام">تلگرام</a></li>
                 <li > <a href="@{!repository.contact.whatsapp}"><img class="icon-masenger" src="images/icon/WhatsApp.svg.png" alt="واتساپ" title="واتساپ">واتساپ</a></li>
                <li > <a href="@{!repository.contact.instagram}"><img class="icon-masenger" src="images/icon/instagram.svg" alt="اینستاگرام" title="اینستاگرام">اینستاگرام</a></li>
                </ul>
            
            </div>
    </div>
       <div class="col-lg-4 col-md-4 col-sm-12 col-xs-12 col-map">
             <span class="title-masenger">شهردای نوشهر درنقشه </span>
           <iframe class="map" src="https://balad.ir/embed?p=6alcxEfdrlVE5q" title="مشاهده «شهرداری نوشهر» روی نقشه بلد" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen="" aria-hidden="false" tabindex="0"></iframe>
    </div>
    </div>
        </div>
    <div class="copy-right">
    <a class="link-copy-right" href="https://avisa-it.ir">طراحی و اجرا شرکت فناوری اطلاعات آویسا </a>
    </div>
</footer>


@{section('footer')}
<script src="../../../script/java.js"></script>


    </body>
</html>