diff --git a/shablon/add_post.html b/shablon/add_post.html new file mode 100644 index 000000000..ec025ecff --- /dev/null +++ b/shablon/add_post.html @@ -0,0 +1,462 @@ + + + + + + + + + + + + + Add post + + + + +
+
+
+
+
+
+ +
+
+ +99312446015 +
+
+
+
+ +
+ + info@exchange.gov.tm + +
+
+ + + +
+
+
+ +
+
+ usd +
+
+ 3.5000 +
+
+
+
+ +
+
+ eur +
+
+ 4.3430 +
+
+
+
+ +
+
+ gbp +
+
+ 3.4353 +
+
+
+
+
+
+ + + + + + + + + + + +
+
+
+
+ Добавить объявление +
+ +
+
+ + +
+ +
+ + +
+ +
+ +
+ +
+
+ +
+ + +
+ +
+ + +
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+ + +
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+ +
+ +
+ +
+
+
+
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/shablon/chat.html b/shablon/chat.html new file mode 100644 index 000000000..d6da8b2f2 --- /dev/null +++ b/shablon/chat.html @@ -0,0 +1,506 @@ + + + + + + + + + + + + + Chat + + + + + +
+
+
+
+
+
+ + Войти +
+
+ + Регистрация +
+
+
+ +
+ ГТСБТ +
+
+ Государственная + товарно-сырьевая + биржа Туркменистана +
+
+
+ +
+ + info@exchange.gov.tm + +
+
+
+
+
+ Регистрация +
+
+ +
+
+ +
+
+ +
+
+ +
+ +
+
+ +
+
+
+ Войти +
+
+ Если вы забыли свой логин или пароль, просим вас + восстановить его по ссылке. +
+
+ +
+
+ +
+ +
+
+ +
+
+
+
+ + + +
+
+
+
+
+
+ +
+
+ +99312446015 +
+
+
+
+ +
+ + info@exchange.gov.tm + +
+
+ + + +
+
+
+ +
+
+ usd +
+
+ 3.5000 +
+
+
+
+ +
+
+ eur +
+
+ 4.3430 +
+
+
+
+ +
+
+ gbp +
+
+ 3.4353 +
+
+
+
+
+
+ + + + + + + + + + + +
+
+
+
+
+
+
+ Aman Amanow +
+
+ Lorem ipsum dolor sit amet, consetetur sadi... +
+
+
+
+ Aman Amanow +
+
+ Lorem ipsum dolor sit amet, consetetur sadi jfdurjfurj j furjfu jfurj ufj urjfuj +
+
+
+
+ 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 +
+
+ 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 +
+
+ Lorem ipsum dolor sit amet, consetetur sadi... +
+
+
+
+
+
+
+ 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 +
+
+ +
+
+ +
+ +
+ + +
+ + +
+
+ +
+
+
+
+
+ + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/shablon/css/main.css b/shablon/css/main.css index 38c2d303c..b0caa5140 100644 --- a/shablon/css/main.css +++ b/shablon/css/main.css @@ -114,6 +114,7 @@ li { --rgba-white: rgba(250, 250, 250, .2); --text-32: 32px; --text-20: 20px; + --text-18: 18px; --text-16: 16px; @@ -263,6 +264,7 @@ li { .register_banner { background: url("../images/bg_2.png") no-repeat center; background-size: cover; + -webkit-background-size: cover; /* width: 780px; */ /* height: 630px; */ border-radius: 10px; @@ -354,6 +356,7 @@ li { align-items: center; flex-wrap: wrap; -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; padding: 65px; } @@ -417,6 +420,122 @@ li { line-height: 1.4; } +.profile_bio { + position: relative; +} + +.profile { + display: flex; + align-items: center; +} + +.mobile_profile { + display: none; + align-items: center; +} + +.profile_head { + display: flex; + align-items: center; + margin-right: 40px; + cursor: pointer; +} + +.profile_text { + margin: 0 15px; + font-size: var(--text-18); + font-weight: 400; + line-height: 1.3; +} + +.profile_drop { + display: none; + flex-direction: column; + -ms-flex-direction: column; + -moz-flex-direction: column; + -o-flex-direction: column; + -webkit-flex-direction: column; + justify-content: center; + + position: absolute; + /* top: calc(100% + 52px); */ + bottom: -360px; + left: 0; + + width: 400px; + + background: #fff; + z-index: -1; + -webkit-box-shadow: 0px 6px 4px -1px var(--rgba-black); + box-shadow: 0px 6px 4px -1px var(--rgba-black); + border-bottom-left-radius: 10px; + border-bottom-right-radius: 10px; +} + +.profile_drop.active { + display: flex; + + /* animation: profile 1s linear; */ +} + +@keyframes profile { + 0% { + /* max-height: 0; */ + /* opacity: 0; */ + } + + 100% { + max-height: 100%; + /* opacity: 1; */ + } +} + +.profile_item { + display: flex; + align-items: center; + + padding: 25px 30px; + border-bottom: 1px solid rgba(0, 0, 0, .3); +} + +.profile_item:hover { + background: #f5f5f5; +} + +.profile_item:last-child { + border: none; +} + +.add_post_btn { + background: var(--blue); + background: #003197; + display: flex; + align-items: center; + padding: 10px 30px; + border-radius: 5px; + color: #fff; +} + +.post_icon { + width: 20px; + height: 20px; + + margin-right: 10px; +} + +.post_icon img { + width: 100%; + height: 100%; + object-fit: contain; + -o-object-fit: contain; +} + +.post_text { + font-size: 16px; + font-weight: 400; + line-height: 1.3; +} + /* Header Top ============================================= */ .header_top { @@ -439,6 +558,9 @@ li { transition: all .15s linear; -webkit-transition: all .15s linear; + -o-transition: all .15s linear; + -ms-transition: all .15s linear; + -moz-transition: all .15s linear; } .top_btn:hover { @@ -517,15 +639,20 @@ li { /* Header ============================================= */ .header { - padding: 15px 0; -webkit-box-shadow: 0px 6px 4px -1px var(--rgba-black); box-shadow: 0px 6px 4px -1px var(--rgba-black); + z-index: 5; + position: relative; } .header_wrap { + padding: 15px 0; + display: flex; align-items: center; justify-content: space-between; + -webkit-box-shadow: 0px 15px 4px -10px var(--rgba-black); + box-shadow: 0px 15px 4px -10px var(--rgba-black); } .header_logo { @@ -562,6 +689,9 @@ li { transition: all .15s linear; -webkit-transition: all .15s linear; + -o-transition: all .15s linear; + -ms-transition: all .15s linear; + -moz-transition: all .15s linear; } .register_btn:hover { @@ -600,6 +730,9 @@ li { transition: all .15s linear; -webkit-transition: all .15s linear; + -o-transition: all .15s linear; + -ms-transition: all .15s linear; + -moz-transition: all .15s linear; } .log_in:hover { @@ -642,6 +775,9 @@ li { transition: all .15s linear; -webkit-transition: all .15s linear; + -moz-transition: all .15s linear; + -ms-transition: all .15s linear; + -o-transition: all .15s linear; } .nav_link:hover { @@ -654,6 +790,10 @@ li { top: 50%; right: -40px; transform: translateY(-50%); + -moz-transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); width: 2px; height: 30px; background: var(--rgba-white); @@ -706,6 +846,9 @@ li { transition: all .15s linear; -webkit-transition: all .15s linear; + -o-transition: all .15s linear; + -ms-transition: all .15s linear; + -moz-transition: all .15s linear; } .lang_item.active { @@ -722,6 +865,10 @@ li { top: 50%; right: -15px; transform: translateY(-50%); + -o-transform: translateY(-50%); + -webkit-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -moz-transform: translateY(-50%); width: 2px; height: 25px; background: var(--blue); @@ -776,6 +923,7 @@ li { .intro_slider { background: url("../images/slide.png") no-repeat center; background-size: cover; + -webkit-background-size: cover; position: relative; @@ -789,6 +937,7 @@ li { display: flex; flex-direction: column; -ms-flex-direction: column; + -webkit-flex-direction: column; justify-content: center; } @@ -931,6 +1080,9 @@ li { transition: all .15s linear; -webkit-transition: all .15s linear; + -o-transition: all .15s linear; + -moz-transition: all .15s linear; + -ms-transition: all .15s linear; } .sort_icon:hover { @@ -952,6 +1104,8 @@ li { .product_box { display: flex; flex-wrap: wrap; + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; margin: var(--product-box-margin); flex-direction: var(--item-row); @@ -1006,6 +1160,10 @@ li { cursor: var(--cursor); transition: all .2s linear; + -o-transition: all .2s linear; + -ms-transition: all .2s linear; + -moz-transition: all .2s linear; + -webkit-transition: all .2s linear; } .product_item:hover { @@ -1123,6 +1281,9 @@ li { transition: all .15s linear; -webkit-transition: all .15s linear; + -o-transition: all .15s linear; + -ms-transition: all .15s linear; + -moz-transition: all .15s linear; } .item_btn:hover { @@ -1137,6 +1298,7 @@ li { padding: 50px 0 20px; background: url("../images/footer-bg.png") no-repeat center; background-size: cover; + -webkit-background-size: cover; width: 100%; height: 100%; } @@ -1232,6 +1394,9 @@ li { transition: all .15s linear; -webkit-transition: all .15s linear; + -o-transition: all .15s linear; + -ms-transition: all .15s linear; + -moz-transition: all .15s linear; } .tab_link:hover { @@ -1274,6 +1439,9 @@ li { transition: all .15s linear; -webkit-transition: all .15s linear; + -o-transition: all .15s linear; + -ms-transition: all .15s linear; + -moz-transition: all .15s linear; } .cat_arrow:hover { @@ -1289,6 +1457,10 @@ li { .left img { transform: rotate(180deg); + -o-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -webkit-transform: rotate(180deg); + -ms-transform: rotate(180deg); } .cat_form { @@ -1367,7 +1539,7 @@ li { .detail_for_navs { /* display: none !important; */ width: 100px; - margin-left: 10px; + margin-left: 10px; } .detail_for_navs .slick-list { @@ -1509,6 +1681,9 @@ li { transition: all .15s linear; -webkit-transition: all .15s linear; + -o-transition: all .15s linear; + -ms-transition: all .15s linear; + -moz-transition: all .15s linear; } .btn:hover { @@ -1567,6 +1742,7 @@ li { align-items: center; flex-wrap: wrap; -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; margin: -30px -20px; overflow: hidden; @@ -1704,6 +1880,464 @@ li { margin-top: 100px; } +/* Add post =========================================== */ + +.post { + padding: 100px 0; +} + +.post_form { + display: flex; + align-items: center; + flex-wrap: wrap; + -ms-flex-wrap: wrap; + -o-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + -moz-flex-wrap: wrap; + + margin: -25px -20px; +} + +.post_input { + width: calc(33.33% - 40px); + margin: 25px 20px; + position: relative; +} + +.post_input input { + border: 1px solid rgba(0, 0, 0, .5); + border-radius: 5px; + padding: 15px 30px; + + width: calc(100% - 0px); + + font-size: var(--text-20); + font-weight: 400; + line-height: 1.3; +} + +.post_input input[type="password"]::placeholder { + padding-top: 10px; +} + +.post_input input::placeholder { + color: rgba(0, 0, 0, .5); + font-size: var(--text-18); + font-weight: 400; + line-height: 1; +} + +.post_input label { + font-size: var(--text-18); + font-weight: 400; + line-height: 1; + margin-left: 20px; + margin-bottom: 20px; + display: block; +} + +.btn_bg { + width: 100%; + margin: 25px 20px; +} + +.post_btn { + background: var(--blue); + color: #fff; + border: none; + border-radius: 5px; + padding: 20px 50px; + cursor: pointer; + + font-size: var(--text-18); + font-weight: 400; + line-height: 1; +} + +.eye { + width: 20px; + height: 20px; + + position: absolute; + top: 70%; + right: 30px; + transform: translateY(-50%); + cursor: pointer; +} + +.eye img { + width: 100%; + height: 100%; + object-fit: contain; + -o-object-fit: contain; +} + +.eye_on.active { + display: none; +} + +.eye_off { + display: none; +} + +.eye_off.active { + display: block; +} + +/* Custom select ============= */ +.custom-select { + position: relative; + width: calc(100% - 0px); + padding: 20px 30px; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 5px; + + background: #E2E2E2; + + font-size: var(--text-18); + font-weight: 400; + line-height: 1; +} + +.custom-select select { + display: none; +} + +.select-selected { + background-color: #E2E2E2; + color: #000; +} + +.select-selected: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; +} + +.select-selected.select-arrow-active:after { + border-color: transparent transparent #000 transparent; + top: 50%; + transform: translateY(-70%); +} + +.select-items div, +.select-selected { + color: #000; + cursor: pointer; +} + +.select-items { + position: absolute; + background-color: #fff; + top: calc(100% + 10px); + left: 0; + right: 0; + z-index: 99; + padding: 10px 5px; + + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 5px; +} + +.select-hide { + display: none; +} + +.select-items div:hover, +.same-as-selected { + background-color: rgba(0, 0, 0, .2); +} + +/* custom select */ + +.library { + padding: 100px 0; +} + +/* Add post end ======================================= */ + + +/* Chat ========================================= */ + +.chat { + padding: 100px 0; +} + +.chat_box { + display: flex; + border: 1px solid #e2e2e2; + border-radius: 10px; + overflow: hidden; +} + +.chat_people { + width: 30%; + border-right: 1px solid #e2e2e2; + height: 620px; + overflow-y: auto; + position: relative; +} + +.chat_people::-webkit-scrollbar { + display: none; +} + +.chat_people::-webkit-scrollbar-track { + display: none; +} + +.chat_people::-webkit-scrollbar-thumb { + display: none; +} + +.chat_area-inner::-webkit-scrollbar { + width: 10px; + +} + +.chat_area-inner::-webkit-scrollbar-track { + background: #fff; + border: 1px solid #e2e2e2; + border-radius: 5px; +} + +.chat_area-inner::-webkit-scrollbar-thumb { + background: var(--blue); + border-radius: 5px; +} + +.chat_area { + width: 70%; + height: 620px; + padding: 10px 10px 100px; + position: relative; +} + +.chat_area-inner { + overflow-y: auto; + height: 100%; + padding: 20px; +} + +.person { + background: #f5f5f5; + padding: 30px; + border-bottom: 1px solid #e2e2e2; + + cursor: pointer; +} + +.person:hover { + background: #c9c9c9; +} + +.person:last-child { + border-bottom: none; +} + +.person.active { + background: var(--blue); + color: #fff; +} + +.person_name { + font-size: var(--text-18); + font-weight: 700; + line-height: 1.3; + margin-bottom: 10px; +} + +.person_message { + font-size: 14px; + font-weight: 400; + line-height: 1.3; + + display: -webkit-box; + -webkit-line-clamp: 1; + -webkit-box-orient: vertical; + overflow: hidden; + text-overflow: ellipsis; +} + +.friend_message { + width: 60%; + border-bottom-right-radius: 10px; + border-top-left-radius: 10px; + border-top-right-radius: 10px; + + padding: 30px; + margin-bottom: 30px; + + background: #f5f5f5; +} + +.my_message { + width: 60%; + border-bottom-left-radius: 10px; + border-top-left-radius: 10px; + border-top-right-radius: 10px; + + padding: 30px; + margin: 0 0 30px auto; + + background: var(--blue); + color: #fff; +} + +.friend_message .message_time { + color: rgba(0, 0, 0, .5); + font-style: italic; + margin-bottom: 10px; +} + +.my_message .message_time { + color: rgba(250, 250, 250, .5); + font-style: italic; + margin-bottom: 10px; +} + +.message_text { + font-size: 14px; + font-weight: 400; + line-height: 1.3; +} + +.message_form { + position: absolute; + bottom: 20px; + left: 50%; + transform: translateX(-50%); + width: calc(100% - 60px); + border: 1px solid #e2e2e2; + border-radius: 10px; + overflow: hidden; + background: #fff; +} + +.message_input { + width: 100%; + height: 100px; +} + +.message_input textarea { + font-size: var(--text-16); + font-weight: 400; + line-height: 1.3; + + padding: 20px 90px 20px 20px; + width: 100%; + min-height: 100%; + + resize: none; + +} + +.message_input textarea::-webkit-scrollbar { + display: none; +} + +.form_file { + position: absolute; + top: 20px; + right: 55px; + z-index: 1; +} + +.message_btn { + position: absolute; + top: 20px; + right: 20px; + + background: none; + border: none; + cursor: pointer; + + width: 20px; + height: 20px; + z-index: 1; + +} + +.message_btn img { + width: 100%; + height: 100%; + object-fit: contain; + -o-object-fit: contain; +} + +.label_img { + width: 20px; + height: 20px; +} + +.label_img img { + width: 100%; + height: 100%; + object-fit: contain; + -o-object-fit: contain; +} + +.anchor { + cursor: pointer; +} + + + + + + + + +/* Custom file-input ============================ */ +.inputfile { + width: 0.1px; + height: 0.1px; + opacity: 0; + overflow: hidden; + position: absolute; + z-index: -1; + cursor: pointer; +} + +.inputfile+label { + max-width: 80%; + text-overflow: ellipsis; + white-space: nowrap; + cursor: pointer; + display: inline-block; + overflow: hidden; + + font-size: var(--vacancy_text); + font-weight: 400; + line-height: 1.5; + +} + +.inputfile+label { + display: none; +} + +.inputfile:focus+label, +.inputfile.has-focus+label { + outline: 1px dotted #000; + outline: -webkit-focus-ring-color auto 5px; +} + +.inputfile+label * { + pointer-events: none; +} + +/* Custom file-input ============================ */ + + +/* Chat end ======================================= */ + /* Media Query ======================================================= */ @@ -1919,6 +2553,7 @@ li { .sort_icon:first-child { margin-right: 30px; } + .contact_content { width: calc(65% - 30px); } @@ -1958,6 +2593,7 @@ li { /* justify-content: center; */ flex-wrap: wrap; -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; margin: 50px -20px 0; } @@ -1980,6 +2616,7 @@ li { margin-bottom: 70px; flex-wrap: wrap; -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; } .tab_link { @@ -2015,6 +2652,7 @@ li { align-items: unset; flex-wrap: wrap; -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; } .foot_logo { @@ -2033,6 +2671,8 @@ li { .detail_table { flex-wrap: wrap; + -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; } .table_group { @@ -2084,6 +2724,9 @@ li { z-index: 5; transition: all .3s linear; -ms-transition: all .3s linear; + -moz-transition: all .3s linear; + -o-transition: all .3s linear; + -webkit-transition: all .3s linear; } .links { @@ -2101,6 +2744,9 @@ li { transition: all .3s linear; -ms-transition: all .3s linear; + -o-transition: all .3s linear; + -moz-transition: all .3s linear; + -webkit-transition: all .3s linear; background: #fff; z-index: 10; @@ -2188,6 +2834,26 @@ li { margin-top: 40px; } + /* ------------------------------------------- */ + .post_input { + width: calc(50% - 40px); + } + + .profile { + flex-direction: column; + -ms-flex-direction: column; + -o-flex-direction: column; + -moz-flex-direction: column; + -webkit-flex-direction: column; + justify-content: center; + + } + + .profile_head { + margin-right: 0; + margin-bottom: 10px; + } + } @media(max-width: 900px) { @@ -2350,6 +3016,29 @@ li { margin-top: 50px; } + .profile { + display: none; + } + + .mobile_profile { + display: flex; + align-items: center; + justify-content: center; + flex-wrap: wrap; + -ms-flex-wrap: wrap; + -moz-flex-wrap: wrap; + -o-flex-wrap: wrap; + -webkit-flex-wrap: wrap; + + margin-top: 50px; + } + + .mobile_profile .profile_head { + width: 100%; + margin-right: 0; + margin-bottom: 20px; + } + .intro_slider { height: 420px; } @@ -2362,6 +3051,7 @@ li { margin-top: 50px; flex-wrap: wrap; -ms-flex-wrap: wrap; + -webkit-flex-wrap: wrap; } .foot_col { @@ -2391,13 +3081,24 @@ li { margin-bottom: 20px; } - .contact_title { + .contact_title { margin-bottom: 40px; } .copyright { margin-top: 50px; } + + + /* --------------------------------- */ + .post_form { + margin: -25px 0; + } + + .post_input { + width: 100%; + margin: 25px 0; + } } @media(max-width: 600px) { @@ -2467,13 +3168,13 @@ li { margin-right: 0; } - .contact_title { + .contact_title { margin-bottom: 30px; } .contact { padding: 40px 0; - } + } .contact_map { margin-top: 50px; @@ -2502,7 +3203,7 @@ li { .user_btn { padding: 10px; } - + .user_btn img { width: 20px; height: 15px; diff --git a/shablon/images/svg/ad.svg b/shablon/images/svg/ad.svg new file mode 100644 index 000000000..f47865db0 --- /dev/null +++ b/shablon/images/svg/ad.svg @@ -0,0 +1,3 @@ + + + diff --git a/shablon/images/svg/add.svg b/shablon/images/svg/add.svg new file mode 100644 index 000000000..b916c45df --- /dev/null +++ b/shablon/images/svg/add.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/shablon/images/svg/arrow-down.svg b/shablon/images/svg/arrow-down.svg new file mode 100644 index 000000000..3e64e3bda --- /dev/null +++ b/shablon/images/svg/arrow-down.svg @@ -0,0 +1,3 @@ + + + diff --git a/shablon/images/svg/clipboard.svg b/shablon/images/svg/clipboard.svg new file mode 100644 index 000000000..212511a65 --- /dev/null +++ b/shablon/images/svg/clipboard.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/shablon/images/svg/eye-off.svg b/shablon/images/svg/eye-off.svg new file mode 100644 index 000000000..77c54cb41 --- /dev/null +++ b/shablon/images/svg/eye-off.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/shablon/images/svg/eye.svg b/shablon/images/svg/eye.svg new file mode 100644 index 000000000..9cde24372 --- /dev/null +++ b/shablon/images/svg/eye.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/shablon/images/svg/inbox.svg b/shablon/images/svg/inbox.svg new file mode 100644 index 000000000..e834c37c1 --- /dev/null +++ b/shablon/images/svg/inbox.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/shablon/images/svg/log-out.svg b/shablon/images/svg/log-out.svg new file mode 100644 index 000000000..3233fb657 --- /dev/null +++ b/shablon/images/svg/log-out.svg @@ -0,0 +1,7 @@ + + + + + + + diff --git a/shablon/images/svg/plane.svg b/shablon/images/svg/plane.svg new file mode 100644 index 000000000..63a150574 --- /dev/null +++ b/shablon/images/svg/plane.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/shablon/images/svg/user-plus.svg b/shablon/images/svg/user-plus.svg new file mode 100644 index 000000000..3c50cc97e --- /dev/null +++ b/shablon/images/svg/user-plus.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/shablon/index.html b/shablon/index.html index 10db1de72..c7dddc512 100644 --- a/shablon/index.html +++ b/shablon/index.html @@ -871,7 +871,9 @@ + + \ No newline at end of file diff --git a/shablon/js/custom-file-input.js b/shablon/js/custom-file-input.js new file mode 100644 index 000000000..e685de140 --- /dev/null +++ b/shablon/js/custom-file-input.js @@ -0,0 +1,32 @@ + + +'use strict'; + +;( function ( document, window, index ) +{ + var inputs = document.querySelectorAll( '.inputfile' ); + Array.prototype.forEach.call( inputs, function( input ) + { + var label = input.previousElementSibling, + labelVal = label.innerHTML; + + input.addEventListener( 'change', function( e ) + { + + var fileName = ''; + if( this.files && this.files.length > 1 ) + fileName = ( this.getAttribute( 'data-multiple-caption' ) || '' ).replace( '{count}', this.files.length ); + else + fileName = e.target.value.split( '\\' ).pop(); + + if( fileName ) + label.querySelector( 'span' ).innerHTML = fileName; + else + label.innerHTML = labelVal; + }); + + // Firefox bug fix + input.addEventListener( 'focus', function(){ input.classList.add( 'has-focus' ); }); + input.addEventListener( 'blur', function(){ input.classList.remove( 'has-focus' ); }); + }); +}( document, window, 0 )); \ No newline at end of file diff --git a/shablon/js/custom-select.js b/shablon/js/custom-select.js new file mode 100644 index 000000000..01d383f61 --- /dev/null +++ b/shablon/js/custom-select.js @@ -0,0 +1,80 @@ +var x, i, j, l, ll, selElmnt, a, b, c; +/* Look for any elements with the class "custom-select": */ +x = document.getElementsByClassName("custom-select"); +l = x.length; +for (i = 0; i < l; i++) { + selElmnt = x[i].getElementsByTagName("select")[0]; + ll = selElmnt.length; + /* For each element, create a new DIV that will act as the selected item: */ + a = document.createElement("DIV"); + a.setAttribute("class", "select-selected"); + a.innerHTML = selElmnt.options[selElmnt.selectedIndex].innerHTML; + x[i].appendChild(a); + /* For each element, create a new DIV that will contain the option list: */ + b = document.createElement("DIV"); + b.setAttribute("class", "select-items select-hide"); + for (j = 1; j < ll; j++) { + /* For each option in the original select element, + create a new DIV that will act as an option item: */ + c = document.createElement("DIV"); + c.innerHTML = selElmnt.options[j].innerHTML; + c.addEventListener("click", function (e) { + /* When an item is clicked, update the original select box, + and the selected item: */ + var y, i, k, s, h, sl, yl; + s = this.parentNode.parentNode.getElementsByTagName("select")[0]; + sl = s.length; + h = this.parentNode.previousSibling; + for (i = 0; i < sl; i++) { + if (s.options[i].innerHTML == this.innerHTML) { + s.selectedIndex = i; + h.innerHTML = this.innerHTML; + y = this.parentNode.getElementsByClassName("same-as-selected"); + yl = y.length; + for (k = 0; k < yl; k++) { + y[k].removeAttribute("class"); + } + this.setAttribute("class", "same-as-selected"); + break; + } + } + h.click(); + }); + b.appendChild(c); + } + x[i].appendChild(b); + a.addEventListener("click", function (e) { + /* When the select box is clicked, close any other select boxes, + and open/close the current select box: */ + e.stopPropagation(); + closeAllSelect(this); + this.nextSibling.classList.toggle("select-hide"); + this.classList.toggle("select-arrow-active"); + }); +} + +function closeAllSelect(elmnt) { + /* A function that will close all select boxes in the document, + except the current select box: */ + var x, y, i, xl, yl, arrNo = []; + x = document.getElementsByClassName("select-items"); + y = document.getElementsByClassName("select-selected"); + xl = x.length; + yl = y.length; + for (i = 0; i < yl; i++) { + if (elmnt == y[i]) { + arrNo.push(i) + } else { + y[i].classList.remove("select-arrow-active"); + } + } + for (i = 0; i < xl; i++) { + if (arrNo.indexOf(i)) { + x[i].classList.add("select-hide"); + } + } +} + +/* If the user clicks anywhere outside the select box, +then close all select boxes: */ +document.addEventListener("click", closeAllSelect); \ No newline at end of file diff --git a/shablon/js/extra.js b/shablon/js/extra.js new file mode 100644 index 000000000..fcd1a3624 --- /dev/null +++ b/shablon/js/extra.js @@ -0,0 +1,178 @@ + +// selector ============= +const selectElement = function (element) { + return document.querySelector(element); +}; +// selector end============= + + +// Fixed header ==================================== +window.onscroll = function () { + scrollFunc(); +}; + +let header = document.getElementById("head-top"); +let nav = document.getElementById("nav"); +let fix = nav.nextElementSibling; +function scrollFunc() { + if (window.pageYOffset > fix.offsetTop) { + header.classList.add("stick"); + nav.classList.add("stick-2"); + selectElement('.top_btn').classList.add('active'); + } else { + header.classList.remove("stick"); + nav.classList.remove("stick-2"); + selectElement('.top_btn').classList.remove('active'); + } +} +// Fixed header end ==================================== + + +// timing ==================== +function sleep(time) { + return new Promise((resolve) => setTimeout(resolve, time)); +} +// timing ==================== + + +window.onclick = function (e) { + if (selectElement('.register').classList.contains('active') && !e.target.closest('.register_body')) { + selectElement('.register').classList.remove('active'); + } + + if (selectElement('.links').classList.contains('active')) { + selectElement('.links').classList.remove('active'); + } + + if (selectElement('.links_bg').classList.contains('active')) { + selectElement('.links_bg').classList.remove('active'); + } + +} + + +// Clicks ================================================================ + +document.querySelectorAll('.register_btn').forEach(x =>{ + x.addEventListener('click', function () { + sleep(2).then(() => { + selectElement('.register').classList.toggle('active'); + selectElement('#btn-2').classList.add('active'); + selectElement('#btn-1').classList.remove('active'); + + selectElement('.register_content').classList.add('active'); + selectElement('.register_content_2').classList.remove('active'); + }); + }); +}) + +document.querySelectorAll('.log_in').forEach(x =>{ +x.addEventListener('click', function () { + sleep(2).then(() => { + selectElement('.register').classList.toggle('active'); + selectElement('#btn-1').classList.add('active'); + selectElement('#btn-2').classList.remove('active'); + + selectElement('.register_content').classList.remove('active'); + selectElement('.register_content_2').classList.add('active'); + }); +}); +}) + +selectElement('#btn-1').addEventListener('click', function () { + sleep(2).then(() => { + selectElement('#btn-1').classList.add('active'); + selectElement('#btn-2').classList.remove('active'); + + selectElement('.register_content').classList.remove('active'); + selectElement('.register_content_2').classList.add('active'); + + }); +}); + +selectElement('#btn-2').addEventListener('click', function () { + sleep(2).then(() => { + selectElement('#btn-2').classList.add('active'); + selectElement('#btn-1').classList.remove('active'); + + selectElement('.register_content').classList.add('active'); + selectElement('.register_content_2').classList.remove('active'); + }); +}); + +selectElement('.burger').addEventListener('click', function () { + sleep(2).then(() => { + selectElement('.links_bg').classList.toggle('active'); + selectElement('.links').classList.toggle('active'); + + }); +}); + + +// Clicks end ================================================================ + + +// Sort by ============================================================== +selectElement('#inline').addEventListener('click', () => { + document.documentElement.setAttribute("data-theme", "row"); + localStorage.setItem("theme", "row"); + 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'; }) + +}) + +selectElement('#card').addEventListener('click', () => { + document.documentElement.setAttribute("data-theme", "col"); + selectElement('#inline').style.opacity = .5; + selectElement('#card').style.opacity = 1; + document.querySelectorAll('.item_btn').forEach(el => { el.style.display = 'block'; }) + document.querySelectorAll('.item_head').forEach(el => { el.style.display = 'block'; }) + document.querySelectorAll('.item_sub_name').forEach(el => { el.style.display = 'block'; }) + document.querySelectorAll('.inline_head').forEach(el => { el.style.display = 'none'; }) + document.querySelectorAll('.inline_num').forEach(el => { el.style.display = 'none'; }) +}) + +// Sort by end ============================================================== + +// Category Tabs ========================================== +const tabsBtn = document.querySelectorAll(".tab_link"); +const tabsItems = document.querySelectorAll(".tab_source"); +tabsBtn.forEach((e) => { + onTabClick(tabsBtn, tabsItems, e); +}); +function onTabClick(tabBtns, tabItems, item) { + item.addEventListener("click", function (e) { + let currentBtn = item; + let tabId = currentBtn.getAttribute("data-tab"); + let currentTab = 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.classList.contains("active")) { + tabBtns.forEach(function (item) { + item.classList.remove("active"); + }); + tabItems.forEach(function (item) { + item.classList.remove("active"); + }); + currentBtn.classList.add("active"); + currentTab.classList.add("active"); + } + }); +} + +// Category Tabs end ========================================== + diff --git a/shablon/js/main.js b/shablon/js/main.js index 5cdce1974..9d2a8cd07 100644 --- a/shablon/js/main.js +++ b/shablon/js/main.js @@ -1,14 +1,38 @@ +// +// +// +// +// +// +// + + + // selector ============= const selectElement = function (element) { return document.querySelector(element); }; // selector end============= +let drop = document.querySelector('.profile_drop'); +let register = document.querySelector('.register'); +let register_btn = document.querySelectorAll('.register_btn'); +let log_in = document.querySelectorAll('.log_in'); +let btn_1 = document.querySelector('#btn-1'); +let btn_2 = document.querySelector('#btn-2'); + +let register_content = document.querySelector('.register_content'); +let register_content_2 = document.querySelector('.register_content_2'); // Fixed header ==================================== window.onscroll = function () { scrollFunc(); + + if (drop != undefined) { + drop.classList.remove('active'); + } + }; let header = document.getElementById("head-top"); @@ -36,8 +60,17 @@ function sleep(time) { window.onclick = function (e) { - if (selectElement('.register').classList.contains('active') && !e.target.closest('.register_body')) { - selectElement('.register').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'); + } + } + + if (register != undefined) { + if (register.classList.contains('active') && !e.target.closest('.register_body')) { + register.classList.remove('active'); + } } if (selectElement('.links').classList.contains('active')) { @@ -53,53 +86,6 @@ window.onclick = function (e) { // Clicks ================================================================ -document.querySelectorAll('.register_btn').forEach(x =>{ - x.addEventListener('click', function () { - sleep(2).then(() => { - selectElement('.register').classList.toggle('active'); - selectElement('#btn-2').classList.add('active'); - selectElement('#btn-1').classList.remove('active'); - - selectElement('.register_content').classList.add('active'); - selectElement('.register_content_2').classList.remove('active'); - }); - }); -}) - -document.querySelectorAll('.log_in').forEach(x =>{ -x.addEventListener('click', function () { - sleep(2).then(() => { - selectElement('.register').classList.toggle('active'); - selectElement('#btn-1').classList.add('active'); - selectElement('#btn-2').classList.remove('active'); - - selectElement('.register_content').classList.remove('active'); - selectElement('.register_content_2').classList.add('active'); - }); -}); -}) - -selectElement('#btn-1').addEventListener('click', function () { - sleep(2).then(() => { - selectElement('#btn-1').classList.add('active'); - selectElement('#btn-2').classList.remove('active'); - - selectElement('.register_content').classList.remove('active'); - selectElement('.register_content_2').classList.add('active'); - - }); -}); - -selectElement('#btn-2').addEventListener('click', function () { - sleep(2).then(() => { - selectElement('#btn-2').classList.add('active'); - selectElement('#btn-1').classList.remove('active'); - - selectElement('.register_content').classList.add('active'); - selectElement('.register_content_2').classList.remove('active'); - }); -}); - selectElement('.burger').addEventListener('click', function () { sleep(2).then(() => { selectElement('.links_bg').classList.toggle('active'); @@ -109,38 +95,75 @@ selectElement('.burger').addEventListener('click', function () { }); + + + +if (register_btn != undefined) { + register_btn.forEach(x => { + x.addEventListener('click', function () { + sleep(2).then(() => { + register.classList.toggle('active'); + btn_2.classList.add('active'); + btn_1.classList.remove('active'); + + register_content.classList.add('active'); + register_content_2.classList.remove('active'); + }); + }); + }) + +} + + +if (log_in != undefined) { + log_in.forEach(x => { + x.addEventListener('click', function () { + sleep(2).then(() => { + register.classList.toggle('active'); + btn_1.classList.add('active'); + btn_2.classList.remove('active'); + + register_content.classList.remove('active'); + register_content_2.classList.add('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 (btn_2 != undefined) { + btn_2.addEventListener('click', function () { + sleep(2).then(() => { + btn_2.classList.add('active'); + btn_1.classList.remove('active'); + + register_content.classList.add('active'); + register_content_2.classList.remove('active'); + }); + }); +} + + + // Clicks end ================================================================ -// Sort by ============================================================== -selectElement('#inline').addEventListener('click', () => { - document.documentElement.setAttribute("data-theme", "row"); - localStorage.setItem("theme", "row"); - 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'; }) - -}) - -selectElement('#card').addEventListener('click', () => { - document.documentElement.setAttribute("data-theme", "col"); - selectElement('#inline').style.opacity = .5; - selectElement('#card').style.opacity = 1; - document.querySelectorAll('.item_btn').forEach(el => { el.style.display = 'block'; }) - document.querySelectorAll('.item_head').forEach(el => { el.style.display = 'block'; }) - document.querySelectorAll('.item_sub_name').forEach(el => { el.style.display = 'block'; }) - document.querySelectorAll('.inline_head').forEach(el => { el.style.display = 'none'; }) - document.querySelectorAll('.inline_num').forEach(el => { el.style.display = 'none'; }) -}) - -// Sort by end ============================================================== - // Category Tabs ========================================== const tabsBtn = document.querySelectorAll(".tab_link"); const tabsItems = document.querySelectorAll(".tab_source"); @@ -175,3 +198,34 @@ function onTabClick(tabBtns, tabItems, item) { } // Category Tabs end ========================================== + + +// Sort by ============================================================== +selectElement('#inline').addEventListener('click', () => { + document.documentElement.setAttribute("data-theme", "row"); + localStorage.setItem("theme", "row"); + 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'; }) + +}) + +selectElement('#card').addEventListener('click', () => { + document.documentElement.setAttribute("data-theme", "col"); + selectElement('#inline').style.opacity = .5; + selectElement('#card').style.opacity = 1; + document.querySelectorAll('.item_btn').forEach(el => { el.style.display = 'block'; }) + document.querySelectorAll('.item_head').forEach(el => { el.style.display = 'block'; }) + document.querySelectorAll('.item_sub_name').forEach(el => { el.style.display = 'block'; }) + document.querySelectorAll('.inline_head').forEach(el => { el.style.display = 'none'; }) + document.querySelectorAll('.inline_num').forEach(el => { el.style.display = 'none'; }) +}) + +// Sort by end ============================================================== + diff --git a/shablon/my_post.html b/shablon/my_post.html new file mode 100644 index 000000000..1434074f0 --- /dev/null +++ b/shablon/my_post.html @@ -0,0 +1,805 @@ + + + + + + + + + + + + + My post + + + + +
+
+
+
+
+
+ +
+
+ +99312446015 +
+
+
+
+ +
+ + info@exchange.gov.tm + +
+
+ + + +
+
+
+ +
+
+ usd +
+
+ 3.5000 +
+
+
+
+ +
+
+ eur +
+
+ 4.3430 +
+
+
+
+ +
+
+ gbp +
+
+ 3.4353 +
+
+
+
+
+
+ + + + + + + + + + + +
+
+
+
+
+ Мои объявления +
+
+
+ + + +
+
+ + + +
+
+
+
+
+ Лот №: +
+
+ Изображение +
+
+ Товар +
+
+ Количество: +
+
+ Стартовая цена: +
+
+ Дата окончания: +
+
+
+
+
+
+ Лот №: +
+
+ № 154997 +
+
+
+ № 49378 +
+
+ +
+
+
+ Карбид +
+
+ Карбид каменный +
+
+
+
+ Количество: +
+
+ 15 кг. +
+
+
+
+ Стартовая цена: +
+
+ 120 ТМТ / 1 кг. +
+
+
+
+ Дата окончания: +
+
+ 01.01.2022 +
+
+ + Изменить + +
+
+
+
+ Лот №: +
+
+ № 154997 +
+
+
+ № 49378 +
+
+ +
+
+
+ Карбид +
+
+ Карбид каменный +
+
+
+
+ Количество: +
+
+ 15 кг. +
+
+
+
+ Стартовая цена: +
+
+ 120 ТМТ / 1 кг. +
+
+
+
+ Дата окончания: +
+
+ 01.01.2022 +
+
+ + Изменить + +
+
+
+
+ Лот №: +
+
+ № 154997 +
+
+
+ № 49378 +
+
+ +
+
+
+ Карбид +
+
+ Карбид каменный +
+
+
+
+ Количество: +
+
+ 15 кг. +
+
+
+
+ Стартовая цена: +
+
+ 120 ТМТ / 1 кг. +
+
+
+
+ Дата окончания: +
+
+ 01.01.2022 +
+
+ + Изменить + +
+
+
+
+ Лот №: +
+
+ № 154997 +
+
+
+ № 49378 +
+
+ +
+
+
+ Карбид +
+
+ Карбид каменный +
+
+
+
+ Количество: +
+
+ 15 кг. +
+
+
+
+ Стартовая цена: +
+
+ 120 ТМТ / 1 кг. +
+
+
+
+ Дата окончания: +
+
+ 01.01.2022 +
+
+ + Изменить + +
+
+
+
+ Лот №: +
+
+ № 154997 +
+
+
+ № 49378 +
+
+ +
+
+
+ Карбид +
+
+ Карбид каменный +
+
+
+
+ Количество: +
+
+ 15 кг. +
+
+
+
+ Стартовая цена: +
+
+ 120 ТМТ / 1 кг. +
+
+
+
+ Дата окончания: +
+
+ 01.01.2022 +
+
+ + Изменить + +
+
+
+
+ Лот №: +
+
+ № 154997 +
+
+
+ № 49378 +
+
+ +
+
+
+ Карбид +
+
+ Карбид каменный +
+
+
+
+ Количество: +
+
+ 15 кг. +
+
+
+
+ Стартовая цена: +
+
+ 120 ТМТ / 1 кг. +
+
+
+
+ Дата окончания: +
+
+ 01.01.2022 +
+
+ + Изменить + +
+
+
+
+ Лот №: +
+
+ № 154997 +
+
+
+ № 49378 +
+
+ +
+
+
+ Карбид +
+
+ Карбид каменный +
+
+
+
+ Количество: +
+
+ 15 кг. +
+
+
+
+ Стартовая цена: +
+
+ 120 ТМТ / 1 кг. +
+
+
+
+ Дата окончания: +
+
+ 01.01.2022 +
+
+ + Изменить + +
+
+
+
+ Лот №: +
+
+ № 154997 +
+
+
+ № 49378 +
+
+ +
+
+
+ Карбид +
+
+ Карбид каменный +
+
+
+
+ Количество: +
+
+ 15 кг. +
+
+
+
+ Стартовая цена: +
+
+ 120 ТМТ / 1 кг. +
+
+
+
+ Дата окончания: +
+
+ 01.01.2022 +
+
+ + Изменить + +
+
+
+
+
+ + + + + + + + + + + + + + \ No newline at end of file diff --git a/shablon/personal_data.html b/shablon/personal_data.html new file mode 100644 index 000000000..67dfb7604 --- /dev/null +++ b/shablon/personal_data.html @@ -0,0 +1,424 @@ + + + + + + + + + + + + + Personal data + + + + +
+
+
+
+
+
+ +
+
+ +99312446015 +
+
+
+
+ +
+ + info@exchange.gov.tm + +
+
+ + + +
+
+
+ +
+
+ usd +
+
+ 3.5000 +
+
+
+
+ +
+
+ eur +
+
+ 4.3430 +
+
+
+
+ +
+
+ gbp +
+
+ 3.4353 +
+
+
+
+
+
+ + + + + + + + + + + +
+
+
+
+ Персональные данные +
+ +
+
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ +
+ + +
+ eye + eye +
+
+ +
+ +
+ +
+
+
+
+ + + + + + + + + + + + + + + + + \ No newline at end of file diff --git a/shablon/photo/Вход.png b/shablon/photo/Вход.png new file mode 100644 index 000000000..dae592237 Binary files /dev/null and b/shablon/photo/Вход.png differ diff --git a/shablon/photo/Главная страница (Дропдаун).png b/shablon/photo/Главная страница (Дропдаун).png new file mode 100644 index 000000000..beff27aab Binary files /dev/null and b/shablon/photo/Главная страница (Дропдаун).png differ diff --git a/shablon/photo/Главная страница (после входа).png b/shablon/photo/Главная страница (после входа).png new file mode 100644 index 000000000..ae91051e1 Binary files /dev/null and b/shablon/photo/Главная страница (после входа).png differ diff --git a/shablon/photo/Главная страница.png b/shablon/photo/Главная страница.png new file mode 100644 index 000000000..00fb78d26 Binary files /dev/null and b/shablon/photo/Главная страница.png differ diff --git a/shablon/photo/Добавить объявление.png b/shablon/photo/Добавить объявление.png new file mode 100644 index 000000000..fb0f37cf2 Binary files /dev/null and b/shablon/photo/Добавить объявление.png differ diff --git a/shablon/photo/Мои объявления.png b/shablon/photo/Мои объявления.png new file mode 100644 index 000000000..b110b232f Binary files /dev/null and b/shablon/photo/Мои объявления.png differ diff --git a/shablon/photo/Обратная связь.png b/shablon/photo/Обратная связь.png new file mode 100644 index 000000000..d60363f87 Binary files /dev/null and b/shablon/photo/Обратная связь.png differ diff --git a/shablon/photo/Персональные данные.png b/shablon/photo/Персональные данные.png new file mode 100644 index 000000000..60897711e Binary files /dev/null and b/shablon/photo/Персональные данные.png differ diff --git a/shablon/photo/Регистрация.png b/shablon/photo/Регистрация.png new file mode 100644 index 000000000..2880e3f57 Binary files /dev/null and b/shablon/photo/Регистрация.png differ diff --git a/shablon/photo/Сообщения.png b/shablon/photo/Сообщения.png new file mode 100644 index 000000000..a40756e00 Binary files /dev/null and b/shablon/photo/Сообщения.png differ diff --git a/shablon/photo/Страница категории (В виде таблиции).png b/shablon/photo/Страница категории (В виде таблиции).png new file mode 100644 index 000000000..788db5828 Binary files /dev/null and b/shablon/photo/Страница категории (В виде таблиции).png differ diff --git a/shablon/photo/Страница категории.png b/shablon/photo/Страница категории.png new file mode 100644 index 000000000..539d4c40a Binary files /dev/null and b/shablon/photo/Страница категории.png differ diff --git a/shablon/photo/Страница продукта.png b/shablon/photo/Страница продукта.png new file mode 100644 index 000000000..6ca8b6813 Binary files /dev/null and b/shablon/photo/Страница продукта.png differ