<!--
████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
█░░░░░░░░░░░░░░█░░░░░░░░░░█░░░░░░█████████░░░░░░░░░░░░░░█░░░░░░░░░░░░░░█░░░░░░██████████░░░░░░█░░░░░░░░░░░░░░█░░░░░░░░░░░░░░██████████░░░░░░░░░░█░░░░░░░░░░░░░░░░███
█░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀▄▀▄▀░░█░░▄▀░░█████████░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀░░██████████░░▄▀░░█░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀▄▀▄▀▄▀▄▀░░██████████░░▄▀▄▀▄▀░░█░░▄▀▄▀▄▀▄▀▄▀▄▀░░███
█░░▄▀░░░░░░░░░░█░░░░▄▀░░░░█░░▄▀░░█████████░░▄▀░░░░░░▄▀░░█░░▄▀░░░░░░░░░░█░░▄▀░░██████████░░▄▀░░█░░▄▀░░░░░░░░░░█░░▄▀░░░░░░▄▀░░██████████░░░░▄▀░░░░█░░▄▀░░░░░░░░▄▀░░███
█░░▄▀░░███████████░░▄▀░░███░░▄▀░░█████████░░▄▀░░██░░▄▀░░█░░▄▀░░█████████░░▄▀░░██████████░░▄▀░░█░░▄▀░░█████████░░▄▀░░██░░▄▀░░████████████░░▄▀░░███░░▄▀░░████░░▄▀░░███
█░░▄▀░░███████████░░▄▀░░███░░▄▀░░█████████░░▄▀░░░░░░▄▀░░█░░▄▀░░░░░░░░░░█░░▄▀░░██░░░░░░██░░▄▀░░█░░▄▀░░░░░░░░░░█░░▄▀░░░░░░▄▀░░░░██████████░░▄▀░░███░░▄▀░░░░░░░░▄▀░░███
█░░▄▀░░██░░░░░░███░░▄▀░░███░░▄▀░░█████████░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀░░██░░▄▀░░██░░▄▀░░█░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀▄▀▄▀▄▀▄▀▄▀░░██████████░░▄▀░░███░░▄▀▄▀▄▀▄▀▄▀▄▀░░███
█░░▄▀░░██░░▄▀░░███░░▄▀░░███░░▄▀░░█████████░░▄▀░░░░░░▄▀░░█░░░░░░░░░░▄▀░░█░░▄▀░░██░░▄▀░░██░░▄▀░░█░░▄▀░░░░░░░░░░█░░▄▀░░░░░░░░▄▀░░██████████░░▄▀░░███░░▄▀░░░░░░▄▀░░░░███
█░░▄▀░░██░░▄▀░░███░░▄▀░░███░░▄▀░░█████████░░▄▀░░██░░▄▀░░█████████░░▄▀░░█░░▄▀░░░░░░▄▀░░░░░░▄▀░░█░░▄▀░░█████████░░▄▀░░████░░▄▀░░██████████░░▄▀░░███░░▄▀░░██░░▄▀░░█████
█░░▄▀░░░░░░▄▀░░█░░░░▄▀░░░░█░░▄▀░░░░░░░░░░█░░▄▀░░██░░▄▀░░█░░░░░░░░░░▄▀░░█░░▄▀▄▀▄▀▄▀▄▀▄▀▄▀▄▀▄▀░░█░░▄▀░░░░░░░░░░█░░▄▀░░░░░░░░▄▀░░█░░░░░░█░░░░▄▀░░░░█░░▄▀░░██░░▄▀░░░░░░█
█░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀▄▀▄▀░░█░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀░░██░░▄▀░░█░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀░░░░░░▄▀░░░░░░▄▀░░█░░▄▀▄▀▄▀▄▀▄▀░░█░░▄▀▄▀▄▀▄▀▄▀▄▀░░█░░▄▀░░█░░▄▀▄▀▄▀░░█░░▄▀░░██░░▄▀▄▀▄▀░░█
█░░░░░░░░░░░░░░█░░░░░░░░░░█░░░░░░░░░░░░░░█░░░░░░██░░░░░░█░░░░░░░░░░░░░░█░░░░░░██░░░░░░██░░░░░░█░░░░░░░░░░░░░░█░░░░░░░░░░░░░░░░█░░░░░░█░░░░░░░░░░█░░░░░░██░░░░░░░░░░█
████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████████
-->


        <!DOCTYPE html>
<html lang="en">
<head>

    
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Sports Federation of veterans and handicapped information base</title>
    <meta name=theme-color content=#000972 />
        
    <link rel="icon" href="https://irisfd.ir/cropped-fav-160x160.png" sizes="32x32" />
    <link rel="icon" href="https://irisfd.ir/cropped-fav-300x300.png" sizes="192x192" />

    <meta name="description" content="توضیحات">
    <meta name="author" content="https://irisfddemo.pouyadadeh.com/en">
    <meta property=og:site_name content="Sports Federation of veterans and handicapped information base"/>
    <meta property=og:url content="info@irisfddemo.pouyadadeh.com"/>
    <meta property=og:title content="Sports Federation of veterans and handicapped information base"/>
    <meta property=og:type content=website/>
    <meta property=og:image content="https://irisfd.ir/uploads/generalinfo/819f46e52c25763a55cc642422644317cfcd208495d565ef66e7dff9f98764da.png"/>
    <meta property=og:description content="توضیحات"/>
    

    <link rel="stylesheet" href="/base/font-awesome/css/all.min.css">

    <link rel="stylesheet" href="/theme/fed/css/bs5/bootstrap.min.css">
    <link href="/theme/fed/css/style.css" rel="stylesheet" media="all"/>
    <link href="/theme/fed/skins/green/style.css" rel="stylesheet" media="all"/>
    <link  href="/theme/fed/css/layerslider.css" rel="stylesheet" media="all"/>
    <link href="/theme/fed/css/responsive.css" rel="stylesheet" media="all"/>

            <link rel="stylesheet" href="/theme/fed/css/font-awesome.min.css">

    <script type="text/javascript" src="/theme/fed/js/jquery.js"></script>


    <script type="text/javascript" src="/theme/fed/js/jquery-migrate.min.js"></script>


    <link rel="stylesheet" href="/theme/slick/slick.css">
    <link rel="stylesheet" href="/theme/slick/slick-theme.css">
    <script type="text/javascript" src="/theme/slick/slick.min.js"></script>

    <style>
        h2{
            font-weight:500!important;
        }
        h5{
            font-weight:500!important;
        }
    </style>
        <link rel="preconnect" href="https://fonts.googleapis.com">
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;1,400;1,700;1,900&family=Readex+Pro:wght@200;300;400;500&family=Roboto&display=swap" rel="stylesheet">
</head>

<body style="font-family: 'Roboto', sans-serif!important;"  dir="rtl">

<div  class="d-xl-none d-lg-block" style="margin-bottom:60px">
    <div class="row">
        <div class="col-12 ps-3 text-center d-flex justify-content-center justify-content-lg-between align-items-center" style="height:130px; background:url(/theme/bge2.jpg)" >
            <img style=" width:430px " src="/theme/fed/headerlogo.png"/>
            <b class="d-none d-lg-block ms-3">1403/5/6 </b>
        </div>
        <div class="col-12 d-flex align-items-center " style="background:#013C57" >
            <div  class=" text-light me-3" style="cursor:pointer"  data-bs-toggle="offcanvas" data-bs-target="#offcanvasmenu" aria-controls="offcanvasmenu">
                <i class="fa fa-bars"></i>
            </div>
            <div class="w-100 d-flex justify-content-end align-items-center   ps-3   "    >
                <div class="d-flex  justify-content-center align-items-center  "  style="height:40px;">
                    <div>
                        <form class="d-flex justify-content-center align-items-center" role="search" method="get" action="https://irisfd.ir/en/search/blog">
                                <input type="hidden" name="_token" value="1iAAnKXxe2AdEfcHmaeS3KFcr11HBokFiibHnKgW">                            <input class="ps-4 bg-light" style="width: 150px; margin-bottom:0px; height:30px; border-radius:70px;" name="searchkey" dir="ltr" type="search" placeholder="search..." aria-label="Search">
                            <i style="margin-right:-20px;" class=" fa fa-search"></i>
                        </form>
                    </div>
                    <div class="d-flex px-3"  >
                        <a class="text-light  ms-1 d-flex align-items-center justify-content-center" href="/fa" ><b>FA</b>   <i class="pe-1 text-light   fa fa-2x fa-globe"></i></a>
                    </div>
                    <div href="/theme/fed/#"  style="cursor:pointer"  data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample" aria-controls="offcanvasExample">
                        <i class="text-light  fa fa-2x fa-phone "></i>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<div  class="d-none d-xl-block">
    <header >
        <div class="w-100" style="position:absolute; z-index:9;  "  >
            <img style="width: 100%; height:163px;" src="/theme/bge4.jpg"/>
        </div>
        <div class="main-menu-container pt-lg-4  "  style=" border-radius: 5px">
            <div class="w-100" >
                <div class="row">
                    <div class="col-lg-7 d-lg-flex d-none align-items-center py-2" style=" height: 170px; margin-bottom: -40px; z-index:999">
                        <a href="/">
                            <img style="width: 100%;  height: 220px; " src="/theme/irisfrd27.png"/>
                        </a>
                    </div>
                    <div class="col-md-6 d-lg-none d-flex align-items-center pt-2 " style="max-height: 170px;">
                        <a href="/">
                            <img style="width: 100%; margin-right:-10px!important;" src="/theme/irisfd2.png"/>
                        </a>
                    </div>
                    <div class=" col-md-6 col-lg-5 d-md-flex align-items-center justify-content-end ps-md-4"
                         dir="rtl" style="max-height: 170px; z-index:9">
                        <b class="ms-3  d-none  rounded p-2" style="font-weight:700; color:#FE070B; font-size:18px!important; ">
                             1403/05/06 
                        </b>
                    </div>
                </div>
            </div>
            <div class="main-menu " style="margin-bottom:20px;">
                <nav class="navbar navbar-expand-lg "     >
                    <div class="container-fluid " >
                        <button  class="navbar-toggler bg-light " type="button" >
                            <span class="navbar-toggler-icon"></span>
                        </button>
                        <div class="w-100 d-flex justify-content-end align-items-center  my-0  py-0 ps-3   hmcgilas"  id="navbarTogglerDemo03"   >
                            <div class="d-flex  justify-content-center align-items-center  "  style="height:40px;">
                                <b class="ms-1   rounded p-2" style="font-weight:700; color:#fafafa; font-size:14px!important; " dir="ltr">
                                     Saturday 27  July 2024  
                                </b>
                                <div>
                                    <form class="d-flex justify-content-center align-items-center" role="search" method="get" action="https://irisfd.ir/en/search/blog">
                                        <input type="hidden" name="_token" value="1iAAnKXxe2AdEfcHmaeS3KFcr11HBokFiibHnKgW">                                        <input class="ps-4  bg-light" style="width: 150px; margin-bottom:0px; height:30px; border-radius:70px;" name="searchkey"  dir="ltr" type="search" placeholder="search..." aria-label="Search">
                                        <i style="margin-right:-20px;" class=" fa fa-search"></i>
                                    </form>
                                </div>
                                <div class="d-flex px-3"  >
                                    <a class="text-light  ms-1 d-flex align-items-center justify-content-center" href="/fa" ><b>FA</b>   <i class="pe-1 text-light   fa fa-2x fa-globe"></i></a>
                                </div>
                                <div href="/theme/fed/#" style="cursor:pointer"    data-bs-toggle="offcanvas" data-bs-target="#offcanvasExample" aria-controls="offcanvasExample">
                                       <i class="text-light  fa fa-2x fa-phone "></i>
                                </div>
                            </div>
                        </div>
                    </div>
                </nav>
                <div style="margin-top:-47px;width: fit-content !important;" class="w-100 d-flex justify-content-start align-items-center    ps-3  hmcgilas2"  id="navbarTogglerDemo03"   >
                    <ul class="d-flex  my-0  pt-2 text-light  "  style="list-style:none;  z-index:999" >
                        <li class="px-3">
                            <a class=" text-light active" href="/en">Home</a>
                        </li>
                        <li class="ps-3">
                            <a class=" text-light " href="https://irisfd.ir/en/archive/news">Latest News</a>
                        </li>
                        <li class="ps-3">
                            <a class=" text-light"  href="/en/archive/انجمن%20ها">Associations</a>
                        </li>
                        <li class="ps-3">
                            <a class=" text-light" href="/en/calendar">Sports Calendar</a>
                        </li>
                        <li class="ps-3">
                            <a class=" text-light" href="/en/contact_us">Contact Us</a>
                        </li>
               
                                            </ul>
                </div>
            </div>
        </div>
    </header>
</div>
<div class="wrapper" style="margin-top: -60px!important;">
        <style>
        .page-link{
            width: 20px;
        }
    </style>

        <main >
        <div class="container-lg mt-5 pt-4" style="direction: ltr;">

            <div class="row pt-5">
                <datalist id="post_type_id">
                    <option value="خبر">
                    </option><option value="slider">
                    </option><option value="معرفی رشته">
                    </option><option value="نام آوران">
                    </option><option value="گزارش تصویری">
                    </option><option value="همراهان">
                    </option><option value="انجمن ها">
                    </option><option value="آرشیو تصویری">
                    </option><option value="پیام رهبری">
                    </option></datalist>
                                <h4 class="featurette-heading fw-normal  mb-3 lh-1">  associations  </h4>
            </div>

            <div class="row" >

                <div class="col-12 col-md-9 row">

                                            <div class="w-100 my-3 p-0 d-flex justify-content-center align-content-center">
                            <!-- start-page-nav -->
                            <nav aria-label="Page navigation example">
                                <ul class="pagination">
                                    <li class="page-item"><a class="page-link btn btn-sm btn-light" href="?page=1" aria-label="Previous">&laquo;</a></li>


                                                                                                                         <li class="page-item active"><a class="page-link" href="?page=1">1</a></li>


                                                                              <li class="page-item"><a class="page-link btn btn-sm btn-light"
                                                             href="?page=1"
                                                             aria-label="Next">&raquo;</a>
                                    </li>
                                </ul>
                            </nav>
                            <!-- finish-page-nav -->
                        </div>
                                                                <div class="px-4" style="min-height: 50vh">
                            <div class="alert alert-warning my-5" >no content found</div>
                        </div>
                                        
                        <div class="w-100 my-3 p-0 d-flex justify-content-center align-content-center">
                            <!-- start-page-nav -->
                            <nav aria-label="Page navigation example">
                                <ul class="pagination">
                                    <li class="page-item"><a class="page-link btn btn-sm btn-light" href="?page=1" aria-label="Previous">&laquo;</a></li>


                                                                                                                         <li class="page-item active"><a class="page-link" href="?page=1">1</a></li>


                                                                              <li class="page-item"><a class="page-link btn btn-sm btn-light"
                                                             href="?page=1"
                                                             aria-label="Next">&raquo;</a>
                                    </li>
                                </ul>
                            </nav>
                            <!-- finish-page-nav -->
                        </div>
                    

                </div>
                <div class="col-12 col-md-3 border-end">


                                    </div>

            </div>
        </div>
    </main>
    <footer id="footer">
    <div class="footer-widgets-wrapper">
        <div class="container">


            <div>
                <div class="row">

                    <div class="col-md-4">
                        <div class="column dt-sc-one-fourth">
                            <aside class="widget widget_recent_entries">
                                <div class="widgettitle d-flex align-items-center " dir="ltr"><span class="fa fa-link"></span><div class=" w-100 px-3 text-end">Links </div> </div>
                                <div class="recent-posts-widget" dir="ltr">
                                    <ul>


                                        <li><h4 class="py-0 my-0"><a target="_blank" href="http://www.paralympic.org/">International Paralympic Committee</a></h4></li>
                                        <li><h4 class="py-0 my-0"><a target="_blank" href="http://msy.gov.ir/">Ministry of Sports and Youth</a></h4></li>
                                        <li><h4 class="py-0 my-0"><a target="_blank" href="http://www.paralympic.ir/">National Paralympic Committee</a></h4></li>
                                        <li><h4 class="py-0 my-0"><a target="_blank" href="http://www.olympic.ir/">National Olympic Committee</a></h4></li>
                                        <li><h4 class="py-0 my-0"><a target="_blank" href="http://www.blindsports.ir/">Federation of Blind and Visually Impaired Sports</a></h4></li>


                                    </ul>
                                </div>
                            </aside>
                        </div>
                    </div>
                    <div class="col-md-4">
                        <div class="column dt-sc-one-fourth">
                            <aside class="widget widget_text">
                                <div class="widgettitle d-flex align-items-center " dir="ltr"><span class="fa fa-phone"></span><div class=" w-100 px-3 text-end"> Contact </div> </div>
                                <div class="textwidget text-center">
                                    <div style="line-height:35px">

                                        <img class="" style="height: 160px; border-radius: 10px; object-fit: contain;" src="/theme/fed/images/frame.png">
                                        <br>
                                        <b><i class="fa fa-phone-square mx-1"></i>Phone:</b>

                                        02182187000
                                        <br>
                                        <b><i class="fa fa-fax mx-1"></i>Fax:</b>

                                        02188309008
                                        <br>
                                        <div class="unstyled footer-social mt-2 text-center">
                                            <div class="px-2">
                                                                                                <a class="px-1" title="eita" href="eita">
                                                    <span > <img style="margin-top:-12px!important; width:30px; height:30px;" src="https://irisfd.ir/eita.png"/> </span>
                                                </a>

                                                <a class="px-1" title="telegram" href="https://telegram.com/gilasweb">
                                                    <span class="social-icon"><i class="fa fa-2x fa-telegram"></i></span>
                                                </a>

                                                <a class="px-1" title="Instagram" href="https://instagram.com/gilasweb">
                                                    <span class="social-icon"><i class="fa fa-2x fa-instagram"></i></span>
                                                </a>

                                                <a class="px-1" title="webmail" href="https://webmail.irisfd.ir">
                                                    <span class="social-icon"><i class="fa fa-2x fa-envelope-open"></i></span>
                                                </a>
                                            </div>
                                        </div>


                                    </div>
                                </div>
                            </aside>
                        </div>
                    </div>

                    <div class="col-md-4">
                        <div class="column dt-sc-one-fourth first">
                            <aside class="widget widget_text">
                                <div class="textwidget">
                                    <div class="widgettitle d-flex align-items-center" dir="ltr">
                                        <span class="fa fa-location-arrow"></span>
                                        <div class="w-100 px-3 text-end">Our Location</div>
                                    </div>
                                    <a target="_blank" class="text-light" href="https://www.google.com/maps/place/استخر+فدراسیون+جانبازان+و+معلولین‭‏/@35.7115607,51.4289765,19z/data=!4m6!3m5!1s0x3f8e017da0c4670b:0x2cda24a560e04096!8m2!3d35.7113578!4d51.4294025!16s%2Fg%2F11c1s8rd81?entry=ttu">
                                        <img style="width: 100%; height: 210px; border-radius: 20px; object-fit: cover;" src="/theme/fed/gilasweb/map.jpg">
                                        <div class="py-2 px-2" dir="ltr">
                                            Tehran, Bahar Shomali Street, Shahid Varkesh Street, Number One

                                            <br>
                                            Postal Code:
                                            1573816111

                                        </div>
                                    </a>
                                </div>
                            </aside>
                        </div>
                    </div>

                </div>
            </div>

        </div>
        <div class="social-media-container">
            <div class="social-media">

                <div class="d-flex text-dark justify-content-between flex-lg-row flex-column px-4" dir="ltr">

                    <div class="py-2">
                        <b><i class="fa fa-envelope mx-1"></i>Public Relations Email:</b>

                        relation@irisfd.ir
                    </div>

                    <div class="py-2">
                        <b><i class="fa fa-envelope mx-1"></i>Secretary's Office Email:</b>
                        office@irisfd.ir

                    </div>

                    <div class="py-2">
                        <b><i class="fa fa-envelope mx-1"></i>International Affairs Email:</b>
                        mail@irisfd.ir

                    </div>


                </div>

            </div>
        </div>
    </div>
    <div class="copyright">
        <div class="container">
            <ul class="footer-links d-md-block d-none">
                <li><a class="text-dark" href="https://gilasweb.ir">Designed and Developed by the Gilas Software Team</a></li>
            </ul>
            <p>
                2023
                @
                All rights reserved by
                Federation of Handicapped and Handicapped Sports
            </p>
            <ul class="footer-links mt-3 pt-3 border-1 border-top d-block d-md-none">
                <li><a class="text-dark" href="https://gilasweb.ir">Designed and Developed by the Gilas Software Team</a></li>
            </ul>
        </div>
    </div>

</footer>
</div>


<script type="text/javascript" src="/theme/fed/js/jquery.plugins.min.js"></script>
<script type="text/javascript" src="/theme/fed/js/jquery.fancybox.pack.js"></script>
<script type="text/javascript" src="/theme/fed/js/pace.min.js"></script>
<script type="text/javascript" src="/theme/fed/js/jquery.tabs.min.js"></script>
<script type="text/javascript" src="/theme/fed/js/jquery.tipTip.minified.js"></script>
<script type="text/javascript" src="/theme/fed/js/jquery.ui.totop.min.js"></script>
<script type="text/javascript" src="/theme/fed/js/jquery-transit-modified.js"></script>
<script type="text/javascript" src="/theme/fed/js/layerslider.kreaturamedia.jquery.js"></script>
<script type="text/javascript" src="/theme/fed/js/greensock.js"></script>
<script type="text/javascript" src="/theme/fed/js/layerslider.transitions.js"></script>
<script type="text/javascript" src='/theme/fed/js/bs5/bootstrap.min.js'></script>
<script type="text/javascript" src='/theme/fed/js/bs5/bootstrap.bundle.min.js'></script>
<script type="text/javascript">var lsjQuery = jQuery;</script>
<script src='/theme/fed/js/TimeCircles.min.js'></script>

<script>

    (function ($) {
        $(function () {


            $(window).resize(agResize);
            agResize();

            function agResize()
            {
                $('#js-countdown').TimeCircles({
                    ref_date: new Date("Aug 29, 2024 00:00:00"),
                    start: true,
                    refresh_interval: 0.1,
                    count_past_zero: true,
                    circle_bg_color: '#DEDEDE',
                    use_background: true,
                    fg_width: 0.05,
                    bg_width: 0.50,
                    time: {
                        Days: {show: true, text: 'Day', color: '#247e01'},
                        Hours: {show: true, text: 'Hour', color: '#247d01'},
                        Minutes: {show: true, text: 'Min', color: '#247d01'},
                        Seconds: {show: true, text: 'Sec', color: '#247d01'}
                    }
                }).rebuild();
            }

        });
    })(jQuery);

    lsjQuery(document).ready(function () {
        if (typeof lsjQuery.fn.layerSlider == "undefined") {
            lsShowNotice('layerslider_5', 'jquery');
        } else {
            lsjQuery("#layerslider_5").layerSlider({
                responsiveUnder: 1240,
                layersContainer: 1170,
                skinsPath: '/theme/fed/js/layerslider/skins/'
            })
        }


    });


</script>


<script type="text/javascript" src="/theme/fed/js/custom.js"></script>
<script src="/theme/fed/js/modernizr.custom.js"></script>
<div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasExample" aria-labelledby="offcanvasExampleLabel" style="z-index: 99999999999">
    <div class="offcanvas-header border-bottom">
        <h5 class="offcanvas-title" id="offcanvasExampleLabel">Contact Us</h5>
        <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
    </div>
    <div class="offcanvas-body" style="border-left:10px #adda7b solid; background:url('/theme/bgm123.png'); background-position:bottom; background-repeat:no-repeat; background-size:100%;">
        <div class="mb-4" style="line-height:44px">
            <style>
                .btnmeet
                {
                    background: #013C57; color:white;
                }
            </style>
            <a class="btn btn-outline-dark h5 py-3 w-100 btnmeet" href="tel:02182187311"><i class="fa  fa-phone  mx-1"></i>Contact Federation</a>
            <a class="btn btn-outline-dark h5 py-3 w-100 btnmeet" href="/en/agents"><i class="fa  fa-phone  mx-1"></i>Contact Provinces</a>

            <div class="" dir="ltr">
                <b>
                    <i class=" fa fa-envelope-o"></i>
                    Email to: </b>
                <div class="d-flex">
                    <a  class="btn btn-outline-dark w-100 d-flex align-items-center  justify-content-center btnmeet text-nowrap" style="white-space:nowrap!important;" href="mailto:relation@irisfd.ir">Public Relations</a>
                    <a  class="btn btn-outline-dark w-100 d-flex align-items-center  justify-content-center btnmeet text-nowrap mx-2"  style="white-space:nowrap!important;"href="mailto:office@irisfd.ir">Secretary </a>
                    <a  class="btn btn-outline-dark w-100 d-flex align-items-center  justify-content-center text-nowrap btnmeet w-100" style="white-space:nowrap!important;" href="mailto:mail@irisfd.ir">International </a>
                </div>
            </div>

        </div>

        <a target="_blank" class="text-dark" href="https://www.google.com/maps/place/%D8%A7%D8%B3%D8%AA%D8%AE%D8%B1+%D9%81%D8%AF%D8%B1%D8%A7%D8%B3%DB%8C%D9%88%D9%86+%D8%AC%D8%A7%D9%86%D8%A8%D8%A7%D8%B2%D8%A7%D9%86+%D9%88+%D9%85%D8%B9%D9%84%D9%88%D9%84%DB%8C%D9%86%E2%80%AD/@35.7115607,51.4289765,19z/data=!4m6!3m5!1s0x3f8e017da0c4670b:0x2cda24a560e04096!8m2!3d35.7113578!4d51.4294025!16s%2Fg%2F11c1s8rd81?entry=ttu" >
            <img style="border:2px black solid; width:100%; height:210px; border-radius:20px; object-fit:cover; " src="/theme/fed/gilasweb/map.jpg">
            <div class="py-2 ps-2 text-center text-nowrap">
                Tehran, Bahar Shomali Street, Shahid Workesh Street, No. 1
                <br>
                Postal Code:
                1573816111
            </div>
        </a>

        <div class="d-flex justify-content-center  align-items-center  py-2" style="border-radius:10px; background:rgba(250,250,250,0.6)">
            <a title="Facebook" href="/theme/fed/#"  class="rounded btn btn-dark d-flex align-items-center justify-content-center ">
                <i class="fa fa-telegram"></i>
            </a>
            <a title="Instagram" href="/theme/fed/#" class="rounded btn btn-dark d-flex align-items-center justify-content-center   mx-3">
                <i class="fa fa-instagram"></i>
            </a>
            <b>
                Follow Us
            </b>
        </div>
    </div>
</div>

<div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvasmenu" aria-labelledby="offcanvasExampleLabel" style="width:220px; z-index: 99999999">
    <div class="offcanvas-header border-bottom">
        <h5 class="offcanvas-title" id="offcanvasmenu">Menu</h5>
        <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button>
    </div>
    <div class="offcanvas-body" style="border-right:10px #adda7b solid; background:url('/theme/bgm1111.png'); background-position:bottom; background-repeat:no-repeat; background-size:100%;">

        <div class="d-flex flex-column align-items-start my-0 text-start pt-2 text-dark  " dir="ltr"  style="list-style:none;  z-index:999" >
            <div class="ps-3 border-bottom w-100 pb-2 mb-2">
                <a class=" text-dark "  href="/en">Home</a>
            </div>
            <div class="ps-3 border-bottom w-100 pb-2 mb-2">
                <a class=" text-dark " href="https://irisfd.ir/en/archive/News">Latest News</a>
            </div>
            <div class="ps-3 border-bottom w-100 pb-2 mb-2">
                <a class=" text-dark"  href="/fa/archive_cat/خبر/انجمن%20ها">Associations</a>
            </div>
            <div class="ps-3 border-bottom w-100 pb-2 mb-2">
                <a class=" text-dark" href="/en/calendar">Sports Calendar</a>
            </div>
            <div class="ps-3 border-bottom w-100 pb-2 mb-2">
                <a class=" text-dark" href="/en/contact_us">Contact Us</a>
            </div>
                    </div>
    </div>
</div>

<div class="modal fade" id="reshte" aria-hidden="true" aria-labelledby="exampleModalToggleLabel" tabindex="-1">
    <div class="modal-dialog modal-lg  modal-dialog-centered">
        <div class="modal-content">
            <div class="modal-body"></div>
            <div class="modal-footer text-center d-flex justify-content-center">
                <button class="btn btn-sm btn-primary" data-bs-dismiss="modal" aria-label="Close">Close</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="imgslider1" aria-hidden="true" aria-labelledby="exampleModalToggleLabel" tabindex="-1">
    <div class="modal-dialog modal-lg  modal-dialog-centered">
        <div class modal-content>

            
            <div class="modal-footer text-center d-flex justify-content-center">
                <button class="btn btn-sm btn-primary" data-bs-dismiss="modal" aria-label="Close">Close</button>
            </div>
        </div>
    </div>
</div>

<div class="modal fade" id="newsmodel1" aria-hidden="true" aria-labelledby="exampleModalToggleLabel" tabindex="-1">
    <div class="modal-dialog modal-lg  modal-dialog-centered">
        <div class="modal-content">

            <div class="modal-body">
                <div class="latest-news block color-red">
                    <h3 class="block-title"><span>Featured News</span></h3>
                    <div class="">
                        <div id="carouselId3" class="carousel slide" data-bs-ride="carousel">
                            <div class="carousel-inner " role="listbox">
                                <div class="carousel-item active ">
                                    <div class="d-flex">
                                        <a href="/theme/fed/#1"  class="titlebarslideruo">
                                            <img src="/theme/fed/gilasweb/11.jpg" class="w-100 " alt="Third slide">
                                            <div class="h6  pt-4 pb-3 px-3  w-100 titlebarslider" >
                                                <i class="fa fa-circle text-danger mx-1"></i>
                                                Test News Title</div>
                                        </a>
                                        <a href="/theme/fed/#2"  class="titlebarslideruo">
                                            <img src="/theme/fed/gilasweb/12.jpg" class="w-100 " alt="Third slide">
                                            <div class="h6  pt-4 pb-3 px-3  w-100 titlebarslider2" >
                                                <i class="fa fa-circle text-danger mx-1"></i>
                                                Test News Title</div>
                                        </a>
                                    </div>
                                </div>
                                <div class="carousel-item ">
                                    <div class="d-flex">
                                        <a href="/theme/fed/#1"  class="titlebarslideruo">
                                            <img src="/theme/fed/gilasweb/13.jpg" class="w-100 " alt="Third slide">
                                            <div class="h6  pt-4 pb-3 px-3  w-100 titlebarslider" >
                                                <i class "fa fa-circle text-danger mx-1"></i>
                                                Test News Title</div>
                                        </a>
                                        <a href="/theme/fed/#2"  class="titlebarslideruo">
                                            <img src="/theme/fed/gilasweb/14.jpg" class "w-100 " alt="Third slide">
                                            <div class="h6  pt-4 pb-3 px-3  w-100 titlebarslider2" >
                                                <i class="fa fa-circle text-danger mx-1"></i>
                                                Test News Title</div>
                                        </a>
                                    </div>
                                </div>
                                <div class="carousel-item  ">
                                    <div class="d-flex">
                                        <a href="/theme/fed/#1"  class="titlebarslideruo">
                                            <img src="/theme/fed/gilasweb/15.jpg" class="w-100 " alt="Third slide">
                                            <div class="h6 pt-4 pb-3 px-3  w-100 titlebarslider" >
                                                <i class="fa fa-circle text-danger mx-1"></i>
                                                Test News Title</div>
                                        </a>
                                        <a href="/theme/fed/#2" class="titlebarslideruo">
                                            <img src="/theme/fed/gilasweb/16.jpg" class="w-100 " alt="Third slide">
                                            <div class="h6 pt-4 pb-3 px-3  w-100 titlebarslider2" >
                                                <i class="fa fa-circle text-danger mx-1"></i>
                                                Test News Title</div>
                                        </a>
                                    </div>
                                </div>
                            </div>
                            <a class="carousel-control-prev" href="/theme/fed/#carouselId3" role="button" data-bs-slide="prev" style="z-index:99">
                                <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                                <span class="sr-only">Previous</span>
                            </a>
                            <a class="carousel-control-next" href="/theme/fed/#carouselId3" role="button" data-bs-slide="next" style="z-index:99">
                                <span class="carousel-control-next-icon" aria-hidden="true"></span>
                                <span class="sr-only">Next</span>
                            </a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer text-center d-flex justify-content-center">
                <button class="btn btn-sm btn-primary" data-bs-dismiss="modal" aria-label="Close">I've Read It</button>
            </div>
        </div>
    </div>
</div>
<button id="newsmodel1btn"  data-bs-target="#newsmodel1" data-bs-toggle="modal" class="d-none">Open first modal</button>

</body>
</html>