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
+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>