From 843d4e25a7787c46c6fc67643fe09797daf2e38c Mon Sep 17 00:00:00 2001
From: hazratgs <hazratgs@gmail.com>
Date: Mon, 14 Nov 2016 22:37:12 +0300
Subject: [PATCH] =?UTF-8?q?=D0=9F=D0=BE=D1=85=D0=BE=D0=B6=D0=B8=D0=B5=20?=
 =?UTF-8?q?=D1=82=D0=BE=D0=B2=D0=B0=D1=80=D1=8B=20=D0=B2=20=D0=BE=D1=82?=
 =?UTF-8?q?=D0=BA=D1=80=D1=8B=D1=82=D0=BE=D0=BC=20=D0=BF=D1=80=D0=BE=D0=B4?=
 =?UTF-8?q?=D1=83=D0=BA=D1=82=D0=B5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .idea/workspace.xml   | 67 ++++++++++++++++++++++++++++++++++++-------
 product.php           | 36 +++++++++++++++++++++++
 public/css/style.css  | 62 +++++++++++++++++++++++++++++++++++++++
 public/css/style.less | 65 +++++++++++++++++++++++++++++++++++++++++
 4 files changed, 220 insertions(+), 10 deletions(-)

diff --git a/.idea/workspace.xml b/.idea/workspace.xml
index ef74ea1..3967ce9 100644
--- a/.idea/workspace.xml
+++ b/.idea/workspace.xml
@@ -3,6 +3,7 @@
   <component name="ChangeListManager">
     <list default="true" id="ee05fe70-b659-4d25-b6a3-cbaf14079819" name="Default" comment="">
       <change type="MODIFICATION" beforePath="$PROJECT_DIR$/.idea/workspace.xml" afterPath="$PROJECT_DIR$/.idea/workspace.xml" />
+      <change type="MODIFICATION" beforePath="$PROJECT_DIR$/product.php" afterPath="$PROJECT_DIR$/product.php" />
       <change type="MODIFICATION" beforePath="$PROJECT_DIR$/public/css/style.css" afterPath="$PROJECT_DIR$/public/css/style.css" />
       <change type="MODIFICATION" beforePath="$PROJECT_DIR$/public/css/style.less" afterPath="$PROJECT_DIR$/public/css/style.less" />
     </list>
@@ -28,8 +29,8 @@
       <file leaf-file-name="product.php" pinned="false" current-in-tab="false">
         <entry file="file://$PROJECT_DIR$/product.php">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="638">
-              <caret line="106" column="53" selection-start-line="106" selection-start-column="53" selection-end-line="106" selection-end-column="53" />
+            <state relative-caret-position="654">
+              <caret line="145" column="133" selection-start-line="145" selection-start-column="133" selection-end-line="145" selection-end-column="133" />
               <folding>
                 <element signature="n#head#0;n#html#0;n#!!top" expanded="false" />
                 <element signature="n#header#0;n#body#0;n#html#0;n#!!top" expanded="false" />
@@ -41,6 +42,11 @@
                 <element signature="n#div#1;n#div#0;n#div#0;n#header#0;n#body#0;n#html#0;n#!!top" expanded="false" />
                 <element signature="n#div#2;n#div#0;n#div#0;n#header#0;n#body#0;n#html#0;n#!!top" expanded="false" />
                 <element signature="n#div#1;n#div#2;n#div#0;n#div#0;n#header#0;n#body#0;n#html#0;n#!!top" expanded="false" />
+                <element signature="n#div#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="false" />
+                <element signature="n#style#0;n#div#0;n#div#0;n#div#0;n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#div#0;n#div#1;n#div#0;n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#div#0;n#div#2;n#div#0;n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+                <element signature="n#style#0;n#div#0;n#div#3;n#div#0;n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
                 <element signature="n#footer#0;n#body#0;n#html#0;n#!!top" expanded="false" />
                 <element signature="n#div#0;n#footer#0;n#body#0;n#html#0;n#!!top" expanded="false" />
                 <element signature="n#div#0;n#div#0;n#footer#0;n#body#0;n#html#0;n#!!top" expanded="false" />
@@ -60,8 +66,8 @@
       <file leaf-file-name="style.less" pinned="false" current-in-tab="true">
         <entry file="file://$PROJECT_DIR$/public/css/style.less">
           <provider selected="true" editor-type-id="text-editor">
-            <state relative-caret-position="542">
-              <caret line="1690" column="24" selection-start-line="1690" selection-start-column="24" selection-end-line="1690" selection-end-column="24" />
+            <state relative-caret-position="574">
+              <caret line="2083" column="22" selection-start-line="2083" selection-start-column="22" selection-end-line="2083" selection-end-column="22" />
               <folding>
                 <element signature="e#508#563#0" expanded="false" />
                 <element signature="e#570#643#0" expanded="false" />
@@ -294,9 +300,11 @@
                 <element signature="e#36499#36885#0" expanded="false" />
                 <element signature="e#36653#36724#0" expanded="false" />
                 <element signature="e#36741#36875#0" expanded="false" />
+                <element signature="e#36924#37808#0" expanded="false" />
                 <element signature="e#37014#37498#0" expanded="false" />
                 <element signature="e#37124#37336#0" expanded="false" />
                 <element signature="e#37348#37489#0" expanded="false" />
+                <element signature="e#37530#37802#0" expanded="false" />
                 <element signature="e#37588#37627#0" expanded="false" />
                 <element signature="e#37639#37793#0" expanded="false" />
                 <element signature="e#37837#39447#0" expanded="false" />
@@ -312,8 +320,24 @@
                 <element signature="e#39089#39432#0" expanded="false" />
                 <element signature="e#39136#39274#0" expanded="false" />
                 <element signature="e#39291#39422#0" expanded="false" />
+                <element signature="e#39472#42601#0" expanded="false" />
                 <element signature="e#39525#39740#0" expanded="false" />
                 <element signature="e#39577#39731#0" expanded="false" />
+                <element signature="e#39772#42595#0" expanded="false" />
+                <element signature="e#39816#39970#0" expanded="false" />
+                <element signature="e#39982#40107#0" expanded="false" />
+                <element signature="e#40146#42587#0" expanded="false" />
+                <element signature="e#40241#42577#0" expanded="false" />
+                <element signature="e#40317#41760#0" expanded="false" />
+                <element signature="e#40422#40606#0" expanded="false" />
+                <element signature="e#40628#41057#0" expanded="false" />
+                <element signature="e#40980#41041#0" expanded="false" />
+                <element signature="e#41080#41746#0" expanded="false" />
+                <element signature="e#41592#41730#0" expanded="false" />
+                <element signature="e#41809#42565#0" expanded="false" />
+                <element signature="e#41852#42036#0" expanded="false" />
+                <element signature="e#42061#42551#0" expanded="false" />
+                <element signature="e#42474#42535#0" expanded="false" />
               </folding>
             </state>
           </provider>
@@ -559,12 +583,12 @@
       <workItem from="1478767726754" duration="14233000" />
       <workItem from="1479033779889" duration="4443000" />
       <workItem from="1479122403163" duration="200000" />
-      <workItem from="1479122612726" duration="11116000" />
+      <workItem from="1479122612726" duration="13160000" />
     </task>
     <servers />
   </component>
   <component name="TimeTrackingManager">
-    <option name="totallyTimeSpent" value="76636000" />
+    <option name="totallyTimeSpent" value="78680000" />
   </component>
   <component name="ToolWindowManager">
     <frame x="65" y="24" width="1855" height="1056" extended-state="6" />
@@ -910,8 +934,8 @@
     </entry>
     <entry file="file://$PROJECT_DIR$/product.php">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="638">
-          <caret line="106" column="53" selection-start-line="106" selection-start-column="53" selection-end-line="106" selection-end-column="53" />
+        <state relative-caret-position="654">
+          <caret line="145" column="133" selection-start-line="145" selection-start-column="133" selection-end-line="145" selection-end-column="133" />
           <folding>
             <element signature="n#head#0;n#html#0;n#!!top" expanded="false" />
             <element signature="n#header#0;n#body#0;n#html#0;n#!!top" expanded="false" />
@@ -923,6 +947,11 @@
             <element signature="n#div#1;n#div#0;n#div#0;n#header#0;n#body#0;n#html#0;n#!!top" expanded="false" />
             <element signature="n#div#2;n#div#0;n#div#0;n#header#0;n#body#0;n#html#0;n#!!top" expanded="false" />
             <element signature="n#div#1;n#div#2;n#div#0;n#div#0;n#header#0;n#body#0;n#html#0;n#!!top" expanded="false" />
+            <element signature="n#div#0;n#div#1;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="false" />
+            <element signature="n#style#0;n#div#0;n#div#0;n#div#0;n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#div#0;n#div#1;n#div#0;n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#div#0;n#div#2;n#div#0;n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
+            <element signature="n#style#0;n#div#0;n#div#3;n#div#0;n#div#2;n#div#0;n#div#0;n#body#0;n#html#0;n#!!top" expanded="true" />
             <element signature="n#footer#0;n#body#0;n#html#0;n#!!top" expanded="false" />
             <element signature="n#div#0;n#footer#0;n#body#0;n#html#0;n#!!top" expanded="false" />
             <element signature="n#div#0;n#div#0;n#footer#0;n#body#0;n#html#0;n#!!top" expanded="false" />
@@ -940,8 +969,8 @@
     </entry>
     <entry file="file://$PROJECT_DIR$/public/css/style.less">
       <provider selected="true" editor-type-id="text-editor">
-        <state relative-caret-position="542">
-          <caret line="1690" column="24" selection-start-line="1690" selection-start-column="24" selection-end-line="1690" selection-end-column="24" />
+        <state relative-caret-position="574">
+          <caret line="2083" column="22" selection-start-line="2083" selection-start-column="22" selection-end-line="2083" selection-end-column="22" />
           <folding>
             <element signature="e#508#563#0" expanded="false" />
             <element signature="e#570#643#0" expanded="false" />
@@ -1174,9 +1203,11 @@
             <element signature="e#36499#36885#0" expanded="false" />
             <element signature="e#36653#36724#0" expanded="false" />
             <element signature="e#36741#36875#0" expanded="false" />
+            <element signature="e#36924#37808#0" expanded="false" />
             <element signature="e#37014#37498#0" expanded="false" />
             <element signature="e#37124#37336#0" expanded="false" />
             <element signature="e#37348#37489#0" expanded="false" />
+            <element signature="e#37530#37802#0" expanded="false" />
             <element signature="e#37588#37627#0" expanded="false" />
             <element signature="e#37639#37793#0" expanded="false" />
             <element signature="e#37837#39447#0" expanded="false" />
@@ -1192,8 +1223,24 @@
             <element signature="e#39089#39432#0" expanded="false" />
             <element signature="e#39136#39274#0" expanded="false" />
             <element signature="e#39291#39422#0" expanded="false" />
+            <element signature="e#39472#42601#0" expanded="false" />
             <element signature="e#39525#39740#0" expanded="false" />
             <element signature="e#39577#39731#0" expanded="false" />
+            <element signature="e#39772#42595#0" expanded="false" />
+            <element signature="e#39816#39970#0" expanded="false" />
+            <element signature="e#39982#40107#0" expanded="false" />
+            <element signature="e#40146#42587#0" expanded="false" />
+            <element signature="e#40241#42577#0" expanded="false" />
+            <element signature="e#40317#41760#0" expanded="false" />
+            <element signature="e#40422#40606#0" expanded="false" />
+            <element signature="e#40628#41057#0" expanded="false" />
+            <element signature="e#40980#41041#0" expanded="false" />
+            <element signature="e#41080#41746#0" expanded="false" />
+            <element signature="e#41592#41730#0" expanded="false" />
+            <element signature="e#41809#42565#0" expanded="false" />
+            <element signature="e#41852#42036#0" expanded="false" />
+            <element signature="e#42061#42551#0" expanded="false" />
+            <element signature="e#42474#42535#0" expanded="false" />
           </folding>
         </state>
       </provider>
diff --git a/product.php b/product.php
index d231a60..e9a4926 100644
--- a/product.php
+++ b/product.php
@@ -114,6 +114,42 @@
                         </div>
                     </div>
                 </div>
+
+                <div class="page-wrapper-open-products">
+                    <strong class="page-wrapper-open-products-head">Кухни</strong>
+                    <div class="page-wrapper-open-products-data">
+                        <div class="page-wrapper-open-products-data-item">
+                            <div class="page-wrapper-open-products-data-item-img" style="background-image: url('/public/img/product/5.jpg')"></div>
+                            <div class="page-wrapper-open-products-data-item-data">
+                                <strong>Коллекция Laravel 5.3</strong>
+                            </div>
+                        </div>
+                        <div class="page-wrapper-open-products-data-item">
+                            <div class="page-wrapper-open-products-data-item-img" style="background-image: url('/public/img/product/2.jpg')"></div>
+                            <div class="page-wrapper-open-products-data-item-data">
+                                <strong>Коллекция Laravel 5.3</strong>
+                            </div>
+                        </div>
+                        <div class="page-wrapper-open-products-data-item">
+                            <div class="page-wrapper-open-products-data-item-img" style="background-image: url('/public/img/product/4.jpg')"></div>
+                            <div class="page-wrapper-open-products-data-item-data">
+                                <strong>Коллекция Laravel 5.3</strong>
+                            </div>
+                        </div>
+                        <div class="page-wrapper-open-products-data-item">
+                            <div class="page-wrapper-open-products-data-item-img" style="background-image: url('/public/img/product/6.jpg')"></div>
+                            <div class="page-wrapper-open-products-data-item-data">
+                                <strong>Коллекция Laravel 5.3</strong>
+                            </div>
+                        </div>
+                        <div class="page-wrapper-open-products-data-item">
+                            <div class="page-wrapper-open-products-data-item-img" style="background-image: url('/public/img/product/1.jpg')"></div>
+                            <div class="page-wrapper-open-products-data-item-data">
+                                <strong>Коллекция Laravel 5.3</strong>
+                            </div>
+                        </div>
+                    </div>
+                </div>
             </div>
         </div>
         <footer>
diff --git a/public/css/style.css b/public/css/style.css
index 43e31eb..a53b6de 100644
--- a/public/css/style.css
+++ b/public/css/style.css
@@ -2194,3 +2194,65 @@ footer .footer-data .footer-data-febox .footer-content-de-febox > span {
 .page .page-wrapper .page-wrapper-open .page-wrapper-open-form .page-wrapper-open-form-data form .page-wrapper-open-form-data-right textarea:focus {
   border-color: #d09552;
 }
+.page .page-wrapper .page-wrapper-open-products {
+  border-top: 1px solid #eee;
+  padding: 20px 0;
+}
+.page .page-wrapper .page-wrapper-open-products .page-wrapper-open-products-head {
+  font-size: 18px;
+  font-weight: bold;
+  font-family: 'Open Sans';
+  text-transform: uppercase;
+  display: block;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.page .page-wrapper .page-wrapper-open-products .page-wrapper-open-products-data {
+  padding: 20px 0;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  display: -webkit-flex;
+  display: -moz-flex;
+  display: -ms-flexbox;
+  display: -ms-flex;
+  display: flex;
+}
+.page .page-wrapper .page-wrapper-open-products .page-wrapper-open-products-data .page-wrapper-open-products-data-item {
+  width: calc(20% - 16px);
+  margin-right: 20px;
+  cursor: pointer;
+}
+.page .page-wrapper .page-wrapper-open-products .page-wrapper-open-products-data .page-wrapper-open-products-data-item:last-child {
+  margin-right: 0;
+}
+.page .page-wrapper .page-wrapper-open-products .page-wrapper-open-products-data .page-wrapper-open-products-data-item:hover .page-wrapper-open-products-data-item-data strong {
+  color: #d09552;
+}
+.page .page-wrapper .page-wrapper-open-products .page-wrapper-open-products-data .page-wrapper-open-products-data-item .page-wrapper-open-products-data-item-img {
+  width: 100%;
+  height: 140px;
+  background-size: cover;
+  background-position: center;
+  background-repeat: no-repeat;
+  background-color: #eee;
+}
+.page .page-wrapper .page-wrapper-open-products .page-wrapper-open-products-data .page-wrapper-open-products-data-item .page-wrapper-open-products-data-item-data {
+  padding: 10px 0;
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+}
+.page .page-wrapper .page-wrapper-open-products .page-wrapper-open-products-data .page-wrapper-open-products-data-item .page-wrapper-open-products-data-item-data strong {
+  font-family: 'Open Sans';
+  font-size: 14px;
+  font-weight: bold;
+  display: block;
+  text-transform: uppercase;
+  -webkit-transition: all 0.2s ease;
+  -moz-transition: all 0.2s ease;
+  -ms-transition: all 0.2s ease;
+  -o-transition: all 0.2s ease;
+  transition: all 0.2s ease;
+}
diff --git a/public/css/style.less b/public/css/style.less
index 344c889..4dfc35e 100644
--- a/public/css/style.less
+++ b/public/css/style.less
@@ -2039,6 +2039,71 @@ footer {
         }
       }
     }
+
+    .page-wrapper-open-products {
+      border-top: 1px solid #eee;
+      padding: 20px 0;
+
+      .page-wrapper-open-products-head {
+        font-size: 18px;
+        font-weight: bold;
+        font-family: @head;
+        text-transform: uppercase;
+        display: block;
+        .box;
+      }
+
+      .page-wrapper-open-products-data {
+        padding: 20px 0;
+        .box;
+        .flex-display;
+
+        .page-wrapper-open-products-data-item {
+          width: ~"calc(20% - 16px)";
+          margin-right: 20px;
+          cursor: pointer;
+
+          &:last-child {
+            margin-right: 0;
+          }
+
+          &:hover {
+            .page-wrapper-open-products-data-item-img {
+
+            }
+
+            .page-wrapper-open-products-data-item-data {
+              strong {
+                color: @yellow3;
+              }
+            }
+          }
+
+          .page-wrapper-open-products-data-item-img {
+            width: 100%;
+            height: 140px;
+            background-size: cover;
+            background-position: center;
+            background-repeat: no-repeat;
+            background-color: #eee;
+          }
+
+          .page-wrapper-open-products-data-item-data {
+            padding: 10px 0;
+            .box;
+
+            strong {
+              font-family: @head;
+              font-size: 14px;
+              font-weight: bold;
+              display: block;
+              text-transform: uppercase;
+              .transition;
+            }
+          }
+        }
+      }
+    }
   }
 }