diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index 9b42716..e143d1b 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -2,9 +2,8 @@
 <project version="4">
   <component name="ChangeListManager">
     <list default="true" id="262dadad-9ee2-4195-8c3f-334d05ea3fe4" name="Default" comment="">
+      <change type="NEW" beforePath="" afterPath="$PROJECT_DIR$/module/guide/asset/ng-template/front/item-list.html" />
       <change type="MODIFICATION" beforePath="$PROJECT_DIR$/.idea/workspace.xml" afterPath="$PROJECT_DIR$/.idea/workspace.xml" />
-      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/asset/css/style.css" afterPath="$PROJECT_DIR$/asset/css/style.css" />
-      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/template/layout-style.phtml" afterPath="$PROJECT_DIR$/template/layout-style.phtml" />
     </list>
     <option name="EXCLUDED_CONVERTED_TO_IGNORED" value="true" />
     <option name="TRACKING_ENABLED" value="true" />
@@ -15,53 +14,7 @@
   </component>
   <component name="ExecutionTargetManager" SELECTED_TARGET="default_target" />
   <component name="FileEditorManager">
-    <leaf SIDE_TABS_SIZE_LIMIT_KEY="300">
-      <file leaf-file-name="layout-front.phtml" pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/template/layout-front.phtml">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="1962">
-              <caret line="109" column="35" lean-forward="false" selection-start-line="109" selection-start-column="28" selection-end-line="109" selection-end-column="35" />
-              <folding>
-                <element signature="e#15781#15909#0#PHP" expanded="true" />
-                <marker date="1494427705822" expanded="true" signature="17384:17957" ph="..." />
-                <marker date="1494427705822" expanded="true" signature="17424:17938" ph="..." />
-                <marker date="1494427705822" expanded="true" signature="17477:17915" ph="..." />
-              </folding>
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file leaf-file-name="front.css" pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/asset/css/front.css">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="163">
-              <caret line="926" column="28" lean-forward="false" selection-start-line="926" selection-start-column="28" selection-end-line="926" selection-end-column="28" />
-              <folding />
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file leaf-file-name="layout-style.phtml" pinned="false" current-in-tab="false">
-        <entry file="file://$PROJECT_DIR$/template/layout-style.phtml">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="126">
-              <caret line="7" column="8" lean-forward="false" selection-start-line="7" selection-start-column="8" selection-end-line="7" selection-end-column="8" />
-              <folding />
-            </state>
-          </provider>
-        </entry>
-      </file>
-      <file leaf-file-name="style.css" pinned="false" current-in-tab="true">
-        <entry file="file://$PROJECT_DIR$/asset/css/style.css">
-          <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="216">
-              <caret line="12" column="8" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="175" selection-end-column="1" />
-              <folding />
-            </state>
-          </provider>
-        </entry>
-      </file>
-    </leaf>
+    <leaf SIDE_TABS_SIZE_LIMIT_KEY="300" />
   </component>
   <component name="FindInProjectRecents">
     <findStrings>
@@ -113,8 +66,6 @@
       <foldersAlwaysOnTop value="true" />
     </navigator>
     <panes>
-      <pane id="Scope" />
-      <pane id="Scratches" />
       <pane id="ProjectPane">
         <subPane>
           <PATH>
@@ -127,20 +78,6 @@
               <option name="myItemType" value="com.jetbrains.php.projectView.PhpTreeStructureProvider$1" />
             </PATH_ELEMENT>
           </PATH>
-          <PATH>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="cafeyab" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
-            </PATH_ELEMENT>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="cafeyab" />
-              <option name="myItemType" value="com.jetbrains.php.projectView.PhpTreeStructureProvider$1" />
-            </PATH_ELEMENT>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="template" />
-              <option name="myItemType" value="com.jetbrains.php.projectView.PhpTreeStructureProvider$1" />
-            </PATH_ELEMENT>
-          </PATH>
           <PATH>
             <PATH_ELEMENT>
               <option name="myItemId" value="cafeyab" />
@@ -169,58 +106,37 @@
               <option name="myItemType" value="com.jetbrains.php.projectView.PhpTreeStructureProvider$1" />
             </PATH_ELEMENT>
             <PATH_ELEMENT>
-              <option name="myItemId" value="system" />
-              <option name="myItemType" value="com.jetbrains.php.projectView.PhpTreeStructureProvider$1" />
-            </PATH_ELEMENT>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="template" />
-              <option name="myItemType" value="com.jetbrains.php.projectView.PhpTreeStructureProvider$1" />
-            </PATH_ELEMENT>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="block" />
-              <option name="myItemType" value="com.jetbrains.php.projectView.PhpTreeStructureProvider$1" />
-            </PATH_ELEMENT>
-          </PATH>
-          <PATH>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="cafeyab" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
-            </PATH_ELEMENT>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="cafeyab" />
+              <option name="myItemId" value="guide" />
               <option name="myItemType" value="com.jetbrains.php.projectView.PhpTreeStructureProvider$1" />
             </PATH_ELEMENT>
             <PATH_ELEMENT>
               <option name="myItemId" value="asset" />
               <option name="myItemType" value="com.jetbrains.php.projectView.PhpTreeStructureProvider$1" />
             </PATH_ELEMENT>
-          </PATH>
-          <PATH>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="cafeyab" />
-              <option name="myItemType" value="com.intellij.ide.projectView.impl.nodes.ProjectViewProjectNode" />
-            </PATH_ELEMENT>
             <PATH_ELEMENT>
-              <option name="myItemId" value="cafeyab" />
+              <option name="myItemId" value="ng-template" />
               <option name="myItemType" value="com.jetbrains.php.projectView.PhpTreeStructureProvider$1" />
             </PATH_ELEMENT>
             <PATH_ELEMENT>
-              <option name="myItemId" value="asset" />
-              <option name="myItemType" value="com.jetbrains.php.projectView.PhpTreeStructureProvider$1" />
-            </PATH_ELEMENT>
-            <PATH_ELEMENT>
-              <option name="myItemId" value="css" />
+              <option name="myItemId" value="front" />
               <option name="myItemType" value="com.jetbrains.php.projectView.PhpTreeStructureProvider$1" />
             </PATH_ELEMENT>
           </PATH>
         </subPane>
       </pane>
+      <pane id="Scratches" />
+      <pane id="Scope" />
     </panes>
   </component>
   <component name="PropertiesComponent">
     <property name="WebServerToolWindowFactoryState" value="false" />
     <property name="last_opened_file_path" value="$PROJECT_DIR$/../emrouzkharid2" />
   </component>
+  <component name="RecentsManager">
+    <key name="CopyFile.RECENT_KEYS">
+      <recent name="$PROJECT_DIR$/module/guide/asset" />
+    </key>
+  </component>
   <component name="RunDashboard">
     <option name="ruleStates">
       <list>
@@ -233,6 +149,69 @@
       </list>
     </option>
   </component>
+  <component name="RunManager">
+    <configuration default="true" type="CodeceptionConfigurationType" factoryName="Codeception">
+      <PhpTestRunnerSettings />
+      <method />
+    </configuration>
+    <configuration default="true" type="JavaScriptTestRunnerJest" factoryName="Jest">
+      <node-interpreter value="project" />
+      <working-dir value="" />
+      <envs />
+      <scope-kind value="ALL" />
+      <method />
+    </configuration>
+    <configuration default="true" type="JavaScriptTestRunnerProtractor" factoryName="Protractor">
+      <config-file value="" />
+      <node-interpreter value="project" />
+      <envs />
+      <method />
+    </configuration>
+    <configuration default="true" type="JavascriptDebugType" factoryName="JavaScript Debug">
+      <method />
+    </configuration>
+    <configuration default="true" type="NodeJSConfigurationType" factoryName="Node.js" path-to-node="project" working-dir="">
+      <method />
+    </configuration>
+    <configuration default="true" type="PHPUnitRunConfigurationType" factoryName="PHPUnit">
+      <TestRunner />
+      <method />
+    </configuration>
+    <configuration default="true" type="PhpBehatConfigurationType" factoryName="Behat">
+      <BehatRunner />
+      <method />
+    </configuration>
+    <configuration default="true" type="PhpLocalRunConfigurationType" factoryName="PHP Console">
+      <method />
+    </configuration>
+    <configuration default="true" type="PhpSpecConfigurationType" factoryName="PHPSpec">
+      <PhpTestRunnerSettings />
+      <method />
+    </configuration>
+    <configuration default="true" type="js.build_tools.gulp" factoryName="Gulp.js">
+      <method />
+    </configuration>
+    <configuration default="true" type="js.build_tools.npm" factoryName="npm">
+      <command value="run" />
+      <scripts />
+      <node-interpreter value="project" />
+      <envs />
+      <method />
+    </configuration>
+    <configuration default="true" type="mocha-javascript-test-runner" factoryName="Mocha">
+      <node-interpreter>project</node-interpreter>
+      <node-options />
+      <working-directory />
+      <pass-parent-env>true</pass-parent-env>
+      <envs />
+      <ui />
+      <extra-mocha-options />
+      <test-kind>DIRECTORY</test-kind>
+      <test-directory />
+      <recursive>false</recursive>
+      <method />
+    </configuration>
+  </component>
   <component name="ShelveChangesManager" show_recycled="false">
     <option name="remove_strategy" value="false" />
   </component>
@@ -258,7 +237,8 @@
       <workItem from="1494434700646" duration="129000" />
       <workItem from="1494436978266" duration="5000" />
       <workItem from="1494437242533" duration="173000" />
-      <workItem from="1494438251457" duration="358000" />
+      <workItem from="1494438251457" duration="404000" />
+      <workItem from="1495358325774" duration="192000" />
     </task>
     <task id="LOCAL-00001" summary="work on theme">
       <created>1491372513965</created>
@@ -288,17 +268,23 @@
       <option name="project" value="LOCAL" />
       <updated>1494434819704</updated>
     </task>
-    <option name="localTasksCounter" value="5" />
+    <task id="LOCAL-00005" summary="work on theme">
+      <created>1494438612303</created>
+      <option name="number" value="00005" />
+      <option name="presentableId" value="LOCAL-00005" />
+      <option name="project" value="LOCAL" />
+      <updated>1494438612303</updated>
+    </task>
+    <option name="localTasksCounter" value="6" />
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="3308000" />
+    <option name="totallyTimeSpent" value="3546000" />
   </component>
   <component name="ToolWindowManager">
     <frame x="0" y="0" width="1280" height="994" extended-state="6" />
-    <editor active="true" />
     <layout>
-      <window_info id="Project" active="false" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.3578352" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
+      <window_info id="Project" active="true" anchor="left" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="true" show_stripe_button="true" weight="0.3634895" sideWeight="0.5" order="0" side_tool="false" content_ui="tabs" />
       <window_info id="TODO" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="6" side_tool="false" content_ui="tabs" />
       <window_info id="Event Log" active="false" anchor="bottom" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="7" side_tool="true" content_ui="tabs" />
       <window_info id="Database" active="false" anchor="right" auto_hide="false" internal_type="DOCKED" type="DOCKED" visible="false" show_stripe_button="true" weight="0.33" sideWeight="0.5" order="3" side_tool="false" content_ui="tabs" />
@@ -332,6 +318,43 @@
     <watches-manager />
   </component>
   <component name="editorHistoryManager">
+    <entry file="file://$PROJECT_DIR$/template/layout-front.phtml">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="1962">
+          <caret line="109" column="35" lean-forward="false" selection-start-line="109" selection-start-column="28" selection-end-line="109" selection-end-column="35" />
+          <folding>
+            <element signature="e#15781#15909#0#PHP" expanded="true" />
+            <marker date="1494427705822" expanded="true" signature="17384:17957" ph="..." />
+            <marker date="1494427705822" expanded="true" signature="17424:17938" ph="..." />
+            <marker date="1494427705822" expanded="true" signature="17477:17915" ph="..." />
+          </folding>
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/asset/css/front.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="16668">
+          <caret line="926" column="28" lean-forward="false" selection-start-line="926" selection-start-column="28" selection-end-line="926" selection-end-column="28" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/template/layout-style.phtml">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="126">
+          <caret line="7" column="8" lean-forward="false" selection-start-line="7" selection-start-column="8" selection-end-line="7" selection-end-column="8" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
+    <entry file="file://$PROJECT_DIR$/asset/css/style.css">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="216">
+          <caret line="12" column="8" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="175" selection-end-column="1" />
+          <folding />
+        </state>
+      </provider>
+    </entry>
     <entry file="file://$PROJECT_DIR$/template/layout-front.phtml">
       <provider selected="true" editor-type-id="text-editor">
         <state relative-caret-position="1962">
@@ -558,23 +581,10 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/template/layout-front.phtml">
-      <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="1962">
-          <caret line="109" column="35" lean-forward="false" selection-start-line="109" selection-start-column="28" selection-end-line="109" selection-end-column="35" />
-          <folding>
-            <element signature="e#15781#15909#0#PHP" expanded="true" />
-            <marker date="1494427705822" expanded="true" signature="17384:17957" ph="..." />
-            <marker date="1494427705822" expanded="true" signature="17424:17938" ph="..." />
-            <marker date="1494427705822" expanded="true" signature="17477:17915" ph="..." />
-          </folding>
-        </state>
-      </provider>
-    </entry>
-    <entry file="file://$PROJECT_DIR$/asset/css/front.css">
+    <entry file="file://$PROJECT_DIR$/asset/css/style.css">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="163">
-          <caret line="926" column="28" lean-forward="false" selection-start-line="926" selection-start-column="28" selection-end-line="926" selection-end-column="28" />
+        <state relative-caret-position="216">
+          <caret line="12" column="8" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="175" selection-end-column="1" />
           <folding />
         </state>
       </provider>
@@ -587,13 +597,26 @@
         </state>
       </provider>
     </entry>
-    <entry file="file://$PROJECT_DIR$/asset/css/style.css">
+    <entry file="file://$PROJECT_DIR$/asset/css/front.css">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="216">
-          <caret line="12" column="8" lean-forward="false" selection-start-line="0" selection-start-column="0" selection-end-line="175" selection-end-column="1" />
+        <state relative-caret-position="163">
+          <caret line="926" column="28" lean-forward="false" selection-start-line="926" selection-start-column="28" selection-end-line="926" selection-end-column="28" />
           <folding />
         </state>
       </provider>
     </entry>
+    <entry file="file://$PROJECT_DIR$/template/layout-front.phtml">
+      <provider selected="true" editor-type-id="text-editor">
+        <state relative-caret-position="723">
+          <caret line="109" column="35" lean-forward="false" selection-start-line="109" selection-start-column="28" selection-end-line="109" selection-end-column="35" />
+          <folding>
+            <element signature="e#15781#15909#0#PHP" expanded="true" />
+            <marker date="1494427705822" expanded="true" signature="17384:17957" ph="..." />
+            <marker date="1494427705822" expanded="true" signature="17424:17938" ph="..." />
+            <marker date="1494427705822" expanded="true" signature="17477:17915" ph="..." />
+          </folding>
+        </state>
+      </provider>
+    </entry>
   </component>
 </project>
\ No newline at end of file
diff --git a/module/guide/asset/ng-template/front/item-list.html b/module/guide/asset/ng-template/front/item-list.html
new file mode 100644
index 0000000..84cea77
--- /dev/null
+++ b/module/guide/asset/ng-template/front/item-list.html
@@ -0,0 +1,210 @@
+<div class="clearfix pi-item-list">
+    <div class="col-xs-3">
+        <div class="pi-item-search-form clearfix well well-sm">
+            <div class="page-header">
+                <h3>{{'SEARCH' | translate}}</h3>
+            </div>
+            <form id="list-filter" ng-submit="filterAction()">
+                <div class="form-group">
+                    <label>{{'TITLE' | translate}}</label>
+                    <input type="text" class="form-control" ng-model="filter.title" ng-change="filterAction()"
+                           ng-model-options="{ debounce: 5000 }">
+                </div>
+                <div class="form-group">
+                    <label>{{'LOCATION' | translate}}</label>
+                    <select class="form-control" ng-model="filter.location" ng-change="filterAction()" ng-model-options="{ debounce: 5000 }">
+                        <option value="">{{'ALL' | translate}}</option>
+                        <option ng-repeat="locationSingle in locationList" value="{{locationSingle.slug}}">
+                            {{locationSingle.title}}
+                        </option>
+                    </select>
+                </div>
+                <div class="form-group">
+                    <label class="ng-binding">Wi-Fi</label>
+                    <select class="form-control" ng-model="filter.wifi" ng-change="filterAction()" ng-model-options="{ debounce: 5000 }">
+                        <option value="">همه</option>
+                        <option value="دارد">دارد</option>
+                        <option value="ندارد">ندارد</option>
+                    </select>
+                </div>
+                <div class="form-group">
+                    <label class="ng-binding">دستگاه کارت‌خوان</label>
+                    <select class="form-control" ng-model="filter.cardreader" ng-change="filterAction()" ng-model-options="{ debounce: 5000 }">
+                        <option value="">همه</option>
+                        <option value="دارد">دارد</option>
+                        <option value="ندارد">ندارد</option>
+                    </select>
+                </div>
+                <div class="form-group">
+                    <label class="ng-binding">مناسب برای قرار گروهی</label>
+                    <select class="form-control" ng-model="filter.suitablegroups" ng-change="filterAction()" ng-model-options="{ debounce: 5000 }">
+                        <option value="" class="ng-binding">همه</option>
+                        <option value="بله، زیر ۱۰ نفر">بله، زیر ۱۰ نفر</option>
+                        <option value="بله، ۱۰ نفر">بله، ۱۰ نفر</option>
+                        <option value="بله، زیر ۲۰ نفر">بله، زیر ۲۰ نفر</option>
+                        <option value="بله، ۲۰ نفر">بله، ۲۰ نفر</option>
+                        <option value="بله، بالای ۲۰ نفر">بله، بالای ۲۰ نفر</option>
+                        <option value="خیر">خیر</option>
+                    </select>
+                </div>
+                <div class="form-group">
+                    <label class="ng-binding">بیرون‌بر</label>
+                    <select class="form-control" ng-model="filter.takeaway" ng-change="filterAction()" ng-model-options="{ debounce: 5000 }">
+                        <option value="">همه</option>
+                        <option value="دارد">دارد</option>
+                        <option value="ندارد">ندارد</option>
+                    </select>
+                </div>
+                <div class="form-group">
+                    <label class="ng-binding">غذا</label>
+                    <select class="form-control" ng-model="filter.food" ng-change="filterAction()" ng-model-options="{ debounce: 5000 }">
+                        <option value="">همه</option>
+                        <option value="دارد">دارد</option>
+                        <option value="ندارد">ندارد</option>
+                    </select>
+                </div>
+                <div class="form-group">
+                    <label class="ng-binding">صبحانه</label>
+
+                    <select class="form-control" ng-model="filter.breakfast" ng-change="filterAction()" ng-model-options="{ debounce: 5000 }">
+                        <option value="">همه</option>
+                        <option value="صبحانه سبک دارد(کیک و ...)">صبحانه سبک دارد(کیک و ...)</option>
+                        <option value="دارد">دارد</option>
+                        <option value="ندارد">ندارد</option>
+                    </select>
+                </div>
+                <div class="form-group">
+                    <label class="ng-binding">سیگار کشیدن</label>
+                    <select class="form-control" ng-model="filter.nosmoke" ng-change="filterAction()" ng-model-options="{ debounce: 5000 }">
+                        <option value="" class="ng-binding">همه</option>
+                        <option value="فضای مخصوص دارد">فضای مخصوص دارد</option>
+                        <option value="فقط در قسمت فضای باز">فقط در قسمت فضای باز</option>
+                        <option value="آزاد است">آزاد است</option>
+                        <option value="آزاد نیست">آزاد نیست</option>
+                        <option value="عصر به بعد">عصر به بعد</option>
+                    </select>
+                </div>
+                <div class="form-group">
+                    <label class="ng-binding">قهوه موج سوم</label>
+                    <select class="form-control" ng-model="filter.thirdwavecoffee" ng-change="filterAction()" ng-model-options="{ debounce: 5000 }">
+                        <option value="">همه</option>
+                        <option value="دارد">دارد</option>
+                        <option value="ندارد">ندارد</option>
+                    </select>
+                </div>
+                <div class="form-group">
+                    <label class="ng-binding">فضای ویژه VIP</label>
+                    <select class="form-control" ng-model="filter.vip" ng-change="filterAction()" ng-model-options="{ debounce: 5000 }">
+                        <option value="">همه</option>
+                        <option value="دارد">دارد</option>
+                        <option value="ندارد">ندارد</option>
+                    </select>
+                </div>
+                <div class="form-group">
+                    <label class="ng-binding">بازی و سرگرمی</label>
+                    <select class="form-control" ng-model="filter.game" ng-change="filterAction()" ng-model-options="{ debounce: 5000 }">
+                        <option value="">همه</option>
+                        <option value="دارد">دارد</option>
+                        <option value="ندارد">ندارد</option>
+                    </select>
+                </div>
+            </form>
+        </div>
+        <div class="clearfix category-list">
+            <div class="page-header">
+                <h3>{{'CATEGORY_LIST' | translate}}</h3>
+            </div>
+            <div class="clearfix">
+                <div class="pi-item-category"></div>
+            </div>
+        </div>
+    </div>
+    <div class="col-xs-9">
+        <div class="clearfix">
+            <div class="page-header">
+                <h1>{{condition.title}}</h1>
+            </div>
+            <div ng-show="items.length">
+                <div class="row">
+                    <div ng-repeat="item in items">
+                        <div class="col-xs-4 pi-item-box">
+                            <div class="thumbnail p-item h-card">
+                                <div class="hover-style">
+                                    <a class="u-url with-min-price {{item.ribbon_class}}" itemprop="url"
+                                       title="{{item.title}}" data-ng-href="{{item.itemUrl}}" target="_blank">
+                                        <img itemprop="image" class="img-responsive u-photo" src="#"
+                                             data-ng-src="{{item.mediumUrl}}" alt="{{item.title}}">
+                                        <p data-ng-if="item.ribbon">
+                                            <span>{{item.ribbon}}</span>
+                                        </p>
+                                        <div data-ng-if="item.min_price" class="item-price">
+                                            <ul class="list-unstyled">
+                                                <li class="item-price-from">{{'MIN_PRICE' | translate}}</li>
+                                                <li class="item-price-price"><span data-ng-if="item.deal"><del
+                                                        class="small">{{item.reference_price}}</del></span>
+                                                    {{item.min_price}}
+                                                </li>
+                                                <li class="item-price-service" data-ng-if="item.main_service">
+                                                    {{item.main_service}}
+                                                </li>
+                                            </ul>
+                                        </div>
+                                    </a>
+                                    <div class="caption">
+                                        <h2 class="p-name" itemprop="name">
+                                            <a class="u-url" itemprop="url" title="{{item.title}}"
+                                               data-ng-href="{{item.itemUrl}}" target="_blank">
+                                                {{item.title}}
+                                            </a>
+                                        </h2>
+                                        <div class="itemInfo p-adr">
+                                            <strong>{{'CITY' | translate}}</strong> :
+                                            <span class="p-locality">{{item.city}}</span>
+                                            <span data-ng-if="item.area"
+                                                  class="p-street-address"> | {{item.area}}</span>
+                                        </div>
+                                        <div class="clearfix" itemprop="description">
+                                            <div data-ng-if="item.item_type == 'route'">
+                                                <div data-ng-if="item.difficulty" class="itemInfo">
+                                                    <strong>{{'DIFFICULTY' | translate}}</strong> : {{item.difficulty}}
+                                                </div>
+                                                <div data-ng-if="item.duration" class="itemInfo">
+                                                    <strong>{{'DURATION' | translate}}</strong> : {{item.duration_view}}
+                                                </div>
+                                                <div data-ng-if="item.elevation_end" class="itemInfo">
+                                                    <strong>{{'ELEVATION' | translate}}</strong> :
+                                                    {{item.elevation_end}}
+                                                </div>
+                                            </div>
+                                            <div data-ng-if="item.item_type == 'poi'">
+                                                <div data-ng-if="item.elevation_end" class="itemInfo">
+                                                    <strong>{{'ELEVATION' | translate}}</strong> :
+                                                    {{item.elevation_end}}
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="h-geo hidden" itemprop="geo" itemscope
+                                             itemtype="https://schema.org/GeoCoordinates">
+                                            <span itemprop="latitude" class="p-latitude">{{item.map_latitude}}</span>,
+                                            <span itemprop="longitude" class="p-longitude">{{item.map_longitude}}</span>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </div>
+                    </div>
+                </div>
+                <div class="pi-paginator">
+                    <pagination ng-if="paginator.count > paginator.limit"
+                                total-items="paginator.count" page="paginator.page" max-size="10"
+                                previous-text="&lsaquo;" next-text="&rsaquo;" first-text="&laquo;" last-text="&raquo;"
+                                boundary-links="true" items-per-page="paginator.limit">
+                    </pagination>
+                </div>
+            </div>
+            <div class="alert alert-info" ng-if="!items.length">
+                {{'NONE_ITEM' | translate}}
+            </div>
+        </div>
+    </div>
+</div>
\ No newline at end of file