git commit "feat: create blade layout structure"

This commit is contained in:
2026-08-15 13:31:24 +03:30
parent d57ee423e0
commit 52fc232cf3
720 changed files with 49648 additions and 297 deletions
+44
View File
@@ -0,0 +1,44 @@
<!DOCTYPE HTML>
<html lang="en">
<!-- index.html 07:26:20 -->
<head>
<title>قالب رزرواسیون</title>
<meta charset="UTF-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
<link rel="stylesheet" href="{{asset('assets/css/font-awesome.css')}}"/>
<link rel="stylesheet" href="{{asset('assets/css/lineicons.css')}}"/>
<link rel="stylesheet" href="{{asset('assets/css/weather-icons.css')}}"/>
<link rel="stylesheet" href="{{asset('assets/css/bootstrap.css')}}"/>
<link rel="stylesheet" href="{{asset('assets/css/styles.css')}}"/>
</head>
<body>
@include('layouts.header')
@include('layouts.hero')
@yield('content')
@include('layouts.footer')
<script src="{{asset('assets/js/moment.js')}}"></script>
<script src="{{asset('assets/js/bootstrap.js')}}"></script>
<script src="{{asset('assets/js/owl-carousel.js')}}"></script>
<script src="{{asset('assets/js/blur-area.js')}}"></script>
<script src="{{asset('assets/js/icheck.js')}}"></script>
<script src="{{asset('assets/js/gmap.js')}}"></script>
<script src="{{asset('assets/js/magnific-popup.js')}}"></script>
<script src="{{asset('assets/js/ion-range-slider.js')}}"></script>
<script src="{{asset('assets/js/sticky-kit.js')}}"></script>
<script src="{{asset('assets/js/smooth-scroll.js')}}"></script>
<script src="{{asset('assets/js/fotorama.js')}}"></script>
<script src="{{asset('assets/js/bs-datepicker.js')}}"></script>
<script src="{{asset('assets/js/typeahead.js')}}"></script>
<script src="{{asset('assets/js/quantity-selector.js')}}"></script>
<script src="{{asset('assets/js/countdown.js')}}"></script>
<script src="{{asset('assets/js/window-scroll-action.js')}}"></script>
<script src="{{asset('assets/js/fitvid.js')}}"></script>
<script src="{{asset('assets/js/youtube-bg.js')}}"></script>
<script src="{{asset('assets/js/custom.js')}}"></script>
<script async="" defer="" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDYeBBmgAkyAN_QKjAVOiP_kWZ_eQdadeI&amp;callback=initMap&amp;libraries=places"></script>
</body>
<!-- index.html 07:28:39 -->
</html>
+150
View File
@@ -0,0 +1,150 @@
<div class="theme-footer" id="mainFooter">
<div class="container _ph-mob-0">
<div class="row row-eq-height row-mob-full" data-gutter="60">
<div class="col-md-3">
<div class="theme-footer-section theme-footer-">
<a class="theme-footer-brand _mb-mob-30" href="#">
<img src="img/logo-black.png" alt="تصویر متن جایگزین" title="عنوان تصویر">
</a>
<div class="theme-footer-brand-text">
<p>اما بچه های حاضر هم در غم المپیک متولد نمی شوند</p>
<p>کمان در گلو نیست، بنابراین سن نخبگان نیست</p>
</div>
</div>
</div>
<div class="col-md-5">
<div class="row">
<div class="col-md-4">
<div class="theme-footer-section theme-footer-">
<h5 class="theme-footer-section-title">همسفر</h5>
<ul class="theme-footer-section-list">
<li>
<a href="#">درباره تراول میت</a>
</li>
<li>
<a href="#">اپلیکیشن موبایل</a>
</li>
<li>
<a href="#">پشتیبانی مشتری</a>
</li>
<li>
<a href="#">تبلیغات</a>
</li>
<li>
<a href="#">شغل ها</a>
</li>
<li>
<a href="#">سیاست حفظ حریم خصوصی</a>
</li>
<li>
<a href="#">شرایط استفاده</a>
</li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="theme-footer-section theme-footer-">
<h5 class="theme-footer-section-title">سفر کنید</h5>
<ul class="theme-footer-section-list">
<li>
<a href="#">کشورها</a>
</li>
<li>
<a href="#">مناطق</a>
</li>
<li>
<a href="#">شهرها</a>
</li>
<li>
<a href="#">نواحی</a>
</li>
<li>
<a href="#">فرودگاه ها</a>
</li>
<li>
<a href="#">هتل</a>
</li>
<li>
<a href="#">مکان های مورد علاقه</a>
</li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="theme-footer-section theme-footer-">
<h5 class="theme-footer-section-title">کتاب</h5>
<ul class="theme-footer-section-list">
<li>
<a href="#">آپارتمان ها</a>
</li>
<li>
<a href="#">استراحتگاه ها</a>
</li>
<li>
<a href="#">ویلاها</a>
</li>
<li>
<a href="#">خوابگاه ها</a>
</li>
<li>
<a href="#">رستوران</a>
</li>
<li>
<a href="#">مهمانخانه</a>
</li>
<li>
<a href="#">هتل های زنجیره ای</a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="theme-footer-section theme-footer-section-subscribe bg-grad _mt-mob-30">
<div class="theme-footer-section-subscribe-bg" style="background-image:url(img/footer/footer_subscribe_bg.png);"></div>
<div class="theme-footer-section-subscribe-content">
<h5 class="theme-footer-section-title">تا 50 درصد از سفر بعدی خود صرفه جویی کنید</h5>
<p class="text-muted">برای باز کردن قفل معاملات مخفی ما مشترک شوید</p>
<form>
<div class="form-group">
<input class="form-control theme-footer-subscribe-form-control" type="email" placeholder="ایمیل خود را اینجا تایپ کنید">
</div>
<button class="btn btn-primary-invert btn-shadow text-upcase theme-footer-subscribe-btn" type="submit">معاملات دریافت کنید</button>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="theme-copyright">
<div class="container">
<div class="row">
<div class="col-md-6">
<p class="theme-copyright-text">حق چاپ © 1400
<a href="#">Bookify</a> . تمامی حقوق محفوظ است.
</p>
</div>
<div class="col-md-6">
<ul class="theme-copyright-social">
<li>
<a class="fa fa-facebook" href="#"></a>
</li>
<li>
<a class="fa fa-google" href="#"></a>
</li>
<li>
<a class="fa fa-twitter" href="#"></a>
</li>
<li>
<a class="fa fa-youtube-play" href="#"></a>
</li>
<li>
<a class="fa fa-instagram" href="#"></a>
</li>
</ul>
</div>
</div>
</div>
</div>
File diff suppressed because it is too large Load Diff
+462
View File
@@ -0,0 +1,462 @@
<div class="theme-hero-area theme-hero-area-primary">
<div class="theme-hero-area-bg-wrap">
<div class="theme-hero-area-bg ws-action" style="background-image:url(img/o14abktz5iy_1500x800.jpg);" data-parallax="true"></div>
<div class="theme-hero-area-mask theme-hero-area-mask-half"></div>
<div class="theme-hero-area-inner-shadow theme-hero-area-inner-shadow-light"></div>
</div>
<div class="theme-hero-area-body">
<div class="_pt-250 _pb-200 _pv-mob-50">
<div class="container">
<div class="theme-search-area-tabs">
<div class="theme-search-area-tabs-header _c-w _ta-mob-c">
<h1 class="theme-search-area-tabs-title">سفر خود را شروع کنید</h1>
<p class="theme-search-area-tabs-subtitle">صدها وب سایت مسافرتی را همزمان با هم مقایسه کنید</p>
</div>
<div class="tabbable">
<ul class="nav nav-tabs nav-line nav-white nav-lg nav-mob-inline" role="tablist">
<li class="active" role="presentation">
<a aria-controls="SearchAreaTabs-1" role="tab" data-toggle="tab" href="#SearchAreaTabs-1">هتل</a>
</li>
<li role="presentation">
<a aria-controls="SearchAreaTabs-2" role="tab" data-toggle="tab" href="#SearchAreaTabs-2">خانه ها</a>
</li>
<li role="presentation">
<a aria-controls="SearchAreaTabs-3" role="tab" data-toggle="tab" href="#SearchAreaTabs-3">پروازها</a>
</li>
<li role="presentation">
<a aria-controls="SearchAreaTabs-4" role="tab" data-toggle="tab" href="#SearchAreaTabs-4">ماشین </a>
</li>
<li role="presentation">
<a aria-controls="SearchAreaTabs-5" role="tab" data-toggle="tab" href="#SearchAreaTabs-5">تجربیات </a>
</li>
</ul>
<div class="tab-content _pt-20">
<div class="tab-pane active" id="SearchAreaTabs-1" role="tab-panel">
<div class="theme-search-area theme-search-area-stacked">
<div class="theme-search-area-form">
<div class="row" data-gutter="none">
<div class="col-md-3 ">
<div class="theme-search-area-section first theme-search-area-section-curved theme-search-area-section-bg-white theme-search-area-section-no-border theme-search-area-section-mr">
<div class="theme-search-area-section-inner">
<i class="theme-search-area-section-icon lin lin-location-pin"></i>
<input class="theme-search-area-section-input typeahead" type="text" placeholder="موقعیت هتل" data-provide="typeahead">
</div>
</div>
</div>
<div class="col-md-4 ">
<div class="row" data-gutter="none">
<div class="col-md-6 ">
<div class="theme-search-area-section theme-search-area-section-curved theme-search-area-section-bg-white theme-search-area-section-no-border theme-search-area-section-mr">
<div class="theme-search-area-section-inner">
<i class="theme-search-area-section-icon lin lin-calendar"></i>
<input class="theme-search-area-section-input datePickerStart _mob-h " value="تاریخ رفت" type="text" placeholder="تاریخ رفت" data-jdp>
<input class="theme-search-area-section-input _desk-h mobile-picker" value="تاریخ" type="text" data-jdp>
</div>
</div>
</div>
<div class="col-md-6 ">
<div class="theme-search-area-section theme-search-area-section-curved theme-search-area-section-bg-white theme-search-area-section-no-border theme-search-area-section-mr">
<div class="theme-search-area-section-inner">
<i class="theme-search-area-section-icon lin lin-calendar"></i>
<input class="theme-search-area-section-input datePickerEnd _mob-h" type="text" placeholder="تاریخ برگشت" data-jdp>
<input class="theme-search-area-section-input _desk-h mobile-picker" value="تاریخ برگشت" type="text" data-jdp>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4 ">
<div class="row" data-gutter="none">
<div class="col-md-6 ">
<div class="theme-search-area-section theme-search-area-section-curved theme-search-area-section-bg-white theme-search-area-section-no-border theme-search-area-section-mr quantity-selector" data-increment="اتاق ها">
<div class="theme-search-area-section-inner">
<i class="theme-search-area-section-icon lin lin-tag"></i>
<input class="theme-search-area-section-input" value="1 اتاق" type="text">
<div class="quantity-selector-box" id="HotelSearchRooms">
<div class="quantity-selector-inner">
<p class="quantity-selector-title">اتاق ها</p>
<ul class="quantity-selector-controls">
<li class="quantity-selector-decrement">
<a href="#">-</a>
</li>
<li class="quantity-selector-current">1</li>
<li class="quantity-selector-increment">
<a href="#">+</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 ">
<div class="theme-search-area-section theme-search-area-section-curved theme-search-area-section-bg-white theme-search-area-section-no-border theme-search-area-section-mr quantity-selector" data-increment="مهمان">
<div class="theme-search-area-section-inner">
<i class="theme-search-area-section-icon lin lin-people"></i>
<input class="theme-search-area-section-input" value="2 مهمان" type="text">
<div class="quantity-selector-box" id="HotelSearch مهمان">
<div class="quantity-selector-inner">
<p class="quantity-selector-title">مهمان</p>
<ul class="quantity-selector-controls">
<li class="quantity-selector-decrement">
<a href="#">-</a>
</li>
<li class="quantity-selector-current">1</li>
<li class="quantity-selector-increment">
<a href="#">+</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-1 ">
<button class="theme-search-area-submit _mt-0 theme-search-area-submit-no-border theme-search-area-submit-curved">جستجو</button>
</div>
</div>
</div>
<div class="theme-search-area-options _mob-h theme-search-area-options-white theme-search-area-options-dot-primary-inverse clearfix">
<div class="btn-group theme-search-area-options-list" data-toggle="buttons">
<label class="btn btn-primary active">
<input type="radio" name="hotel-options" id="hotel-option-1" checked=""> هرجایی
</label>
<label class="btn btn-primary">
<input type="radio" name="hotel-options" id="hotel-option-2">کسب و کار
</label>
<label class="btn btn-primary">
<input type="radio" name="hotel-options" id="hotel-option-3">خانواده
</label>
<label class="btn btn-primary">
<input type="radio" name="hotel-options" id="hotel-option-4">لوکس
</label>
<label class="btn btn-primary">
<input type="radio" name="hotel-options" id="hotel-option-5">بودجه
</label>
<label class="btn btn-primary">
<input type="radio" name="hotel-options" id="hotel-option-6">رومانتیک
</label>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="SearchAreaTabs-2" role="tab-panel">
<div class="theme-search-area theme-search-area-stacked">
<div class="theme-search-area-form">
<div class="row" data-gutter="none">
<div class="col-md-4 ">
<div class="theme-search-area-section first theme-search-area-section-curved theme-search-area-section-bg-white theme-search-area-section-no-border theme-search-area-section-mr">
<div class="theme-search-area-section-inner">
<i class="theme-search-area-section-icon lin lin-location-pin"></i>
<input class="theme-search-area-section-input typeahead" type="text" placeholder="موقعیت آپارتمان" data-provide="typeahead">
</div>
</div>
</div>
<div class="col-md-7 ">
<div class="row" data-gutter="none">
<div class="col-md-4 ">
<div class="theme-search-area-section theme-search-area-section-curved theme-search-area-section-bg-white theme-search-area-section-no-border theme-search-area-section-mr">
<div class="theme-search-area-section-inner">
<i class="theme-search-area-section-icon lin lin-calendar"></i>
<input class="theme-search-area-section-input datePickerStart _mob-h" value="تاریخ رفت" id="datepicker-Depart" type="text" placeholder="تاریخ رفت" data-jdp>
<input class="theme-search-area-section-input _desk-h mobile-picker" value="تاریخ" type="text" data-jdp>
</div>
</div>
</div>
<div class="col-md-4 ">
<div class="theme-search-area-section theme-search-area-section-curved theme-search-area-section-bg-white theme-search-area-section-no-border theme-search-area-section-mr">
<div class="theme-search-area-section-inner">
<i class="theme-search-area-section-icon lin lin-calendar"></i>
<input class="theme-search-area-section-input datePickerEnd _mob-h" type="text" placeholder="تاریخ برگشت" data-jdp>
<input class="theme-search-area-section-input _desk-h mobile-picker" value="تاریخ برگشت" type="text" data-jdp>
</div>
</div>
</div>
<div class="col-md-4 ">
<div class="theme-search-area-section theme-search-area-section-curved theme-search-area-section-bg-white theme-search-area-section-no-border theme-search-area-section-mr quantity-selector" data-increment="مهمان">
<div class="theme-search-area-section-inner">
<i class="theme-search-area-section-icon lin lin-people"></i>
<input class="theme-search-area-section-input" value="2 مهمان" type="text">
<div class="quantity-selector-box" id="RoomSearch مهمان">
<div class="quantity-selector-inner">
<p class="quantity-selector-title">مهمان</p>
<ul class="quantity-selector-controls">
<li class="quantity-selector-decrement">
<a href="#">-</a>
</li>
<li class="quantity-selector-current">1</li>
<li class="quantity-selector-increment">
<a href="#">+</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-1 ">
<button class="theme-search-area-submit _mt-0 theme-search-area-submit-no-border theme-search-area-submit-curved">جستجو</button>
</div>
</div>
</div>
<div class="theme-search-area-options _mob-h theme-search-area-options-white theme-search-area-options-dot-primary-inverse clearfix">
<div class="btn-group theme-search-area-options-list" data-toggle="buttons">
<label class="btn btn-primary active">
<input type="radio" name="room-options" id="room-option-1" checked=""> هرجایی
</label>
<label class="btn btn-primary">
<input type="radio" name="room-options" id="room-option-2">کل خانه
</label>
<label class="btn btn-primary">
<input type="radio" name="room-options" id="room-option-3">اتاق خصوصی
</label>
<label class="btn btn-primary">
<input type="radio" name="room-options" id="room-option-4">فضای به اشتراک گذاشته شده
</label>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="SearchAreaTabs-3" role="tab-panel">
<div class="theme-search-area theme-search-area-stacked">
<div class="theme-search-area-form">
<div class="row" data-gutter="none">
<div class="col-md-5 ">
<div class="row" data-gutter="none">
<div class="col-md-6 ">
<div class="theme-search-area-section first theme-search-area-section-curved theme-search-area-section-bg-white theme-search-area-section-no-border theme-search-area-section-mr">
<div class="theme-search-area-section-inner">
<i class="theme-search-area-section-icon lin lin-location-pin"></i>
<input class="theme-search-area-section-input typeahead" type="text" placeholder="مبدا" data-provide="typeahead">
</div>
</div>
</div>
<div class="col-md-6 ">
<div class="theme-search-area-section theme-search-area-section-curved theme-search-area-section-bg-white theme-search-area-section-no-border theme-search-area-section-mr">
<div class="theme-search-area-section-inner">
<i class="theme-search-area-section-icon lin lin-location-pin"></i>
<input class="theme-search-area-section-input typeahead" type="text" placeholder="مقصد" data-provide="typeahead">
</div>
</div>
</div>
</div>
</div>
<div class="col-md-6 ">
<div class="row" data-gutter="none">
<div class="col-md-4 ">
<div class="theme-search-area-section theme-search-area-section-curved theme-search-area-section-bg-white theme-search-area-section-no-border theme-search-area-section-mr">
<div class="theme-search-area-section-inner">
<i class="theme-search-area-section-icon lin lin-calendar"></i>
<input class="theme-search-area-section-input datePickerStart _mob-h" value="تاریخ رفت" id="datepicker-tour-Depart" type="text" placeholder="تاریخ رفت" data-jdp>
<input class="theme-search-area-section-input _desk-h mobile-picker" value="تاریخ" type="text" data-jdp>
</div>
</div>
</div>
<div class="col-md-4 ">
<div class="theme-search-area-section theme-search-area-section-curved theme-search-area-section-bg-white theme-search-area-section-no-border theme-search-area-section-mr">
<div class="theme-search-area-section-inner">
<i class="theme-search-area-section-icon lin lin-calendar"></i>
<input class="theme-search-area-section-input datePickerEnd _mob-h" type="text" placeholder="تاریخ برگشت" id="datepicker-tour-Return">
<input class="theme-search-area-section-input _desk-h mobile-picker" value="تاریخ برگشت" type="text" data-jdp>
</div>
</div>
</div>
<div class="col-md-4 ">
<div class="theme-search-area-section theme-search-area-section-curved theme-search-area-section-bg-white theme-search-area-section-no-border theme-search-area-section-mr quantity-selector" data-increment="مسافر">
<div class="theme-search-area-section-inner">
<i class="theme-search-area-section-icon lin lin-people"></i>
<input class="theme-search-area-section-input" value="1 مسافر" type="text">
<div class="quantity-selector-box" id="FlySearchPassengers">
<div class="quantity-selector-inner">
<p class="quantity-selector-title">مسافران</p>
<ul class="quantity-selector-controls">
<li class="quantity-selector-decrement">
<a href="#">-</a>
</li>
<li class="quantity-selector-current">1</li>
<li class="quantity-selector-increment">
<a href="#">+</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-1 ">
<button class="theme-search-area-submit _mt-0 theme-search-area-submit-no-border theme-search-area-submit-curved">جستجو</button>
</div>
</div>
</div>
<div class="theme-search-area-options theme-search-area-options-white theme-search-area-options-dot-primary-inverse clearfix">
<div class="btn-group theme-search-area-options-list" data-toggle="buttons">
<label class="btn btn-primary active">
<input type="radio" name="flight-options" id="flight-option-1" checked="">رفت و برگشت
</label>
<label class="btn btn-primary">
<input type="radio" name="flight-options" id="flight-option-2">یک طرفه
</label>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="SearchAreaTabs-4" role="tab-panel">
<div class="theme-search-area theme-search-area-stacked">
<div class="theme-search-area-form">
<div class="row" data-gutter="none">
<div class="col-md-7 ">
<div class="row" data-gutter="none">
<div class="col-md-6 ">
<div class="theme-search-area-section first theme-search-area-section-curved theme-search-area-section-bg-white theme-search-area-section-no-border theme-search-area-section-mr">
<div class="theme-search-area-section-inner">
<i class="theme-search-area-section-icon lin lin-location-pin"></i>
<input class="theme-search-area-section-input typeahead" type="text" placeholder="مبدا" data-provide="typeahead">
</div>
</div>
</div>
<div class="col-md-6 ">
<div class="theme-search-area-section theme-search-area-section-curved theme-search-area-section-bg-white theme-search-area-section-no-border theme-search-area-section-mr">
<div class="theme-search-area-section-inner">
<i class="theme-search-area-section-icon lin lin-location-pin"></i>
<input class="theme-search-area-section-input typeahead" type="text" placeholder="مقصد" data-provide="typeahead">
</div>
</div>
</div>
</div>
</div>
<div class="col-md-2 ">
<div class="theme-search-area-section theme-search-area-section-curved theme-search-area-section-bg-white theme-search-area-section-no-border theme-search-area-section-mr">
<div class="theme-search-area-section-inner">
<i class="theme-search-area-section-icon lin lin-calendar"></i>
<input class="theme-search-area-section-input datePickerStart _mob-h" value="تاریخ رفت" id="data-car" type="text" placeholder="تاریخ رفت" data-jdp>
<input class="theme-search-area-section-input _desk-h mobile-picker" value="تاریخ" type="text" data-jdp>
</div>
</div>
</div>
<div class="col-md-2 ">
<div class="theme-search-area-section theme-search-area-section-curved theme-search-area-section-bg-white theme-search-area-section-no-border theme-search-area-section-mr">
<div class="theme-search-area-section-inner">
<i class="theme-search-area-section-icon lin lin-calendar"></i>
<input class="theme-search-area-section-input datePickerEnd _mob-h" type="text" placeholder="تاریخ برگشت" data-jdp>
<input class="theme-search-area-section-input _desk-h mobile-picker" value="تاریخ برگشت" type="text" data-jdp>
</div>
</div>
</div>
<div class="col-md-1 ">
<button class="theme-search-area-submit _mt-0 theme-search-area-submit-no-border theme-search-area-submit-curved">جستجو</button>
</div>
</div>
</div>
<div class="theme-search-area-options _mob-h theme-search-area-options-white theme-search-area-options-dot-primary-inverse clearfix">
<div class="btn-group theme-search-area-options-list" data-toggle="buttons">
<label class="btn btn-primary active">
<input type="radio" name="car-options" id="car-option-1" checked=""> هرجایی
</label>
<label class="btn btn-primary">
<input type="radio" name="car-options" id="car-option-2">کوپه
</label>
<label class="btn btn-primary">
<input type="radio" name="car-options" id="car-option-3">هاچ بک
</label>
<label class="btn btn-primary">
<input type="radio" name="car-options" id="car-option-4">ماشین شاسی بلند
</label>
<label class="btn btn-primary">
<input type="radio" name="car-options" id="car-option-5"> سواری
</label>
<label class="btn btn-primary">
<input type="radio" name="car-options" id="car-option-6"> خارجی
</label>
</div>
</div>
</div>
</div>
<div class="tab-pane" id="SearchAreaTabs-5" role="tab-panel">
<div class="theme-search-area theme-search-area-stacked">
<div class="theme-search-area-form">
<div class="row" data-gutter="none">
<div class="col-md-4 ">
<div class="theme-search-area-section first theme-search-area-section-curved theme-search-area-section-bg-white theme-search-area-section-no-border theme-search-area-section-mr">
<div class="theme-search-area-section-inner">
<i class="theme-search-area-section-icon lin lin-location-pin"></i>
<input class="theme-search-area-section-input typeahead" type="text" placeholder="مقصد" data-provide="typeahead">
</div>
</div>
</div>
<div class="col-md-7 ">
<div class="row" data-gutter="none">
<div class="col-md-4 ">
<div class="theme-search-area-section theme-search-area-section-curved theme-search-area-section-bg-white theme-search-area-section-no-border theme-search-area-section-mr">
<div class="theme-search-area-section-inner">
<i class="theme-search-area-section-icon lin lin-calendar"></i>
<input class="theme-search-area-section-input datePickerStart _mob-h" value="تاریخ رفت" id="date-exp" type="text" placeholder="تاریخ رفت" data-jdp>
<input class="theme-search-area-section-input _desk-h mobile-picker" value="تاریخ" type="text" data-jdp>
</div>
</div>
</div>
<div class="col-md-4 ">
<div class="theme-search-area-section theme-search-area-section-curved theme-search-area-section-bg-white theme-search-area-section-no-border theme-search-area-section-mr">
<div class="theme-search-area-section-inner">
<i class="theme-search-area-section-icon lin lin-calendar"></i>
<input class="theme-search-area-section-input datePickerEnd _mob-h" type="text" placeholder="تاریخ برگشت" id="exo-date-back">
<input class="theme-search-area-section-input _desk-h mobile-picker" value="تاریخ برگشت" type="text" data-jdp>
</div>
</div>
</div>
<div class="col-md-4 ">
<div class="theme-search-area-section theme-search-area-section-curved theme-search-area-section-bg-white theme-search-area-section-no-border theme-search-area-section-mr quantity-selector" data-increment="مهمان">
<div class="theme-search-area-section-inner">
<i class="theme-search-area-section-icon lin lin-people"></i>
<input class="theme-search-area-section-input" value="2 مهمان" type="text">
<div class="quantity-selector-box" id="ExpSearch مهمان">
<div class="quantity-selector-inner">
<p class="quantity-selector-title">مهمان</p>
<ul class="quantity-selector-controls">
<li class="quantity-selector-decrement">
<a href="#">-</a>
</li>
<li class="quantity-selector-current">1</li>
<li class="quantity-selector-increment">
<a href="#">+</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-1 ">
<button class="theme-search-area-submit _mt-0 theme-search-area-submit-no-border theme-search-area-submit-curved">جستجو</button>
</div>
</div>
</div>
<div class="theme-search-area-options _mob-h theme-search-area-options-white theme-search-area-options-dot-primary-inverse clearfix">
<div class="btn-group theme-search-area-options-list" data-toggle="buttons">
<label class="btn btn-primary active">
<input type="radio" name="exp-options" id="exp-option-1" checked=""> هرجایی
</label>
<label class="btn btn-primary">
<input type="radio" name="exp-options" id="exp-option-2">تجربیات
</label>
<label class="btn btn-primary">
<input type="radio" name="exp-options" id="exp-option-3">غوطه ور شدن
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>