From fef02ae06ffd7763b53826b930ab93f491c09671 Mon Sep 17 00:00:00 2001 From: Meylis Gazakow Date: Sun, 4 Jul 2021 22:20:31 +0300 Subject: [PATCH] adaptive_last_pasges --- shablon/Message.html | 72 +-- shablon/add_post-1.html | 146 ++++-- shablon/add_post-2.html | 416 +++++++++++----- shablon/add_post.html | 140 ++++-- shablon/basket.html | 72 +-- shablon/category.html | 72 +-- shablon/chat.html | 580 ++++++++++++++++++++-- shablon/contact.html | 72 +-- shablon/css/main.css | 806 ++++++++++++++++++++++++++++++- shablon/images/input_photo.png | Bin 0 -> 9202 bytes shablon/images/svg/chat_menu.svg | 9 + shablon/images/svg/red-close.svg | 5 + shablon/js/main.js | 185 +++++-- shablon/my_post.html | 72 +-- shablon/personal_data.html | 183 ++++--- shablon/product.html | 72 +-- 16 files changed, 2313 insertions(+), 589 deletions(-) create mode 100644 shablon/images/input_photo.png create mode 100644 shablon/images/svg/chat_menu.svg create mode 100644 shablon/images/svg/red-close.svg diff --git a/shablon/Message.html b/shablon/Message.html index 4fd550421..2107df1ab 100644 --- a/shablon/Message.html +++ b/shablon/Message.html @@ -244,41 +244,49 @@
-
-
- Категории -
-
- - Нефтехимия - - - Машиностроение - - - Легкая промышленность - - - Стройматериалы - -
-
-
-
- Контакты -
-
-
- Тел: +99312446015 +
+
+
+ Категории
-
- Эл. почта: info@exchange.gov.tm +
+ + Нефтехимия + + + Машиностроение + + + Легкая промышленность + + + Стройматериалы +
-
- Адрес: 744000, Туркменистан
- г.Ашгабат, Арчабиль шаелы 52 +
+
+
+ Контакты +
+
+
+ Тел: +99312446015 +
+
+ Эл. почта: info@exchange.gov.tm +
+
+ Адрес: 744000, Туркменистан
+ г.Ашгабат, Арчабиль шаелы 52 +
diff --git a/shablon/add_post-1.html b/shablon/add_post-1.html index 1c75a4e2d..80827beae 100644 --- a/shablon/add_post-1.html +++ b/shablon/add_post-1.html @@ -94,23 +94,67 @@
-
-
-
- +
+
+
+
+ +
+
+ Аман Аманов +
+
+ +
-
- Регистрация +
+ +
+ +
+
+ Персональные данные +
+ + + +
+ +
+
+ Мои объявления +
+ + + +
+ +
+
+ Сообщения +
+ + + +
+ +
+
+ Выйти +
+ +
-
@@ -273,7 +317,7 @@
- Пункты отмеченные ( * ) обязательны для заполнения + Пункты отмеченные ( * ) обязательны для заполнения
@@ -306,7 +350,7 @@
- Пункты отмеченные ( * ) обязательны для заполнения + Пункты отмеченные ( * ) обязательны для заполнения
@@ -339,7 +383,7 @@
- Пункты отмеченные ( * ) обязательны для заполнения + Пункты отмеченные ( * ) обязательны для заполнения
@@ -354,41 +398,49 @@
-
-
- Категории -
-
- - Нефтехимия - - - Машиностроение - - - Легкая промышленность - - - Стройматериалы - -
-
-
-
- Контакты -
-
-
- Тел: +99312446015 +
+
+
+ Категории
-
- Эл. почта: info@exchange.gov.tm +
+ + Нефтехимия + + + Машиностроение + + + Легкая промышленность + + + Стройматериалы +
-
- Адрес: 744000, Туркменистан
- г.Ашгабат, Арчабиль шаелы 52 +
+
+
+ Контакты +
+
+
+ Тел: +99312446015 +
+
+ Эл. почта: info@exchange.gov.tm +
+
+ Адрес: 744000, Туркменистан
+ г.Ашгабат, Арчабиль шаелы 52 +
diff --git a/shablon/add_post-2.html b/shablon/add_post-2.html index 76cb24598..9d5e5cb42 100644 --- a/shablon/add_post-2.html +++ b/shablon/add_post-2.html @@ -94,23 +94,67 @@
-
-
-
- +
+
+
+
+ +
+
+ Аман Аманов +
+
+ +
-
- Регистрация +
+ +
+ +
+
+ Персональные данные +
+ + + +
+ +
+
+ Мои объявления +
+ + + +
+ +
+
+ Сообщения +
+ + + +
+ +
+
+ Выйти +
+ +
-
@@ -232,102 +276,207 @@
-
- -
- +
+
+ +
+ +
-
-
- -
- +
+ +
+ +
-
-
- - -
- -
- -
- +
+ +
-
-
- -
- +
+ +
+ +
-
-
- - -
- -
- - -
- -
- -
- +
+ +
+ +
-
-
- -
- +
+ +
-
-
- -
- +
+ +
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ + + +
+
+
+ photo +
+
+ +
+ +
+ + + +
+
+
+ +
+
+
+ +
+
+ photo +
+
+ +
+ +
+ + + +
+
+
+ +
+
+
+ +
+
+ photo +
+
+ +
+ +
+ + + +
+
+
+ +
+
+
+ + +
+
+
- Пункты отмеченные ( * ) обязательны для заполнения + Пункты отмеченные ( * ) обязательны для заполнения
@@ -351,41 +500,49 @@
-
-
- Категории -
-
- - Нефтехимия - - - Машиностроение - - - Легкая промышленность - - - Стройматериалы - -
-
-
-
- Контакты -
-
-
- Тел: +99312446015 +
+
+
+ Категории
-
- Эл. почта: info@exchange.gov.tm +
+ + Нефтехимия + + + Машиностроение + + + Легкая промышленность + + + Стройматериалы +
-
- Адрес: 744000, Туркменистан
- г.Ашгабат, Арчабиль шаелы 52 +
+
+
+ Контакты +
+
+
+ Тел: +99312446015 +
+
+ Эл. почта: info@exchange.gov.tm +
+
+ Адрес: 744000, Туркменистан
+ г.Ашгабат, Арчабиль шаелы 52 +
@@ -401,8 +558,13 @@ - + + + + \ No newline at end of file diff --git a/shablon/add_post.html b/shablon/add_post.html index d2b9a9a55..90a43a954 100644 --- a/shablon/add_post.html +++ b/shablon/add_post.html @@ -94,23 +94,67 @@
-
-
-
- +
+
+
+
+ +
+
+ Аман Аманов +
+
+ +
-
- Регистрация +
+ +
+ +
+
+ Персональные данные +
+ + + +
+ +
+
+ Мои объявления +
+ + + +
+ +
+
+ Сообщения +
+ + + +
+ +
+
+ Выйти +
+ +
-
@@ -347,41 +391,49 @@
-
-
- Категории -
-
- - Нефтехимия - - - Машиностроение - - - Легкая промышленность - - - Стройматериалы - -
-
-
-
- Контакты -
-
-
- Тел: +99312446015 +
+
+
+ Категории
-
- Эл. почта: info@exchange.gov.tm +
+ + Нефтехимия + + + Машиностроение + + + Легкая промышленность + + + Стройматериалы +
-
- Адрес: 744000, Туркменистан
- г.Ашгабат, Арчабиль шаелы 52 +
+
+
+ Контакты +
+
+
+ Тел: +99312446015 +
+
+ Эл. почта: info@exchange.gov.tm +
+
+ Адрес: 744000, Туркменистан
+ г.Ашгабат, Арчабиль шаелы 52 +
diff --git a/shablon/basket.html b/shablon/basket.html index 3933b486f..381ea1942 100644 --- a/shablon/basket.html +++ b/shablon/basket.html @@ -463,41 +463,49 @@
-
-
- Категории -
-
- - Нефтехимия - - - Машиностроение - - - Легкая промышленность - - - Стройматериалы - -
-
-
-
- Контакты -
-
-
- Тел: +99312446015 +
+
+
+ Категории
-
- Эл. почта: info@exchange.gov.tm +
+ + Нефтехимия + + + Машиностроение + + + Легкая промышленность + + + Стройматериалы +
-
- Адрес: 744000, Туркменистан
- г.Ашгабат, Арчабиль шаелы 52 +
+
+
+ Контакты +
+
+
+ Тел: +99312446015 +
+
+ Эл. почта: info@exchange.gov.tm +
+
+ Адрес: 744000, Туркменистан
+ г.Ашгабат, Арчабиль шаелы 52 +
diff --git a/shablon/category.html b/shablon/category.html index cae936ceb..3dde5af6e 100644 --- a/shablon/category.html +++ b/shablon/category.html @@ -2062,41 +2062,49 @@
-
-
- Категории -
-
- - Нефтехимия - - - Машиностроение - - - Легкая промышленность - - - Стройматериалы - -
-
-
-
- Контакты -
-
-
- Тел: +99312446015 +
+
+
+ Категории
-
- Эл. почта: info@exchange.gov.tm +
+ + Нефтехимия + + + Машиностроение + + + Легкая промышленность + + + Стройматериалы +
-
- Адрес: 744000, Туркменистан
- г.Ашгабат, Арчабиль шаелы 52 +
+
+
+ Контакты +
+
+
+ Тел: +99312446015 +
+
+ Эл. почта: info@exchange.gov.tm +
+
+ Адрес: 744000, Туркменистан
+ г.Ашгабат, Арчабиль шаелы 52 +
diff --git a/shablon/chat.html b/shablon/chat.html index 19be7c312..c7a44b462 100644 --- a/shablon/chat.html +++ b/shablon/chat.html @@ -309,89 +309,74 @@
+
+ + + + + + + +
+
-
+
Aman Amanow
Lorem ipsum dolor sit amet, consetetur sadi...
+
+ 1 +
-
+
Aman Amanow
Lorem ipsum dolor sit amet, consetetur sadi jfdurjfurj j furjfu jfurj ufj urjfuj
+
+ 5 +
-
+
Aman Amanow
Lorem ipsum dolor sit amet, consetetur sadi...
+
+ 10 +
-
+
Aman Amanow
Lorem ipsum dolor sit amet, consetetur sadi...
+
+ 20 +
-
+
Aman Amanow
Lorem ipsum dolor sit amet, consetetur sadi...
-
-
-
- Aman Amanow -
-
- Lorem ipsum dolor sit amet, consetetur sadi... +
+ 3
-
-
- Aman Amanow -
-
- Lorem ipsum dolor sit amet, consetetur sadi... -
-
-
-
- Aman Amanow -
-
- Lorem ipsum dolor sit amet, consetetur sadi... -
-
-
-
- Aman Amanow -
-
- Lorem ipsum dolor sit amet, consetetur sadi... -
-
-
-
- Aman Amanow -
-
- Lorem ipsum dolor sit amet, consetetur sadi... -
-
-
+
Aman Amanow
@@ -401,7 +386,17 @@
-
+
+
+ logo +
+
+ Выберите один из активных диалоговых окон + чтоб начать переписку! +
+
+ +
12:00 - 14.05.2021 @@ -501,6 +496,491 @@
+
+
+
+ 12:00 - 14.05.2021 +
+
+ lovrpokoikvps okoslfpokelcolrpolplpfrpflrpflprf lrpflrpflrpflrfplprl +
+
+ +
+
+ 12:00 - 14.05.2021 +
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod + tempor + invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero +
+
+ +
+
+ 12:00 - 14.05.2021 +
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod + tempor + invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero +
+
+ +
+
+ 12:00 - 14.05.2021 +
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod + tempor + invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero +
+
+ +
+
+ 12:00 - 14.05.2021 +
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod + tempor + invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero +
+
+ +
+
+ 12:00 - 14.05.2021 +
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod + tempor + invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero +
+
+ +
+
+ 12:00 - 14.05.2021 +
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod + tempor + invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero +
+
+ +
+
+ +
+ +
+ + +
+ + +
+
+ +
+
+
+ 12:00 - 14.05.2021 +
+
+ kfodkfdokfodkfodkf odkfodkfodkfo dkfodkfodkfo dkfodkfodkfodkfodkfod +
+
+ +
+
+ 12:00 - 14.05.2021 +
+
+ ppleplrpelrpelrpelrpelrpelrpelrpelrpelrpelrpleprleprleplrpelrpelre +
+
+ +
+
+ 12:00 - 14.05.2021 +
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod + tempor + invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero +
+
+ +
+
+ 12:00 - 14.05.2021 +
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod + tempor + invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero +
+
+ +
+
+ 12:00 - 14.05.2021 +
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod + tempor + invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero +
+
+ +
+
+ 12:00 - 14.05.2021 +
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod + tempor + invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero +
+
+ +
+
+ 12:00 - 14.05.2021 +
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod + tempor + invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero +
+
+ +
+
+ +
+ +
+ + +
+ + +
+
+ +
+
+
+ 12:00 - 14.05.2021 +
+
+ mbvkbmkvmbkmbkv mbkvmbkvmbkvm bkmvkbmvkbmvkbm r vmbkvmkbmvkbmkvmbkvmb +
+
+ +
+
+ 12:00 - 14.05.2021 +
+
+ plgpflgpflgpflpglfgplfgplfpglfpglpflgpflgpflgpflgpflgpflgpf +
+
+ +
+
+ 12:00 - 14.05.2021 +
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod + tempor + invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero +
+
+ +
+
+ 12:00 - 14.05.2021 +
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod + tempor + invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero +
+
+ +
+
+ 12:00 - 14.05.2021 +
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod + tempor + invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero +
+
+ +
+
+ 12:00 - 14.05.2021 +
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod + tempor + invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero +
+
+ +
+
+ 12:00 - 14.05.2021 +
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod + tempor + invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero +
+
+ +
+
+ +
+ +
+ + +
+ + +
+
+ +
+
+
+ 12:00 - 14.05.2021 +
+
+ jghjug hjguhjghjug hjughjgujhguj hugjhughjug +
+
+ +
+
+ 12:00 - 14.05.2021 +
+
+ mnvcmnvmncvmncnvcmnvmcnvmcnvmcnvmcnvmcnvmncmvcn +
+
+ +
+
+ 12:00 - 14.05.2021 +
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod + tempor + invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero +
+
+ +
+
+ 12:00 - 14.05.2021 +
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod + tempor + invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero +
+
+ +
+
+ 12:00 - 14.05.2021 +
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod + tempor + invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero +
+
+ +
+
+ 12:00 - 14.05.2021 +
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod + tempor + invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero +
+
+ +
+
+ 12:00 - 14.05.2021 +
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod + tempor + invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero +
+
+ +
+
+ +
+ +
+ + +
+ + +
+
+ +
+
+
+ 12:00 - 14.05.2021 +
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod + tempor + invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero +
+
+ +
+
+ 12:00 - 14.05.2021 +
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod + tempor + invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero +
+
+ +
+
+ 12:00 - 14.05.2021 +
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod + tempor + invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero +
+
+ +
+
+ 12:00 - 14.05.2021 +
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod + tempor + invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero +
+
+ +
+
+ 12:00 - 14.05.2021 +
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod + tempor + invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero +
+
+ +
+
+ 12:00 - 14.05.2021 +
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod + tempor + invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero +
+
+ +
+
+ 12:00 - 14.05.2021 +
+
+ Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod + tempor + invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero +
+
+ +
+
+ +
+ +
+ + +
+ + +
+
@@ -514,7 +994,13 @@
diff --git a/shablon/contact.html b/shablon/contact.html index 42d54b967..9296684f4 100644 --- a/shablon/contact.html +++ b/shablon/contact.html @@ -408,41 +408,49 @@
-
-
- Категории -
-
- - Нефтехимия - - - Машиностроение - - - Легкая промышленность - - - Стройматериалы - -
-
-
-
- Контакты -
-
-
- Тел: +99312446015 +
+
+
+ Категории
-
- Эл. почта: info@exchange.gov.tm +
+ + Нефтехимия + + + Машиностроение + + + Легкая промышленность + + + Стройматериалы +
-
- Адрес: 744000, Туркменистан
- г.Ашгабат, Арчабиль шаелы 52 +
+
+
+ Контакты +
+
+
+ Тел: +99312446015 +
+
+ Эл. почта: info@exchange.gov.tm +
+
+ Адрес: 744000, Туркменистан
+ г.Ашгабат, Арчабиль шаелы 52 +
diff --git a/shablon/css/main.css b/shablon/css/main.css index 4d8508b28..0acfed3f8 100644 --- a/shablon/css/main.css +++ b/shablon/css/main.css @@ -1004,7 +1004,7 @@ li { top: 0; left: 0; width: calc(100% - 0px); - z-index: 3; + z-index: 10; padding: 15px 0; background: #f9f9f9; box-shadow: 0 0 20px rgba(0, 0, 0, 0.2); @@ -1016,10 +1016,10 @@ li { .stick-2 { position: fixed; - top: 52px; + top: 50px; left: 0; width: calc(100% - 0px); - z-index: 2; + z-index: 10; transition: all .1s linear; -o-transition: all .1s linear; -moz-transition: all .1s linear; @@ -1273,6 +1273,7 @@ li { .category_select { position: relative; + width: 250px; } .category_select::after { @@ -1295,7 +1296,7 @@ li { padding: 15px 15px 15px 15px; cursor: pointer; margin-bottom: 10px; - width: 150px; + width: 100%; appearance: none; } @@ -2029,6 +2030,7 @@ li { border-radius: 5px; font-family: 'Poppins', sans-serif; + resize: none; font-size: var(--text-20); font-weight: 400; line-height: 1.4; @@ -2146,6 +2148,17 @@ li { margin: -25px -20px; } +.simple_group { + display: flex; + align-items: center; + flex-wrap: wrap; + -ms-flex-wrap: wrap; + -o-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -moz-flex-wrap: wrap; + +} + .post_input { width: calc(33.33% - 40px); margin: 25px 20px; @@ -2373,6 +2386,205 @@ li { padding: 100px 0; } +.upload_group { + display: flex; + align-items: center; + border: 1px solid #E2E2E2; + border-radius: 5px; +} + +.upload_group label { + font-size: 16px; + font-weight: 400; + line-height: 1.3; + background: #E2E2E2; + border-radius: 5px; + margin: 0; + padding: 15px 30px; + cursor: pointer; +} + +.form_group { + width: calc(100% - 155px); +} + +.form_group label { + background: transparent; + width: calc(100% - 0px); + cursor: unset; + padding: 0 0 0 10px; + + display: -webkit-box; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; +} + +.form_group label span { + color: rgba(0, 0, 0, .4); +} + +.post_input_box { + display: flex; + align-items: center; + margin-top: 40px; +} + +.post_input_text { + width: calc(100% - 210px); + color: rgba(0, 0, 0, .4); + font-size: 14px; + font-weight: 400; + line-height: 1.3; +} + +.post_input_gal { + display: flex; + align-items: center; +} + +.post_input_img { + width: 60px; + height: 60px; + margin-right: 5px; +} + +.post_input_img:last-child { + margin-right: 0; +} + +.my-select { + width: 100%; + position: relative; +} + +.my-select::after { + position: absolute; + content: ""; + top: 50%; + right: 30px; + transform: translateY(-30%); + width: 0; + height: 0; + border: 6px solid #000; + border-color: #000 transparent transparent transparent; +} + +.my-select select { + width: 100%; + border: 1px solid rgba(0, 0, 0, .5); + padding: 15px 30px; + border-radius: 5px; + font-size: var(--text-20); + font-weight: 400; + line-height: 1.3; + + appearance: none; + -ms-appearance: none; + -moz-appearance: none; + -o-appearance: none; + -webkit-appearance: none; + cursor: pointer; + /* box-sizing: content-box; */ +} + +.my-select select option:first-child { + display: none; +} + +.my-select select option { + font-size: 16px; + line-height: 2.5 !important; + padding: 30px 0 !important; + font-weight: 400; + height: 50px; + min-height: 50px !important; + margin: 20px 0 !important; +} + +/* .add_upload { + text-align: center; + width: fit-content; + margin: 30px auto 20px; + cursor: pointer; + font-size: 20px; + font-weight: 500; + line-height: 1.3; + margin-top: 30px; + margin-bottom: 20px; + text-decoration: underline; + color: var(--blue); + user-select: none; +} */ + +.select_trash { + position: absolute; + top: 60%; + right: 10px; + + width: 15px; + height: 20px; + + cursor: pointer; +} + +.select_trash img { + width: 100%; + height: 100%; + object-fit: contain; + -o-object-fit: contain; +} + +.select_delete { + position: absolute; + top: 5px; + right: 5px; + cursor: pointer; + width: 15px; + height: 15px; +} + +.select_delete img { + width: 100%; + height: 100%; + object-fit: contain; + -o-object-fit: contain; +} + +.hidden { + display: none; +} + +.post_upload_box { + display: flex; + align-items: center; + width: 100%; +} + +.post_upload_item { + width: calc(33.33% - 40px); + margin: 25px 20px; +} + +.post_upload_img { + margin: 0 auto 20px; + width: 80%; + height: 150px; +} + +.post_upload_img img { + width: 100%; + height: 100%; + object-fit: contain; + -o-object-fit: contain; +} + +.post_upload_item .post_input { + width: 100%; + margin: 0; +} + /* Add post end ======================================= */ @@ -2382,11 +2594,18 @@ li { padding: 100px 0; } +.chat_wrap { + position: relative; +} + .chat_box { display: flex; border: 1px solid #e2e2e2; border-radius: 10px; overflow: hidden; + + z-index: 7; + position: relative; } .chat_people { @@ -2432,17 +2651,70 @@ li { position: relative; } +.chat_wall { + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -moz-transform: translate(-50%, -50%); + -o-transform: translate(-50%, -50%); + -webkit-transform: translate(-50%, -50%); + + width: 100%; + + display: flex; + align-items: center; + justify-content: center; + flex-direction: column; + -ms-flex-direction: column; + -moz-flex-direction: column; + -o-flex-direction: column; + -webkit-flex-direction: column; + z-index: -1; +} + +.chat_wall_img { + width: 100px; + height: 100px; +} + +.chat_wall_img img { + width: 100%; + height: 100%; + object-fit: contain; + -o-object-fit: contain; +} + +.chat_wall_text { + font-size: 24px; + font-weight: 700; + line-height: 1.5; + color: var(--blue); + margin-top: 10px; + text-align: center; + width: 60%; +} + .chat_area-inner { overflow-y: auto; height: 100%; padding: 20px; + /* z-index: 3; */ + background: #fff; + + display: none; +} + +.chat_area-inner.active { + display: block; } .person { background: #f5f5f5; padding: 30px; border-bottom: 1px solid #e2e2e2; - + position: relative; cursor: pointer; } @@ -2478,6 +2750,31 @@ li { text-overflow: ellipsis; } +.chat_alert { + position: absolute; + top: 12px; + right: 15px; + + border-radius: 50%; + width: 25px; + height: 25px; + + display: flex; + align-items: center; + justify-content: center; + + color: #fff; + background: var(--blue); + + font-size: 10px; + font-weight: 300; + line-height: 1.3; +} + +.chat_alert.active { + display: none; +} + .friend_message { width: 60%; border-bottom-right-radius: 10px; @@ -2488,6 +2785,7 @@ li { margin-bottom: 30px; background: #f5f5f5; + overflow-x: hidden; } .my_message { @@ -2501,6 +2799,7 @@ li { background: var(--blue); color: #fff; + overflow-x: hidden; } .friend_message .message_time { @@ -2533,6 +2832,25 @@ li { background: #fff; } +.chat_burger { + width: 30px; + height: 30px; + + position: absolute; + top: -40px; + left: 20px; + + display: none; + cursor: pointer; +} + +.chat_burger svg { + width: 100%; + height: 100%; + object-fit: contain; + -o-object-fit: contain; +} + .message_input { width: 100%; height: 100px; @@ -2679,14 +2997,14 @@ li { } .basket_data { - width: calc(60% - 30px); + width: calc(65% - 30px); margin-right: 30px; overflow: hidden; border-radius: 10px; } .basket_info { - width: calc(30% - 30px); + width: calc(35% - 30px); margin-left: 30px; border: 1px solid #f1f1f1; /* overflow: hidden; */ @@ -2720,6 +3038,18 @@ li { border: 1px solid #f1f1f1; } +.basket_table table thead tr th:last-child { + width: 15%; +} + +.basket_table table tbody tr td:last-child { + width: 15%; +} + +.basket_table table tbody tr td:nth-child(2) { + padding: 20px 10px; +} + .basket_item_title { font-size: 20px; font-weight: 700; @@ -2749,8 +3079,8 @@ li { } .basket_img { - width: calc(100% - 40px); - height: 125px; + width: calc(100% - 20px); + height: 95px; margin: auto; } @@ -2827,16 +3157,10 @@ li { border: 1px solid #E2E2E2; } -.basket_info_select .custom-select .select-selected { - border: 1px solid #E2E2E2; -} - .basket_info_select .select-items div:hover { background: #E2E2E2; } - - /* Basket end ======================================= */ @@ -3106,7 +3430,6 @@ li { } .categories { - /* justify-content: center; */ flex-wrap: wrap; -ms-flex-wrap: wrap; -webkit-flex-wrap: wrap; @@ -3144,6 +3467,49 @@ li { margin-right: 0; } + /* Basket =============== */ + + .basket_item_title { + font-size: 18px; + } + + .basket_box { + flex-direction: column; + -ms-flex-direction: column; + -moz-flex-direction: column; + -o-flex-direction: column; + -webkit-flex-direction: column; + } + + .basket_data { + margin-right: 0; + width: 100%; + } + + .basket_table table tbody tr td:nth-child(2) { + padding: 10px; + } + + .basket_img { + height: 95px; + } + + .basket_info { + width: 500px; + margin-left: 0; + margin-top: 50px; + } + + .chat_wall_text { + width: 70%; + font-size: 22px; + } + + .chat_wall_img { + width: 80px; + height: 80px; + } + } @media(max-width: 1200px) { @@ -3206,6 +3572,31 @@ li { margin-top: 60px; } + .post { + padding: 60px 0; + } + + .contact_title { + margin-bottom: 35px; + } + + .thanks_title { + font-size: 28px; + } + + .thanks_text { + font-size: 21px; + } + + .person { + padding: 20px; + } + + .chat_area, + .chat_people { + height: 550px; + } + } @media(max-width: 1000px) { @@ -3232,7 +3623,7 @@ li { width: 100%; height: 100%; background: rgba(0, 49, 151, .5); - z-index: 5; + z-index: 15; transition: all .3s linear; -ms-transition: all .3s linear; -moz-transition: all .3s linear; @@ -3261,7 +3652,7 @@ li { overflow: auto; background: #fff; - z-index: 10; + z-index: 15; } .links.active { @@ -3392,6 +3783,93 @@ li { font-size: 16px; } + /* My post 2 =================== */ + + .post_upload_box { + flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + -o-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + + overflow: hidden; + } + + .post_upload_item { + width: calc(50% - 40px); + } + + .upload_group label { + padding: 10px; + } + + .form_group label { + padding: 0 0 0 10px; + } + + /* Basket ============= */ + + .basket_table { + overflow-x: auto; + width: 100%; + padding-bottom: 10px; + } + + .basket_table::-webkit-scrollbar { + height: 10px; + top: 20px; + overflow: visible; + } + + .basket_table::-webkit-scrollbar-thumb { + height: 5px; + background: #d5d5d5; + border-radius: 20px; + } + + .basket_table table { + width: 1100px; + } + + .basket_info_cash { + font-size: 18px; + } + + .basket_info_select .custom-select { + font-size: 16px; + } + + /* Chat ==================== */ + + .chat_people { + position: absolute; + top: 0; + left: -100%; + + transition: all .3s linear; + -ms-transition: all .3s linear; + -moz-transition: all .3s linear; + -o-transition: all .3s linear; + -webkit-transition: all .3s linear; + z-index: 5; + + } + + .chat_people.active { + left: 0; + } + + .chat_people.active .chat_area { + margin-left: 100px; + } + + .chat_area { + width: 100%; + } + + .chat_burger { + display: block; + } } @@ -3470,6 +3948,26 @@ li { margin: 20px 0; } + .basket_table table { + width: 1000px; + } + + .thanks_title { + font-size: 24px; + } + + .thanks_text { + font-size: 18px; + } + + .thanks { + padding: 150px 0; + } + + .chat_people { + width: 40%; + } + } @media(max-width: 800px) { @@ -3509,11 +4007,25 @@ li { .top_btn { display: none !important; } + + .basket_table table { + width: 900px; + } + + .category_select { + width: 180px; + } + + .friend_message, + .my_message { + width: 70%; + } } @media(max-width: 700px) { :root { - --text-32: 28px; + --text-32: 26px; + --text-18: 16px } .languages { @@ -3610,6 +4122,7 @@ li { .contact_title { margin-bottom: 40px; + } .copyright { @@ -3618,13 +4131,44 @@ li { /* --------------------------------- */ + .post { + padding: 60px 0 90px; + } + .post_form { margin: -25px 0; } + .post_input label { + margin: 0 0 12px 10px; + } + + .upload_group label { + margin: 0; + } + .post_input { width: 100%; - margin: 25px 0; + margin: 12px 0; + } + + .post_upload_item { + width: 100%; + margin: 12px 0; + } + + .post_upload_img { + width: 40%; + height: 130px; + } + + .post_btn { + padding: 14px 30px; + } + + .add_post_text { + margin-top: 10px; + font-size: 17px; } .post_text { @@ -3643,6 +4187,58 @@ li { .profile_item { padding: 15px 10px; } + + .basket_table table { + width: 800px; + } + + .basket_info { + width: 90%; + margin: 30px auto 0; + } + + .chat_people { + width: 50%; + } + + .chat_wall_text { + width: 80%; + font-size: 20px; + } + + .chat_wall_img { + width: 60px; + height: 60px; + } + + .friend_message, + .my_message { + width: 80%; + } + + .person { + padding: 10px 20px; + } + + .person_name { + font-size: 14px; + } + + .chat_alert { + width: 18px; + height: 18px; + font-size: 8px; + } + + .person_message { + font-size: 12px; + } + + .chat_area, + .chat_people { + height: 470px; + } + } @media(max-width: 600px) { @@ -3755,6 +4351,78 @@ li { .profile_drop { bottom: -300px; } + + .category_search { + flex-direction: column; + -ms-flex-direction: column; + -moz-flex-direction: column; + -o-flex-direction: column; + -webkit-flex-direction: column; + align-items: unset; + } + + .category_input { + width: 100%; + } + + .category_loupe { + width: 16px; + } + + .category_select { + width: 200px; + margin-top: 20px; + } + + .thanks_title { + font-size: 20px; + } + + .thanks_text { + font-size: 16px; + } + + .friend_message, + .my_message { + width: 90%; + } + + .chat_area, .chat_people { + height: 400px; + } + + .chat_area { + padding: 7px 7px 40px; + } + + .chat_area-inner { + padding: 5px; + } + + .message_form { + bottom: 10px; + width: calc(100% - 30px); + left: 48%; + } + + .chat { + padding: 75px 0; + } + + .form_file { + top: 55px; + right: 20px; + } + + .message_input textarea { + padding: 20px 50px 20px 20px; + } + + .friend_message, + .my_message { + padding: 20px; + } + } @media(max-width: 500px) { @@ -3763,6 +4431,10 @@ li { --text-20: 14px; } + .links { + width: 85%; + } + .form_title { margin-bottom: 20px; font-size: 24px; @@ -3858,10 +4530,6 @@ li { height: 85px; } - .post_btn { - padding: 20px 30px; - } - .profile_drop { width: 200px; bottom: -315px; @@ -3888,6 +4556,71 @@ li { font-size: 14px; } + .basket_info { + width: 100%; + margin: 30px auto 0; + } + + .basket_info_item { + padding: 20px; + } + + .basket_img { + height: 70px; + } + + .basket_table table { + width: 650px; + } + + .basket_table table thead th, + .basket_item_title, + .basket_item_text, + .basket_info_name, + .basket_info_cash { + font-size: 14px; + } + + .contact_input { + margin: 10px 0; + } + + .contact_input label, + .contact_comment label { + margin-left: 15px; + margin-bottom: 10px; + } + + .btn { + padding: 15px 35px; + } + + .contact_input input, + .contact_comment textarea { + padding: 10px 15px; + } + + .thanks { + padding: 100px 0; + } + + .thanks_title { + font-size: 18px; + } + + .thanks_text { + font-size: 14px; + } + + .chat_people { + width: 70%; + } + + .chat_wall_text { + width: 98%; + font-size: 17px; + } + } @media(max-width: 420px) { @@ -3929,4 +4662,29 @@ li { padding-bottom: 30px; } + .post { + padding: 30px 0 55px; + } + + .post_btn { + padding: 10px 20px; + font-size: 14px; + } + + .add_post_text { + font-size: 15px; + } + + .post_upload_img { + height: 85px; + } + + .post_input label { + font-size: 14px; + } + + .foot_logo_text { + font-size: 12px; + } + } \ No newline at end of file diff --git a/shablon/images/input_photo.png b/shablon/images/input_photo.png new file mode 100644 index 0000000000000000000000000000000000000000..3ef6aa158b1deadb4e1853513caaf4c5b8bcc5b5 GIT binary patch literal 9202 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 IM6N<$f@_k^HUIzs literal 0 HcmV?d00001 diff --git a/shablon/images/svg/chat_menu.svg b/shablon/images/svg/chat_menu.svg new file mode 100644 index 000000000..740388f93 --- /dev/null +++ b/shablon/images/svg/chat_menu.svg @@ -0,0 +1,9 @@ + + + + + + + + + diff --git a/shablon/images/svg/red-close.svg b/shablon/images/svg/red-close.svg new file mode 100644 index 000000000..2b5ef69cf --- /dev/null +++ b/shablon/images/svg/red-close.svg @@ -0,0 +1,5 @@ + + + + + diff --git a/shablon/js/main.js b/shablon/js/main.js index 861f9383e..802cf7bb8 100644 --- a/shablon/js/main.js +++ b/shablon/js/main.js @@ -8,7 +8,7 @@ const selectElement = function (element) { }; // selector end============= -let drop = document.querySelector('.profile_drop'); +let drop = document.querySelectorAll('.profile_drop'); let profile_head = document.querySelectorAll('.profile_head'); let register = document.querySelector('.register'); let register_btn = document.querySelectorAll('.register_btn'); @@ -22,24 +22,33 @@ let card = document.querySelector('#card'); let forget = document.querySelector('#forget'); let password = document.querySelector('.password'); -let register_content = document.querySelector('.register_content'); -let register_content_2 = document.querySelector('.register_content_2'); +let eye_off = document.querySelectorAll('.eye_off'); +let eye_on = document.querySelectorAll('.eye_on'); +let pass = document.querySelector('#password'); +let pass_2 = document.querySelector('#password_2'); +let person = document.querySelectorAll('.person'); +let chat_alert = document.querySelectorAll('.chat_alert'); + +let chat_burger = document.querySelector('.chat_burger'); +let chat_people = document.querySelector('.chat_people'); + + + // Fixed header ==================================== window.onscroll = function () { scrollFunc(); - // drops.forEach(drop => { - // if (drop != undefined) { - // drop.classList.remove('active'); - // } - // } - // ); - - - if (drop != undefined) { - drop.classList.remove('active'); + drop.forEach(drop => { + if (drop != undefined) { + drop.classList.remove('active'); + } } + ); + + // if (drop != undefined) { + // drop.classList.remove('active'); + // } }; @@ -69,11 +78,19 @@ function sleep(time) { window.onclick = function (e) { - if (drop != undefined) { - if (document.querySelector('.profile_drop').classList.contains('active') && !e.target.closest('.profile_head')) { - document.querySelector('.profile_drop').classList.remove('active'); + // if (drop != undefined) { + // if (document.querySelector('.profile_drop').classList.contains('active') && !e.target.closest('.profile_head')) { + // document.querySelector('.profile_drop').classList.remove('active'); + // } + // } + + drop.forEach(drop => { + if (drop != undefined) { + drop.classList.contains('active') && !e.target.closest('.profile_head'); + drop.classList.remove('active') } } + ); if (register != undefined) { if (register.classList.contains('active') && !e.target.closest('.register_body')) { @@ -87,11 +104,17 @@ window.onclick = function (e) { } } - if (selectElement('.links').classList.contains('active') && !e.target.closest('.profile_head')) { + if (chat_people != undefined) { + if (chat_people.classList.contains('active') && !e.target.closest('.chat_burger') ) { + chat_people.classList.remove('active'); + } + } + + if (selectElement('.links').classList.contains('active') && !e.target.closest('.profile_head') && !e.target.closest('.links')) { selectElement('.links').classList.remove('active'); } - if (selectElement('.links_bg').classList.contains('active') && !e.target.closest('.profile_head')) { + if (selectElement('.links_bg').classList.contains('active') && !e.target.closest('.profile_head') && !e.target.closest('.links')) { selectElement('.links_bg').classList.remove('active'); } @@ -104,7 +127,6 @@ selectElement('.burger').addEventListener('click', function () { sleep(2).then(() => { selectElement('.links_bg').classList.toggle('active'); selectElement('.links').classList.toggle('active'); - }); }); @@ -112,14 +134,14 @@ if (profile_head != undefined) { profile_head.forEach(r => { r.addEventListener('click', function () { sleep(2).then(() => { - drop.classList.toggle('active'); + drop.forEach(p => { + p.classList.toggle('active'); }) - }); + }) }); + }); } - - if (register_btn != undefined) { register_btn.forEach(x => { x.addEventListener('click', function () { @@ -135,7 +157,6 @@ if (register_btn != undefined) { }) } - if (log_in != undefined) { log_in.forEach(x => { x.addEventListener('click', function () { @@ -149,10 +170,8 @@ if (log_in != undefined) { }); }); }) - } - if (btn_1 != undefined) { btn_1.addEventListener('click', function () { sleep(2).then(() => { @@ -161,13 +180,10 @@ if (btn_1 != undefined) { register_content.classList.remove('active'); register_content_2.classList.add('active'); - }); }); } - - if (btn_2 != undefined) { btn_2.addEventListener('click', function () { sleep(2).then(() => { @@ -190,6 +206,77 @@ if (forget != undefined) { }); } +if (eye_off != undefined) { + eye_off.forEach(x => { + x.addEventListener('click', function () { + sleep(2).then(() => { + + pass.type = "password"; + pass_2.type = "password"; + + eye_on.forEach(e => { + e.classList.toggle('active'); + }) + eye_off.forEach(w => { + w.classList.toggle('active'); + }) + }); + }); + }) +} + +if (eye_on != undefined) { + eye_on.forEach(q => { + q.addEventListener('click', function () { + sleep(2).then(() => { + + pass.type = "text"; + pass_2.type = "text"; + + eye_on.forEach(e => { + e.classList.toggle('active'); + }) + eye_off.forEach(w => { + w.classList.toggle('active'); + }) + }); + }); + }) +} + +if (btn_1 != undefined) { + btn_1.addEventListener('click', function () { + sleep(2).then(() => { + btn_1.classList.add('active'); + btn_2.classList.remove('active'); + + register_content.classList.remove('active'); + register_content_2.classList.add('active'); + }); + }); +} + +if (chat_burger != undefined) { + chat_burger.addEventListener('click', function () { + sleep(2).then(() => { + chat_people.classList.toggle('active'); + }); + }); +} + +// if (person != undefined) { +// person.forEach(y => { +// y.addEventListener('click', function () { +// sleep(2).then(() => { +// // chat_alert.forEach(e => { +// // e.classList.add('active'); +// // }) + +// chat_alert.classList.add('active'); +// }); +// }); +// }) +// } // Clicks end ================================================================ @@ -231,6 +318,42 @@ function onTabClick(tabBtns, tabItems, item) { }); } +// ----------------------------------------------------------------------------------------------- +const tabsBtn_2 = document.querySelectorAll(".open_link"); +const tabsItems_2 = document.querySelectorAll(".open_info"); +tabsBtn_2.forEach((e) => { + onTabClick(tabsBtn_2, tabsItems_2, chat_alert, e); + +}); +function onTabClick(tabBtns_2, tabItems_2, chat_alert, item) { + item.addEventListener("click", function (e) { + let currentBtn_2 = item; + let tabId = currentBtn_2.getAttribute("data-tab"); + let currentTab_2 = document.querySelector(tabId); + if (e.srcElement.classList.contains("active")) { + // e.srcElement.classList.remove("active"); + // e.srcElement.parentElement + // .querySelector(".tab__btn") + // .classList.remove("active"); + // console.log(e.srcElement.parentElement.querySelector(".event")); + // e.srcElement.parentElement + // .querySelector(".event") + // .classList.remove("active"); + } else if (!currentBtn_2.classList.contains("active")) { + tabBtns_2.forEach(function (item) { + item.classList.remove("active"); + }); + tabItems_2.forEach(function (item) { + item.classList.remove("active"); + }); + currentBtn_2.classList.add("active"); + currentTab_2.classList.add("active"); + } + }); +} + + + // Category Tabs end ========================================== @@ -243,13 +366,13 @@ if (inline != undefined) { selectElement('#inline').style.opacity = 1; selectElement('#card').style.opacity = .5; selectElement('.item_btn').style.display = 'none'; - + document.querySelectorAll('.item_btn').forEach(el => { el.style.display = 'none'; }) document.querySelectorAll('.item_head').forEach(el => { el.style.display = 'none'; }) document.querySelectorAll('.item_sub_name').forEach(el => { el.style.display = 'none'; }) document.querySelectorAll('.inline_head').forEach(el => { el.style.display = 'flex'; }) document.querySelectorAll('.inline_num').forEach(el => { el.style.display = 'flex'; }) - + }) } diff --git a/shablon/my_post.html b/shablon/my_post.html index 6b96ec6e5..2183682dc 100644 --- a/shablon/my_post.html +++ b/shablon/my_post.html @@ -752,41 +752,49 @@
-
-
- Категории -
-
- - Нефтехимия - - - Машиностроение - - - Легкая промышленность - - - Стройматериалы - -
-
-
-
- Контакты -
-
-
- Тел: +99312446015 +
+
+
+ Категории
-
- Эл. почта: info@exchange.gov.tm +
+ + Нефтехимия + + + Машиностроение + + + Легкая промышленность + + + Стройматериалы +
-
- Адрес: 744000, Туркменистан
- г.Ашгабат, Арчабиль шаелы 52 +
+
+
+ Контакты +
+
+
+ Тел: +99312446015 +
+
+ Эл. почта: info@exchange.gov.tm +
+
+ Адрес: 744000, Туркменистан
+ г.Ашгабат, Арчабиль шаелы 52 +
diff --git a/shablon/personal_data.html b/shablon/personal_data.html index 9e2ac63d8..69435d105 100644 --- a/shablon/personal_data.html +++ b/shablon/personal_data.html @@ -93,23 +93,67 @@
-
-
-
- +
+
+
+
+ +
+
+ Аман Аманов +
+
+ +
-
- Регистрация +
+ +
+ +
+
+ Персональные данные +
+ + + +
+ +
+
+ Мои объявления +
+ + + +
+ +
+
+ Сообщения +
+ + + +
+ +
+
+ Выйти +
+ +
-
@@ -252,7 +296,7 @@
- +
eye @@ -261,8 +305,8 @@
- - + +
eye eye @@ -270,17 +314,17 @@
- + + +
+ +
+
- - -
- -
- +
@@ -302,41 +346,49 @@
-
-
- Категории -
-
- - Нефтехимия - - - Машиностроение - - - Легкая промышленность - - - Стройматериалы - -
-
-
-
- Контакты -
-
-
- Тел: +99312446015 +
+
+
+ Категории
-
- Эл. почта: info@exchange.gov.tm +
+ + Нефтехимия + + + Машиностроение + + + Легкая промышленность + + + Стройматериалы +
-
- Адрес: 744000, Туркменистан
- г.Ашгабат, Арчабиль шаелы 52 +
+
+
+ Контакты +
+
+
+ Тел: +99312446015 +
+
+ Эл. почта: info@exchange.gov.tm +
+
+ Адрес: 744000, Туркменистан
+ г.Ашгабат, Арчабиль шаелы 52 +
@@ -353,29 +405,6 @@ - diff --git a/shablon/product.html b/shablon/product.html index 8bb17643c..fdd897a36 100644 --- a/shablon/product.html +++ b/shablon/product.html @@ -711,41 +711,49 @@
-
-
- Категории -
-
- - Нефтехимия - - - Машиностроение - - - Легкая промышленность - - - Стройматериалы - -
-
-
-
- Контакты -
-
-
- Тел: +99312446015 +
+
+
+ Категории
-
- Эл. почта: info@exchange.gov.tm +
+ + Нефтехимия + + + Машиностроение + + + Легкая промышленность + + + Стройматериалы +
-
- Адрес: 744000, Туркменистан
- г.Ашгабат, Арчабиль шаелы 52 +
+
+
+ Контакты +
+
+
+ Тел: +99312446015 +
+
+ Эл. почта: info@exchange.gov.tm +
+
+ Адрес: 744000, Туркменистан
+ г.Ашгабат, Арчабиль шаелы 52 +