<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="x-ua-compatible" content="ie=edge">
    <title>آراپ</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- <link rel="manifest" href="site.webmanifest"> -->
    <link rel="shortcut icon" type="image/x-icon" href="img/favicon.png">
    <!-- Place favicon.ico in the root directory -->

    <!-- CSS here -->
    <link rel="stylesheet" href="assets/mainCss/bootstrap.min.css">
    <link rel="stylesheet" href="assets/mainCss/custom.css">
    <link rel="stylesheet" href="assets/mainCss/owl.carousel.min.css">
    <link rel="stylesheet" href="assets/mainCss/magnific-popup.css">
    <link rel="stylesheet" href="assets/mainCss/font-awesome.min.css">
    <link rel="stylesheet" href="assets/mainCss/themify-icons.css">
    <link rel="stylesheet" href="assets/mainCss/nice-select.css">
    <link rel="stylesheet" href="assets/mainCss/flaticon.css">
    <link rel="stylesheet" href="assets/mainCss/gijgo.css">
    <link rel="stylesheet" href="assets/mainCss/animate.css">
    <link rel="stylesheet" href="assets/mainCss/slick.css">
    <link rel="stylesheet" href="assets/mainCss/slicknav.css">
    <link rel="stylesheet" href="assets/mainCss/aos.css">

    <!--    <link rel="stylesheet" type="text/css" href="assets/mainCss/fonts.css">-->
    <link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css">

    <link rel="stylesheet" href="assets/mainCss/style.css">
    <!-- <link rel="stylesheet" href="assets/mainCss/responsive.css"> -->
</head>

<body>
<!-- header-start -->
<header>
    <div class="header-area">
        <div id="sticky-header" class="main-header-area p-3">
            <div class="container-fluid">
                <div class="header_bottom_border">
                    <div class="row align-items-center">
                        <div class="col-xl-2 col-lg-2">
                            <div class="logo">
                                <a href="/">
                                    <img src="assets/img/navlogo.png" alt="">
                                </a>
                            </div>
                        </div>
                        <div class="seach_icon">
                            <a data-toggle="modal" data-target="#exampleModalCenter" href="#">
                                <i class="fa fa-search"></i>
                            </a>
                        </div>

                        <div class="col-xl-6 col-lg-6 direction text-right">
                            <div class="main-menu  d-none d-lg-block">
                                <nav>
                                    <ul id="navigation">
                                        <li><a class="active text-right" href="/">خانه</a></li>
                                        <li class="text-right">دسته بندی‌ها <a class="text-center" href="#"> <i
                                                        class="ti-angle-down"></i></a>
                                            <ul class="submenu">
                                                <li><a href="destination_details.html" class="text-right">رستوران</a>
                                                </li>
                                                <li><a href="elements.html" class="text-right">فست‌فود</a></li>
                                                <li><a href="elements.html" class="text-right">کافه</a></li>
                                                <li><a href="elements.html" class="text-right">هتل</a></li>
                                                <li><a href="elements.html" class="text-right">مسافرخانه</a></li>
                                                <li><a href="elements.html" class="text-right">مراکز خرید</a></li>
                                            </ul>
                                        </li>
                                        <li><a class="text-right" href="blog">بلاگ</a></li>
                                        <li><a class="text-right" href="about">درباره ما</a></li>
                                        <li><a class="text-right" href="contact">ارتباط با ما</a></li>

                                    </ul>
                                </nav>
                            </div>
                        </div>

                        <div class="col-12">
                            <div class="mobile_menu d-block d-lg-none"></div>
                        </div>

                    </div>
                </div>

            </div>
        </div>
    </div>
</header>
<!-- header-end -->

<!-- slider_area_start -->
<div class="slider_area" data-aos="zoom-out">
    <div class="slider_active owl-carousel">
        <div class="single_slider  d-flex align-items-center slider_bg_1 overlay">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-xl-12 col-md-12">
                        <div class="slider_text text-center">
                            <!--                                <h3>جدیدترین اخبار 1</h3>-->
                            <p class="direction">توضیحات مربوط به اخبار و جدیدترین اطلاعیه ها</p>
                            <a href="#" class="boxed-btn3">بیشتر</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="single_slider  d-flex align-items-center slider_bg_2 overlay">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-xl-12 col-md-12">
                        <div class="slider_text text-center">
                            <!--                                <h3>Australia</h3>-->
                            <p class="direction">توضیحات مربوط به اخبار و جدیدترین اطلاعیه ها.</p>
                            <a href="#" class="boxed-btn3">بیشتر</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="single_slider  d-flex align-items-center slider_bg_3 overlay">
            <div class="container">
                <div class="row align-items-center">
                    <div class="col-xl-12 col-md-12">
                        <div class="slider_text text-center">
                            <!--                                <h3>Switzerland</h3>-->
                            <p class="direction">توضیحات مربوط به اخبار و جدیدترین اطلاعیه ها.</p>
                            <a href="#" class="boxed-btn3">بیشتر</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

</div>
<!-- slider_area_end -->


<!-- popular_destination_area_start  -->
<div class="popular_destination_area">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-6">
                <div class="section_title text-center mb_70">
                    <h3>دسته بندی سرویس ها</h3>
                    <!--                        <p>محل توضیحات لازم</p>-->
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-6 col-md-6" data-aos="fade-right">
                <a href="#">
                    <div class="single_destination">

                        <div class="thumb">
                            <img src="assets/img/destination/restaurant.jpg" alt="">
                        </div>

                    </div>
                </a>
            </div>
            <div class="col-lg-6 col-md-6" data-aos="fade-left">
                <a href="#">
                    <div class="single_destination">
                        <div class="thumb">
                            <img src="assets/img/destination/fast food.jpg" alt="">
                        </div>

                    </div>
                </a>
            </div>
            <div class="col-lg-6 col-md-6" data-aos="fade-right">
                <a href="">
                    <div class="single_destination">
                        <div class="thumb">
                            <img src="assets/img/destination/cafe.jpg" alt="">
                        </div>

                    </div>
                </a>
            </div>
            <div class="col-lg-6 col-md-6" data-aos="fade-left">
                <a href="">
                    <div class="single_destination">
                        <div class="thumb">
                            <img src="assets/img/destination/hotel.jpg" alt="">
                        </div>

                    </div>
                </a>
            </div>
            <div class="col-lg-6 col-md-6" data-aos="fade-right">
                <a href="">
                    <div class="single_destination">
                        <div class="thumb">
                            <img src="assets/img/destination/guest house.jpg" alt="">
                        </div>

                    </div>
                </a>
            </div>
            <div class="col-lg-6 col-md-6" data-aos="fade-left">
                <a href="">
                    <div class="single_destination">
                        <div class="thumb">
                            <img src="assets/img/destination/stores.jpg" alt="">
                        </div>

                    </div>
                </a>
            </div>
        </div>
    </div>
</div>
<!-- popular_destination_area_end  -->

<!-- newletter_area_start  -->
<div class="newletter_area overlay" data-aos="fade-up" data-aos-anchor-placement="bottom-bottom">
    <div class="container">
        <div class="row justify-content-center align-items-center">
            <div class="col-lg-10">
                <div class="row align-items-center">

                    <div class="col-lg-7">
                        <div class="mail_form">
                            <div class="row no-gutters">
                                <div class="col-lg-9 col-md-8">
                                    <div class="newsletter_field">
                                        <input type="email" placeholder="" class="text-right">
                                    </div>
                                </div>
                                <div class="col-lg-3 col-md-4">
                                    <div class="newsletter_btn">
                                        <button class="boxed-btn4 " type="submit">ارسال</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-5">
                        <div class="newsletter_text">
                            <h4 class="text-center mt-4">دریافت اپلیکیشن</h4>
                            <p class="direction text-right">با وارد کردن شماره موبایل خود لینک مستقیم برای دانلود
                                اپلیکیشن برای شما ارسال خواهد شد.</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- newletter_area_end  -->

<div class="popular_places_area mt-3">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-6">
                <div class="section_title text-center mb_70">
                    <h3>سرویس های ویژه</h3>
                    <!-- <p>توضیحات مربوط</p> -->
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-4 col-md-6" data-aos="zoom-out-right">
                <div class="single_place">
                    <div class="thumb">
                        <img src="assets/img/place/1.png" alt="">
                        <!--                            <a href="#" class="prise">$500</a>-->
                    </div>
                    <div class="place_info">
                        <a href="destination_details.html" class="text-right"><h3>رستوران محرم</h3></a>
                        <p class="text-right direction">رشت، منظریه،جنب بانک ملت</p>
                        <div class="rating_days d-flex justify-content-between">
                                <span class="d-flex justify-content-center align-items-center">
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <a class="direction" href="#">(20 نظر)</a>
                                </span>
                            <div class="days">
                                <i class="fa fa-clock-o"></i>
                                <a href="#">ویژه به مدت محدود</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6" data-aos="zoom-out-down">
                <div class="single_place">
                    <div class="thumb">
                        <img src="assets/img/place/2.png" alt="">
                        <!--                            <a href="#" class="prise">$500</a>-->
                    </div>
                    <div class="place_info">
                        <a href="destination_details.html" class="text-right"><h3>رستوران محرم</h3></a>
                        <p class="text-right direction">رشت، منظریه،جنب بانک ملت</p>
                        <div class="rating_days d-flex justify-content-between">
                                <span class="d-flex justify-content-center align-items-center">
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                      <a class="direction" href="#">(20 نظر)</a>
                                </span>
                            <div class="days">
                                <i class="fa fa-clock-o"></i>
                                <a href="#">ویژه به مدت محدود</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6" data-aos="zoom-out-left">
                <div class="single_place">
                    <div class="thumb">
                        <img src="assets/img/place/3.png" alt="">
                        <!--                            <a href="#" class="prise">$500</a>-->
                    </div>
                    <div class="place_info">
                        <a href="destination_details.html" class="text-right"><h3>رستوران محرم</h3></a>
                        <p class="text-right direction">رشت، منظریه،جنب بانک ملت</p>
                        <div class="rating_days d-flex justify-content-between">
                                <span class="d-flex justify-content-center align-items-center">
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                      <a class="direction" href="#">(20 نظر)</a>
                                </span>
                            <div class="days">
                                <i class="fa fa-clock-o"></i>
                                <a href="#">ویژه به مدت 1 هفته</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6" data-aos="zoom-out-right">
                <div class="single_place">
                    <div class="thumb">
                        <img src="assets/img/place/4.png" alt="">
                        <!--                            <a href="#" class="prise">$500</a>-->
                    </div>
                    <div class="place_info">
                        <a href="destination_details.html" class="text-right"><h3>رستوران محرم</h3></a>
                        <p class="text-right direction">رشت، منظریه،جنب بانک ملت</p>
                        <div class="rating_days d-flex justify-content-between">
                                <span class="d-flex justify-content-center align-items-center">
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                      <a class="direction" href="#">(20 نظر)</a>
                                </span>
                            <div class="days">
                                <i class="fa fa-clock-o"></i>
                                <a href="#">ویژه به مدت 5 روز</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6" data-aos="zoom-out-down">
                <div class="single_place">
                    <div class="thumb">
                        <img src="assets/img/place/5.png" alt="">
                        <!--                            <a href="#" class="prise">$500</a>-->
                    </div>
                    <div class="place_info">
                        <a href="destination_details.html" class="text-right"><h3>رستوران محرم</h3></a>
                        <p class="text-right direction">رشت، منظریه،جنب بانک ملت</p>
                        <div class="rating_days d-flex justify-content-between">
                                <span class="d-flex justify-content-center align-items-center">
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                      <a class="direction" href="#">(20 نظر)</a>
                                </span>
                            <div class="days">
                                <i class="fa fa-clock-o"></i>
                                <a href="#">ویژه به مدت 3 روز</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6" data-aos="zoom-out-left">
                <div class="single_place">
                    <div class="thumb">
                        <img src="assets/img/place/6.png" alt="">
                        <!--                            <a href="#" class="prise">$500</a>-->
                    </div>
                    <div class="place_info">
                        <a href="destination_details.html" class="text-right"><h3>رستوران محرم</h3></a>
                        <p class="text-right direction">رشت، منظریه،جنب بانک ملت</p>
                        <div class="rating_days d-flex justify-content-between">
                                <span class="d-flex justify-content-center align-items-center">
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                      <a class="direction" href="#">(20 نظر)</a>
                                </span>
                            <div class="days">
                                <i class="fa fa-clock-o"></i>
                                <a href="#">ویژه به مدت 2 روز</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row" data-aos="flip-left" data-aos-easing="ease-out-cubic" data-aos-duration="2000">
            <div class="col-lg-12">
                <div class="more_place_btn text-center">
                    <a class="boxed-btn4" href="#">نمایش بیشتر</a>
                </div>
            </div>
        </div>
    </div>
</div>

<hr style="width: 50%;">

<!-- general services -->

<div class="popular_places_area mt-0">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-6">
                <div class="section_title text-center mb_70">
                    <h3>محبوب ترین سرویس‌ها‌</h3>
                    <!-- <p>توضیحات مربوط</p> -->
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-4 col-md-6" data-aos="zoom-out-right">
                <div class="single_place">
                    <div class="thumb">
                        <img src="assets/img/place/1.png" alt="">
                        <!--                            <a href="#" class="prise">$500</a>-->
                    </div>
                    <div class="place_info">
                        <a href="destination_details.html" class="text-right"><h3>رستوران محرم</h3></a>
                        <p class="text-right direction">رشت، منظریه،جنب بانک ملت</p>
                        <div class="rating_days d-flex justify-content-between">
                                <span class="d-flex justify-content-center align-items-center">
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <a class="direction" href="#">(20 نظر)</a>
                                </span>
                            <div class="days">
                                <i class="fa fa-clock-o"></i>
                                <a href="#">ویژه به مدت محدود</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6" data-aos="zoom-out-down">
                <div class="single_place">
                    <div class="thumb">
                        <img src="assets/img/place/2.png" alt="">
                        <!--                            <a href="#" class="prise">$500</a>-->
                    </div>
                    <div class="place_info">
                        <a href="destination_details.html" class="text-right"><h3>رستوران محرم</h3></a>
                        <p class="text-right direction">رشت، منظریه،جنب بانک ملت</p>
                        <div class="rating_days d-flex justify-content-between">
                                <span class="d-flex justify-content-center align-items-center">
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                      <a class="direction" href="#">(20 نظر)</a>
                                </span>
                            <div class="days">
                                <i class="fa fa-clock-o"></i>
                                <a href="#">ویژه به مدت محدود</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6" data-aos="zoom-out-left">
                <div class="single_place">
                    <div class="thumb">
                        <img src="assets/img/place/3.png" alt="">
                        <!--                            <a href="#" class="prise">$500</a>-->
                    </div>
                    <div class="place_info">
                        <a href="destination_details.html" class="text-right"><h3>رستوران محرم</h3></a>
                        <p class="text-right direction">رشت، منظریه،جنب بانک ملت</p>
                        <div class="rating_days d-flex justify-content-between">
                                <span class="d-flex justify-content-center align-items-center">
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                      <a class="direction" href="#">(20 نظر)</a>
                                </span>
                            <div class="days">
                                <i class="fa fa-clock-o"></i>
                                <a href="#">ویژه به مدت 1 هفته</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6" data-aos="zoom-out-right">
                <div class="single_place">
                    <div class="thumb">
                        <img src="assets/img/place/4.png" alt="">
                        <!--                            <a href="#" class="prise">$500</a>-->
                    </div>
                    <div class="place_info">
                        <a href="destination_details.html" class="text-right"><h3>رستوران محرم</h3></a>
                        <p class="text-right direction">رشت، منظریه،جنب بانک ملت</p>
                        <div class="rating_days d-flex justify-content-between">
                                <span class="d-flex justify-content-center align-items-center">
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                      <a class="direction" href="#">(20 نظر)</a>
                                </span>
                            <div class="days">
                                <i class="fa fa-clock-o"></i>
                                <a href="#">ویژه به مدت 5 روز</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6" data-aos="zoom-out-down">
                <div class="single_place">
                    <div class="thumb">
                        <img src="assets/img/place/5.png" alt="">
                        <!--                            <a href="#" class="prise">$500</a>-->
                    </div>
                    <div class="place_info">
                        <a href="destination_details.html" class="text-right"><h3>رستوران محرم</h3></a>
                        <p class="text-right direction">رشت، منظریه،جنب بانک ملت</p>
                        <div class="rating_days d-flex justify-content-between">
                                <span class="d-flex justify-content-center align-items-center">
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                      <a class="direction" href="#">(20 نظر)</a>
                                </span>
                            <div class="days">
                                <i class="fa fa-clock-o"></i>
                                <a href="#">ویژه به مدت 3 روز</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6" data-aos="zoom-out-left">
                <div class="single_place">
                    <div class="thumb">
                        <img src="assets/img/place/6.png" alt="">
                        <!--                            <a href="#" class="prise">$500</a>-->
                    </div>
                    <div class="place_info">
                        <a href="destination_details.html" class="text-right"><h3>رستوران محرم</h3></a>
                        <p class="text-right direction">رشت، منظریه،جنب بانک ملت</p>
                        <div class="rating_days d-flex justify-content-between">
                                <span class="d-flex justify-content-center align-items-center">
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                      <a class="direction" href="#">(20 نظر)</a>
                                </span>
                            <div class="days">
                                <i class="fa fa-clock-o"></i>
                                <a href="#">ویژه به مدت 2 روز</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row" data-aos="flip-left" data-aos-easing="ease-out-cubic" data-aos-duration="2000">
            <div class="col-lg-12">
                <div class="more_place_btn text-center">
                    <a class="boxed-btn4" href="#">نمایش بیشتر</a>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- end general services -->

<hr style="width: 50%;">
<!-- most popular services -->

<div class="popular_places_area mt-0">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-lg-6">
                <div class="section_title text-center mb_70">
                    <h3>سرویس های عادی</h3>
                    <!-- <p>توضیحات مربوط</p> -->
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-lg-4 col-md-6" data-aos="zoom-out-right">
                <div class="single_place">
                    <div class="thumb">
                        <img src="assets/img/place/1.png" alt="">
                        <!--                            <a href="#" class="prise">$500</a>-->
                    </div>
                    <div class="place_info">
                        <a href="destination_details.html" class="text-right"><h3>رستوران محرم</h3></a>
                        <p class="text-right direction">رشت، منظریه،جنب بانک ملت</p>
                        <div class="rating_days d-flex justify-content-between">
                                <span class="d-flex justify-content-center align-items-center">
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <a class="direction" href="#">(20 نظر)</a>
                                </span>
                            <div class="days">
                                <i class="fa fa-clock-o"></i>
                                <a href="#">ویژه به مدت محدود</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6" data-aos="zoom-out-down">
                <div class="single_place">
                    <div class="thumb">
                        <img src="assets/img/place/2.png" alt="">
                        <!--                            <a href="#" class="prise">$500</a>-->
                    </div>
                    <div class="place_info">
                        <a href="destination_details.html" class="text-right"><h3>رستوران محرم</h3></a>
                        <p class="text-right direction">رشت، منظریه،جنب بانک ملت</p>
                        <div class="rating_days d-flex justify-content-between">
                                <span class="d-flex justify-content-center align-items-center">
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                      <a class="direction" href="#">(20 نظر)</a>
                                </span>
                            <div class="days">
                                <i class="fa fa-clock-o"></i>
                                <a href="#">ویژه به مدت محدود</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6" data-aos="zoom-out-left">
                <div class="single_place">
                    <div class="thumb">
                        <img src="assets/img/place/3.png" alt="">
                        <!--                            <a href="#" class="prise">$500</a>-->
                    </div>
                    <div class="place_info">
                        <a href="destination_details.html" class="text-right"><h3>رستوران محرم</h3></a>
                        <p class="text-right direction">رشت، منظریه،جنب بانک ملت</p>
                        <div class="rating_days d-flex justify-content-between">
                                <span class="d-flex justify-content-center align-items-center">
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                      <a class="direction" href="#">(20 نظر)</a>
                                </span>
                            <div class="days">
                                <i class="fa fa-clock-o"></i>
                                <a href="#">ویژه به مدت 1 هفته</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6" data-aos="zoom-out-right">
                <div class="single_place">
                    <div class="thumb">
                        <img src="assets/img/place/4.png" alt="">
                        <!--                            <a href="#" class="prise">$500</a>-->
                    </div>
                    <div class="place_info">
                        <a href="destination_details.html" class="text-right"><h3>رستوران محرم</h3></a>
                        <p class="text-right direction">رشت، منظریه،جنب بانک ملت</p>
                        <div class="rating_days d-flex justify-content-between">
                                <span class="d-flex justify-content-center align-items-center">
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                      <a class="direction" href="#">(20 نظر)</a>
                                </span>
                            <div class="days">
                                <i class="fa fa-clock-o"></i>
                                <a href="#">ویژه به مدت 5 روز</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6" data-aos="zoom-out-down">
                <div class="single_place">
                    <div class="thumb">
                        <img src="assets/img/place/5.png" alt="">
                        <!--                            <a href="#" class="prise">$500</a>-->
                    </div>
                    <div class="place_info">
                        <a href="destination_details.html" class="text-right"><h3>رستوران محرم</h3></a>
                        <p class="text-right direction">رشت، منظریه،جنب بانک ملت</p>
                        <div class="rating_days d-flex justify-content-between">
                                <span class="d-flex justify-content-center align-items-center">
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                      <a class="direction" href="#">(20 نظر)</a>
                                </span>
                            <div class="days">
                                <i class="fa fa-clock-o"></i>
                                <a href="#">ویژه به مدت 3 روز</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="col-lg-4 col-md-6" data-aos="zoom-out-left">
                <div class="single_place">
                    <div class="thumb">
                        <img src="assets/img/place/6.png" alt="">
                        <!--                            <a href="#" class="prise">$500</a>-->
                    </div>
                    <div class="place_info">
                        <a href="destination_details.html" class="text-right"><h3>رستوران محرم</h3></a>
                        <p class="text-right direction">رشت، منظریه،جنب بانک ملت</p>
                        <div class="rating_days d-flex justify-content-between">
                                <span class="d-flex justify-content-center align-items-center">
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                     <i class="fa fa-star"></i>
                                      <a class="direction" href="#">(20 نظر)</a>
                                </span>
                            <div class="days">
                                <i class="fa fa-clock-o"></i>
                                <a href="#">ویژه به مدت 2 روز</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row" data-aos="flip-left" data-aos-easing="ease-out-cubic" data-aos-duration="2000">
            <div class="col-lg-12">
                <div class="more_place_btn text-center">
                    <a class="boxed-btn4" href="#">نمایش بیشتر</a>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- end most popular services -->


<footer class="footer p-0">
    <div class="footer_top">
        <div class="container">
            <div class="row">
                <div class="col-xl-12 col-md-12 col-lg-12">

                    <div class="footer_widget">
                        <h3 class="footer_title text-center">

                            شرکت
                        </h3>

                        <div class="container">
                            <div class="row">
                                <div class="col-md-4 mt-2">
                                    <ul class="links">
                                        <li class="text-center"><a href="#">درباره ما</a></li>
                                        <li class="text-center"><a href="#">ارتباط ما</a></li>
                                        <li class="text-center"><a href="#"> گزارش مشکلات</a></li>
                                        <li class="text-center"><a href="#">سوالات متداول</a></li>
                                    </ul>
                                </div>

                                <div class="col-md-4 mt-2">
                                    <ul class="links">
                                        <li class="text-center"><a href="#"><b>سرویس‌های محبوب</b></a></li>
                                        <li class="text-center"><a href="#">سرویس محبوب 1</a></li>
                                        <li class="text-center"><a href="#">سرویس محبوب 2</a></li>
                                        <li class="text-center"><a href="#">سرویس محبوب 3</a></li>
                                    </ul>
                                </div>

                                <div class="col-md-4 mt-2">
                                    <ul class="links">
                                        <li class="text-center"><a href="#">درباره ما</a></li>
                                        <li class="text-center"><a href="#">ارتباط ما</a></li>
                                        <li class="text-center"><a href="#"> گزارش مشکلات</a></li>
                                        <li class="text-center"><a href="#">سوالات متداول</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="col-xl-12 col-md-12 col-lg-12">
                    <div class="footer_widget text-center">
                        <div class="footer_logo">
                            <a href="#">
                                <img src="assets/img/test.png" alt="">
                            </a>
                        </div>

                        <p class="direction"><i class="fa fa-location-arrow" aria-hidden="true"></i>گیلان، فومن، دانشکده فنی فومن<br>
                            <a href="#"><i class="fa fa-phone-square" aria-hidden="true"></i>0936-964-2754</a> <br>
                            <a href="#"><i class="fa fa-envelope" aria-hidden="true"></i>sajjad.haghzad@gmail.com</a>
                        </p>
                        <div class="socail_links">
                            <ul>
                                <li>
                                    <a href="#">
                                        <i class="fa fa-telegram"></i>
                                    </a>
                                </li>
                                <li>
                                    <a href="#">
                                        <i class="fa fa-instagram"></i>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>
        </div>
</footer>


<!-- Modal -->
<div class="modal fade custom_search_pop" id="exampleModalCenter" tabindex="-1" role="dialog"
     aria-labelledby="exampleModalCenterTitle" aria-hidden="true">
    <div class="modal-dialog modal-dialog-centered" role="document">
        <div class="modal-content">
            <div class="serch_form">
                <input class="text-right direction" type="text" placeholder="نام مکان،هتل و ... را وارد کنید. ">
                <button type="submit">جستجو</button>
            </div>
        </div>
    </div>
</div>
<!-- link that opens popup -->
<!--
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script src="https://static.codepen.io/assets/common/stopExecutionOnTimeout-de7e2ef6bfefd24b79a3f68b414b87b8db5b08439cac3f1012092b2290c719cd.js"></script>

    <script src=" https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.12.1/jquery-ui.min.js"> </script> -->
<!-- JS here -->
<script src="assets/mainJs/modernizr-3.5.0.min.js"></script>
<script src="assets/mainJs/jquery-1.12.4.min.js"></script>
<script src="assets/mainJs/popper.min.js"></script>
<script src="assets/mainJs/bootstrap.min.js"></script>
<script src="assets/mainJs/owl.carousel.min.js"></script>
<script src="assets/mainJs/isotope.pkgd.min.js"></script>
<script src="assets/mainJs/ajax-form.js"></script>
<script src="assets/mainJs/waypoints.min.js"></script>
<script src="assets/mainJs/jquery.counterup.min.js"></script>
<script src="assets/mainJs/imagesloaded.pkgd.min.js"></script>
<script src="assets/mainJs/scrollIt.js"></script>
<script src="assets/mainJs/jquery.scrollUp.min.js"></script>
<script src="assets/mainJs/wow.min.js"></script>
<script src="assets/mainJs/nice-select.min.js"></script>
<script src="assets/mainJs/jquery.slicknav.min.js"></script>
<script src="assets/mainJs/jquery.magnific-popup.min.js"></script>
<script src="assets/mainJs/plugins.js"></script>
<script src="assets/mainJs/gijgo.min.js"></script>
<script src="assets/mainJs/slick.min.js"></script>
<script src="assets/mainJs/aos.js"></script>


<!--contact js-->
<script src="assets/mainJs/contact.js"></script>
<script src="assets/mainJs/jquery.ajaxchimp.min.js"></script>
<script src="assets/mainJs/jquery.form.js"></script>
<script src="assets/mainJs/jquery.validate.min.js"></script>
<script src="assets/mainJs/mail-script.js"></script>


<script>
    AOS.init({
        duration: 1000,
    });
</script>


<script src="assets/mainJs/main.js"></script>
<script>
    $('#datepicker').datepicker({
        iconsLibrary: 'fontawesome',
        icons: {
            rightIcon: '<span class="fa fa-caret-down"></span>'
        }
    });
</script>
</body>

</html>