O nama

O NAMA
VRATA Pregrada

Doorfold je tvrtka koja posvećuje puno pažnje kvaliteti proizvoda. Od izbora sirovina, dizajna do kompletnog paketa, mi uvijek provodimo strogu kontrolu kvalitete, prateći međunarodni proizvodni sistem. Naši proizvodi dokazano podnose test vremena i široko su popularni među kupcima koji su vlasnici zvjezdarnih hotela, poznati arhitekti i tako dalje. Do sada smo prošli međunarodni certifikat kvalitete ISO 9001. Uz više od 15 godina iskustva u industriji preklopa i kliznih pregradnih zidova i pokretnih zidova, Doorfold je prikupio bogato iskustvo i stručnost kako bi kupcima pružio vrhunske proizvode i osigurao kupce. dobiti najbolju uslugu za ispunjavanje određenih zahtjeva. U svakom trenutku ste dobrodošli posjetiti našu tvornicu ili nam poslati upit.

Videozapisi tvrtke

Od 2014. Doorfold je posvećen pružanju rješenja na jednom mjestu. Integriramo dizajn, proizvodnju, instalaciju, mjerenje i uslugu nakon prodaje akustičnih sustava pomičnih pregradnih zidova, klizne pregrade i ne štedimo napore da služimo kupcima u svim aspektima.

Operacija pokretnog zida od izložbenog prostora do sobe za sastanke

Debljina panela: 85 mm debljineZavršna obrada ploče: ploča za apsorpciju zvukaSpajanje panela: 10 slojeva gumenih brtviProlazna vrata: automatska spuštena brtva za savršenu zvučnu izolaciju

Vrhunska kvaliteta

Doorfold je vrlo strog s kontrolom kvalitete od odabira sirovina do kompletnog pakiranja proizvoda.Imamo 3 faze QC (odabir sirovina, prije proizvodnje i tijekom proizvodnje QC) kako bismo osigurali visoku kvalitetu proizvoda, uključujući operativne zidove.

Visoke performanse zvučne izolacije

Montaža pokretnih zidnih preklopa i pokretnih zidnih tračnica

Doorfold pruža rješenje na jednom mjestu za globalne klijente. Po potrebi možemo poslati naše tehničare na gradilište radi ugradnje tračnica i panela.

KONTAKTIRAJTE NAS
Imaš li pitanje?

Naš ured: Blok B, br.4, Industrijska cesta, Luogang Industrial Area, Ulica Junhe, Baiyun District, Grad Guangzhou, Kina.
Faks:

(+86) 020 86210840

Telefon:

(+86) 020 86212630

E-mail:

export@doorfoldpartition.com

Telefon:

(+86) 13138638081

Ime:

Mr. Allen Wen
<div class="container"> <div class="aus_content"> <div class="row_small_box"> <div class="branch_office_box"> <div modular-edit="custom"> <a class="about_us_type font-color" editable="input" edit-name="content2_top_title_languages"> PODRUŽNICA </a> <div class="mod_title_left" important_title style="font-size:30px;" editable="input" edit-name="content2_title_languages"> ASH Light Guangzhou </div> </div> <div modular-edit="choice" class="content_boxs"> <div editable="arr" edit-name="arr2"> <div arr-id=""> <ul class="row_small" arr-html> <li class="fl-4-small fl-6-small-m icon_lis" arr-name="暂无数据" arr-val="暂无数据"> <dl class="dl-icons clearfix"> <dt> <div class="dt_icon font-color"> <i arr-icon="icon iconfont iconsvg-" class="icon iconfont iconsvg-email"></i> </div> </dt> <dd> <div class="icon_dd_title title" arr-name-text>E-MAIL:</div> <div class="icon_dd_describe" arr-val-text>master@weyes.cn</div> </dd> </dl> </li> <li class="fl-4-small fl-6-small-m icon_lis" arr-name="暂无数据" arr-val="暂无数据"> <dl class="dl-icons clearfix"> <dt> <div class="dt_icon font-color"> <i arr-icon="icon iconfont iconsvg-" class="icon iconfont iconsvg-email"></i> </div> </dt> <dd> <div class="icon_dd_title title" arr-name-text>E-MAIL:</div> <div class="icon_dd_describe" arr-val-text>master@weyes.cn</div> </dd> </dl> </li> <li class="fl-4-small fl-6-small-m icon_lis" arr-name="暂无数据" arr-val="暂无数据"> <dl class="dl-icons clearfix"> <dt> <div class="dt_icon font-color"> <i arr-icon="icon iconfont iconsvg-" class="icon iconfont iconsvg-email"></i> </div> </dt> <dd> <div class="icon_dd_title title" arr-name-text>E-MAIL:</div> <div class="icon_dd_describe" arr-val-text>master@weyes.cn</div> </dd> </dl> </li> <li class="fl-4-small fl-6-small-m icon_lis" arr-name="暂无数据" arr-val="暂无数据"> <dl class="dl-icons clearfix"> <dt> <div class="dt_icon font-color"> <i arr-icon="icon iconfont iconsvg-" class="icon iconfont iconsvg-email"></i> </div> </dt> <dd> <div class="icon_dd_title title" arr-name-text>E-MAIL:</div> <div class="icon_dd_describe" arr-val-text>master@weyes.cn</div> </dd> </dl> </li> <li class="fl-4-small fl-6-small-m icon_lis" arr-name="暂无数据" arr-val="暂无数据"> <dl class="dl-icons clearfix"> <dt> <div class="dt_icon font-color"> <i arr-icon="icon iconfont iconsvg-" class="icon iconfont iconsvg-email"></i> </div> </dt> <dd> <div class="icon_dd_title title" arr-name-text>E-MAIL:</div> <div class="icon_dd_describe" arr-val-text>master@weyes.cn</div> </dd> </dl> </li> <li class="fl-4-small fl-6-small-m icon_lis" arr-name="暂无数据" arr-val="暂无数据"> <dl class="dl-icons clearfix"> <dt> <div class="dt_icon font-color"> <i arr-icon="icon iconfont iconsvg-" class="icon iconfont iconsvg-email"></i> </div> </dt> <dd> <div class="icon_dd_title title" arr-name-text>E-MAIL:</div> <div class="icon_dd_describe" arr-val-text>master@weyes.cn</div> </dd> </dl> </li> </ul> </div> </div> </div> </div> <div class="branch_office_box"> <div modular-edit="custom"> <a class="about_us_type font-color" editable="input" edit-name="content3_top_title_languages"> PODRUŽNICA </a> <div class="mod_title_left" important_title style="font-size:30px;" editable="input" edit-name="content3_title_languages"> ASH Light Guangzhou </div> </div> <div modular-edit="choice" class="content_boxs"> <div editable="arr" edit-name="arr3"> <div arr-id=""> <ul class="row_small" arr-html> <li class="fl-4-small fl-6-small-m icon_lis" arr-name="暂无数据" arr-val="暂无数据"> <dl class="dl-icons clearfix"> <dt> <div class="dt_icon font-color"> <i arr-icon="icon iconfont iconsvg-" class="icon iconfont iconsvg-email"></i> </div> </dt> <dd> <div class="icon_dd_title title" arr-name-text>E-MAIL:</div> <div class="icon_dd_describe" arr-val-text>master@weyes.cn</div> </dd> </dl> </li> <li class="fl-4-small fl-6-small-m icon_lis" arr-name="暂无数据" arr-val="暂无数据"> <dl class="dl-icons clearfix"> <dt> <div class="dt_icon font-color"> <i arr-icon="icon iconfont iconsvg-" class="icon iconfont iconsvg-email"></i> </div> </dt> <dd> <div class="icon_dd_title title" arr-name-text>E-MAIL:</div> <div class="icon_dd_describe" arr-val-text>master@weyes.cn</div> </dd> </dl> </li> <li class="fl-4-small fl-6-small-m icon_lis" arr-name="暂无数据" arr-val="暂无数据"> <dl class="dl-icons clearfix"> <dt> <div class="dt_icon font-color"> <i arr-icon="icon iconfont iconsvg-" class="icon iconfont iconsvg-email"></i> </div> </dt> <dd> <div class="icon_dd_title title" arr-name-text>E-MAIL:</div> <div class="icon_dd_describe" arr-val-text>master@weyes.cn</div> </dd> </dl> </li> <li class="fl-4-small fl-6-small-m icon_lis" arr-name="暂无数据" arr-val="暂无数据"> <dl class="dl-icons clearfix"> <dt> <div class="dt_icon font-color"> <i arr-icon="icon iconfont iconsvg-" class="icon iconfont iconsvg-email"></i> </div> </dt> <dd> <div class="icon_dd_title title" arr-name-text>E-MAIL:</div> <div class="icon_dd_describe" arr-val-text>master@weyes.cn</div> </dd> </dl> </li> <li class="fl-4-small fl-6-small-m icon_lis" arr-name="暂无数据" arr-val="暂无数据"> <dl class="dl-icons clearfix"> <dt> <div class="dt_icon font-color"> <i arr-icon="icon iconfont iconsvg-" class="icon iconfont iconsvg-email"></i> </div> </dt> <dd> <div class="icon_dd_title title" arr-name-text>E-MAIL:</div> <div class="icon_dd_describe" arr-val-text>master@weyes.cn</div> </dd> </dl> </li> <li class="fl-4-small fl-6-small-m icon_lis" arr-name="暂无数据" arr-val="暂无数据"> <dl class="dl-icons clearfix"> <dt> <div class="dt_icon font-color"> <i arr-icon="icon iconfont iconsvg-" class="icon iconfont iconsvg-email"></i> </div> </dt> <dd> <div class="icon_dd_title title" arr-name-text>E-MAIL:</div> <div class="icon_dd_describe" arr-val-text>master@weyes.cn</div> </dd> </dl> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </div> <div switch-title="Inquiry" switch-name="switch_inquirys" switch-state="1"> <div class="no_bg_src" footer_sort module_bg_img="inquriy_bgimg_2" bg_img_url="" widget-modular='enquiry_box' widget-style="color background-color" widget-name="enquiry_box" style=""> <div class="clearfix" style="height:1px;"></div> <div class="container"> <div class="enquiry_box"> <div modular-edit="custom"> <div class="mod_title_left" important_title editable="input" edit-name="common_enquiry_title_languages"> STUPITE U KONTAKT S NAMA </div> <div class="mod_describe_left" important_describe editable="textarea" edit-name="common_enquiry_describe_languages"> Samo ostavite svoj e-mail ili telefonski broj u obrascu za kontakt kako bismo vam mogli poslati besplatnu ponudu za našu široku paletu dizajna! </div> </div> <a href="javascript:;" name="m_mao"></a> <form no_form_enovation action="/hr/add-enquiry" data-inquiry-form="{"system":["phone","company"],"fields":[]}" data-inquiry-config="{"phone":{"field_name":"Telefon","field_hint":"Unesite svoj telefon","type":"single_text","required":false},"company":{"field_name":"Naziv tvrtke","field_hint":"Unesite naziv svoje tvrtke","type":"single_text","required":false}}" class="row_small_box" onsubmit="return form_submit(this);"> <input type="hidden" name="enquiry_type" value="0"> <input type="hidden" name="visitlength" value="1680223496"> <input type="hidden" name="source" value="0"> <input type="hidden" name="id" value="0"> <ul class="row_small"> <li class="fl-3-small" data-input-copy> <label class="enquiry_label"> <input type="text" class="enquiry_inp enquiry_inp_placeholder" autocorrect="off" autocomplete="off" required name="name" title placeholder="Unesite svoje ime" oninvalid="setCustomValidity('Molimo popunite ovo polje')" oninput="setCustomValidity('')"> <span class="required_span" data-inquiry-label>Ime</span> <p class="required_tips">Pogreška formatiranja</p> </label> </li> <li class="fl-3-small"> <label class="enquiry_label"> <input type="text" class="enquiry_inp enquiry_inp_placeholder" autocorrect="off" autocomplete="off" required name="email" title placeholder="Upišite svoju e-mail adresu" oninvalid="setCustomValidity('Molimo popunite ovo polje')" oninput="setCustomValidity('')"> <span class="required_span">E-mail</span> <p class="required_tips">Pogreška formatiranja</p> </label> </li> <li class="fl-12-small" data-textarea-copy> <label class="enquiry_label"> <textarea class="enquiry_inp enquiry_inp_placeholder" rows="3" autocorrect="off" autocomplete="off" required name="msg" title placeholder="Unesite sadržaj Vašeg upita" oninvalid="setCustomValidity('Molimo popunite ovo polje')" oninput="setCustomValidity('')"></textarea> <span class="required_span" data-inquiry-label>Sadržaj</span> <p class="required_tips">Pogreška formatiranja</p> </label> </li> </ul> <div class="enquiry_btn_box border-color"> <button class="read_more_a font-color-hover color_fff" id="submit_enquiry">POŠALJITE UPIT</button> </div> </form> </div> </div> <div style="height:1px;"></div> </div> </div> <div class="iconfenxiang_boxs_m" style="display:none;padding-bottom:15px;"> <div class="container"> <div class="go_fast">Ići brzo</div> <div class="iconfenxiang_wauto"></div> </div> </div> <div modular-noedit="1"> </div>  <div widget-modular='footer' widget-style="color background-color" style=""> <div class="copyright_box"> <div class="container"> <div class="copyright_text"> <div modular-edit="custom"> <div footer_html_clone style="display:none;">Copyright © 2023 Guangzhou Doorfold Partition Wall Co., Ltd - www.doorfoldvideo.com All Rights Reserved.</div> <div editable="footer_text" footer_type="1" edit-name="common_footer_bottom" footer_text_align="1"> Copyright © 2023 Guangzhou Doorfold Partition Wall Co., Ltd - www.doorfoldvideo.com All Rights Reserved. </div> </div> </div> </div> </div> <div class="language_modal_mask"></div> <div class="language_modal_blade"> <div class="lang_head title"> <span>Odaberite drugi jezik</span> <div class="head_close_box" onclick="$('.language_modal_mask').click();"> <span class="head_close">╳</span> </div> </div> <div class="language_con"> <a href="/af/about-us" class="language_modal_a " title="Afrikaans" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-af"></div> <span>Afrikaans</span> </a> <a href="/am/about-us" class="language_modal_a " title="አማርኛ" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-am"></div> <span>አማርኛ</span> </a> <a href="/ar/about-us" class="language_modal_a " title="العربية" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-ar"></div> <span>العربية</span> </a> <a href="/az/about-us" class="language_modal_a " title="Azərbaycan" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-az"></div> <span>Azərbaycan</span> </a> <a href="/be/about-us" class="language_modal_a " title="Беларуская" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-be"></div> <span>Беларуская</span> </a> <a href="/bg/about-us" class="language_modal_a " title="български" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-bg"></div> <span>български</span> </a> <a href="/bn/about-us" class="language_modal_a " title="বাংলা" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-bn"></div> <span>বাংলা</span> </a> <a href="/bs/about-us" class="language_modal_a " title="Bosanski" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-bs"></div> <span>Bosanski</span> </a> <a href="/ca/about-us" class="language_modal_a " title="Català" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-ca"></div> <span>Català</span> </a> <a href="/ceb/about-us" class="language_modal_a " title="Sugbuanon" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-ceb"></div> <span>Sugbuanon</span> </a> <a href="/co/about-us" class="language_modal_a " title="Corsu" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-co"></div> <span>Corsu</span> </a> <a href="/cs/about-us" class="language_modal_a " title="čeština" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-cs"></div> <span>čeština</span> </a> <a href="/cy/about-us" class="language_modal_a " title="Cymraeg" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-cy"></div> <span>Cymraeg</span> </a> <a href="/da/about-us" class="language_modal_a " title="dansk" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-da"></div> <span>dansk</span> </a> <a href="/de/about-us" class="language_modal_a " title="Deutsch" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-de"></div> <span>Deutsch</span> </a> <a href="/el/about-us" class="language_modal_a " title="Ελληνικά" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-el"></div> <span>Ελληνικά</span> </a> <a href="/about-us" class="language_modal_a " title="English" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-en"></div> <span>English</span> </a> <a href="/eo/about-us" class="language_modal_a " title="Esperanto" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-eo"></div> <span>Esperanto</span> </a> <a href="/es/about-us" class="language_modal_a " title="Español" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-es"></div> <span>Español</span> </a> <a href="/et/about-us" class="language_modal_a " title="Eesti" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-et"></div> <span>Eesti</span> </a> <a href="/eu/about-us" class="language_modal_a " title="Euskara" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-eu"></div> <span>Euskara</span> </a> <a href="/fa/about-us" class="language_modal_a " title="فارسی" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-fa"></div> <span>فارسی</span> </a> <a href="/fi/about-us" class="language_modal_a " title="Suomi" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-fi"></div> <span>Suomi</span> </a> <a href="/fr/about-us" class="language_modal_a " title="français" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-fr"></div> <span>français</span> </a> <a href="/fy/about-us" class="language_modal_a " title="Frysk" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-fy"></div> <span>Frysk</span> </a> <a href="/ga/about-us" class="language_modal_a " title="Gaeilgenah" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-ga"></div> <span>Gaeilgenah</span> </a> <a href="/gd/about-us" class="language_modal_a " title="Gàidhlig" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-gd"></div> <span>Gàidhlig</span> </a> <a href="/gl/about-us" class="language_modal_a " title="Galego" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-gl"></div> <span>Galego</span> </a> <a href="/gu/about-us" class="language_modal_a " title="ગુજરાતી" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-gu"></div> <span>ગુજરાતી</span> </a> <a href="/ha/about-us" class="language_modal_a " title="Hausa" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-ha"></div> <span>Hausa</span> </a> <a href="/haw/about-us" class="language_modal_a " title="Ōlelo Hawaiʻi" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-haw"></div> <span>Ōlelo Hawaiʻi</span> </a> <a href="/hi/about-us" class="language_modal_a " title="हिन्दी" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-hi"></div> <span>हिन्दी</span> </a> <a href="/hmn/about-us" class="language_modal_a " title="Hmong" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-hmn"></div> <span>Hmong</span> </a> <a href="/hr/about-us" class="language_modal_a font-color" title="Hrvatski" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-hr"></div> <span>Hrvatski</span> </a> <a href="/ht/about-us" class="language_modal_a " title="Kreyòl ayisyen" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-ht"></div> <span>Kreyòl ayisyen</span> </a> <a href="/hu/about-us" class="language_modal_a " title="Magyar" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-hu"></div> <span>Magyar</span> </a> <a href="/hy/about-us" class="language_modal_a " title="հայերեն" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-hy"></div> <span>հայերեն</span> </a> <a href="/id/about-us" class="language_modal_a " title="bahasa Indonesia" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-id"></div> <span>bahasa Indonesia</span> </a> <a href="/ig/about-us" class="language_modal_a " title="Igbo" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-ig"></div> <span>Igbo</span> </a> <a href="/is/about-us" class="language_modal_a " title="Íslenska" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-is"></div> <span>Íslenska</span> </a> <a href="/it/about-us" class="language_modal_a " title="italiano" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-it"></div> <span>italiano</span> </a> <a href="/iw/about-us" class="language_modal_a " title="עִברִית" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-iw"></div> <span>עִברִית</span> </a> <a href="/ja/about-us" class="language_modal_a " title="日本語" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-ja"></div> <span>日本語</span> </a> <a href="/jv/about-us" class="language_modal_a " title="Basa Jawa" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-jv"></div> <span>Basa Jawa</span> </a> <a href="/ka/about-us" class="language_modal_a " title="ქართველი" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-ka"></div> <span>ქართველი</span> </a> <a href="/kk/about-us" class="language_modal_a " title="Қазақ Тілі" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-kk"></div> <span>Қазақ Тілі</span> </a> <a href="/km/about-us" class="language_modal_a " title="ខ្មែរ" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-km"></div> <span>ខ្មែរ</span> </a> <a href="/kn/about-us" class="language_modal_a " title="ಕನ್ನಡ" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-kn"></div> <span>ಕನ್ನಡ</span> </a> <a href="/ko/about-us" class="language_modal_a " title="한국어" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-ko"></div> <span>한국어</span> </a> <a href="/ku/about-us" class="language_modal_a " title="Kurdî (Kurmancî)" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-ku"></div> <span>Kurdî (Kurmancî)</span> </a> <a href="/ky/about-us" class="language_modal_a " title="Кыргызча" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-ky"></div> <span>Кыргызча</span> </a> <a href="/la/about-us" class="language_modal_a " title="Latin" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-la"></div> <span>Latin</span> </a> <a href="/lb/about-us" class="language_modal_a " title="Lëtzebuergesch" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-lb"></div> <span>Lëtzebuergesch</span> </a> <a href="/lo/about-us" class="language_modal_a " title="ລາວ" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-lo"></div> <span>ລາວ</span> </a> <a href="/lt/about-us" class="language_modal_a " title="lietuvių" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-lt"></div> <span>lietuvių</span> </a> <a href="/lv/about-us" class="language_modal_a " title="latviešu valoda‎" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-lv"></div> <span>latviešu valoda‎</span> </a> <a href="/mg/about-us" class="language_modal_a " title="Malagasy" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-mg"></div> <span>Malagasy</span> </a> <a href="/mi/about-us" class="language_modal_a " title="Maori" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-mi"></div> <span>Maori</span> </a> <a href="/mk/about-us" class="language_modal_a " title="Македонски" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-mk"></div> <span>Македонски</span> </a> <a href="/ml/about-us" class="language_modal_a " title="മലയാളം" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-ml"></div> <span>മലയാളം</span> </a> <a href="/mn/about-us" class="language_modal_a " title="Монгол" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-mn"></div> <span>Монгол</span> </a> <a href="/mr/about-us" class="language_modal_a " title="मराठी" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-mr"></div> <span>मराठी</span> </a> <a href="/ms/about-us" class="language_modal_a " title="Bahasa Melayu" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-ms"></div> <span>Bahasa Melayu</span> </a> <a href="/mt/about-us" class="language_modal_a " title="Maltese" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-mt"></div> <span>Maltese</span> </a> <a href="/my/about-us" class="language_modal_a " title="ဗမာ" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-my"></div> <span>ဗမာ</span> </a> <a href="/ne/about-us" class="language_modal_a " title="नेपाली" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-ne"></div> <span>नेपाली</span> </a> <a href="/nl/about-us" class="language_modal_a " title="Nederlands" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-nl"></div> <span>Nederlands</span> </a> <a href="/no/about-us" class="language_modal_a " title="norsk" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-no"></div> <span>norsk</span> </a> <a href="/ny/about-us" class="language_modal_a " title="Chicheŵa" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-ny"></div> <span>Chicheŵa</span> </a> <a href="/pa/about-us" class="language_modal_a " title="ਪੰਜਾਬੀ" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-pa"></div> <span>ਪੰਜਾਬੀ</span> </a> <a href="/pl/about-us" class="language_modal_a " title="Polski" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-pl"></div> <span>Polski</span> </a> <a href="/ps/about-us" class="language_modal_a " title="پښتو" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-ps"></div> <span>پښتو</span> </a> <a href="/pt/about-us" class="language_modal_a " title="Português" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-pt"></div> <span>Português</span> </a> <a href="/ro/about-us" class="language_modal_a " title="Română" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-ro"></div> <span>Română</span> </a> <a href="/ru/about-us" class="language_modal_a " title="русский" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-ru"></div> <span>русский</span> </a> <a href="/sd/about-us" class="language_modal_a " title="سنڌي" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-sd"></div> <span>سنڌي</span> </a> <a href="/si/about-us" class="language_modal_a " title="සිංහල" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-si"></div> <span>සිංහල</span> </a> <a href="/sk/about-us" class="language_modal_a " title="Slovenčina" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-sk"></div> <span>Slovenčina</span> </a> <a href="/sl/about-us" class="language_modal_a " title="Slovenščina" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-sl"></div> <span>Slovenščina</span> </a> <a href="/sm/about-us" class="language_modal_a " title="Faasamoa" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-sm"></div> <span>Faasamoa</span> </a> <a href="/sn/about-us" class="language_modal_a " title="Shona" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-sn"></div> <span>Shona</span> </a> <a href="/so/about-us" class="language_modal_a " title="Af Soomaali" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-so"></div> <span>Af Soomaali</span> </a> <a href="/sq/about-us" class="language_modal_a " title="Shqip" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-sq"></div> <span>Shqip</span> </a> <a href="/sr/about-us" class="language_modal_a " title="Српски" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-sr"></div> <span>Српски</span> </a> <a href="/st/about-us" class="language_modal_a " title="Sesotho" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-st"></div> <span>Sesotho</span> </a> <a href="/su/about-us" class="language_modal_a " title="Sundanese" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-su"></div> <span>Sundanese</span> </a> <a href="/sv/about-us" class="language_modal_a " title="svenska" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-sv"></div> <span>svenska</span> </a> <a href="/sw/about-us" class="language_modal_a " title="Kiswahili" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-sw"></div> <span>Kiswahili</span> </a> <a href="/ta/about-us" class="language_modal_a " title="தமிழ்" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-ta"></div> <span>தமிழ்</span> </a> <a href="/te/about-us" class="language_modal_a " title="తెలుగు" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-te"></div> <span>తెలుగు</span> </a> <a href="/tg/about-us" class="language_modal_a " title="Точики" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-tg"></div> <span>Точики</span> </a> <a href="/th/about-us" class="language_modal_a " title="ภาษาไทย" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-th"></div> <span>ภาษาไทย</span> </a> <a href="/tl/about-us" class="language_modal_a " title="Pilipino" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-tl"></div> <span>Pilipino</span> </a> <a href="/tr/about-us" class="language_modal_a " title="Türkçe" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-tr"></div> <span>Türkçe</span> </a> <a href="/uk/about-us" class="language_modal_a " title="Українська" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-uk"></div> <span>Українська</span> </a> <a href="/ur/about-us" class="language_modal_a " title="اردو" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-ur"></div> <span>اردو</span> </a> <a href="/uz/about-us" class="language_modal_a " title="O'zbek" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-uz"></div> <span>O'zbek</span> </a> <a href="/vi/about-us" class="language_modal_a " title="Tiếng Việt" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-vi"></div> <span>Tiếng Việt</span> </a> <a href="/xh/about-us" class="language_modal_a " title="Xhosa" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-xh"></div> <span>Xhosa</span> </a> <a href="/yi/about-us" class="language_modal_a " title="יידיש" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-yi"></div> <span>יידיש</span> </a> <a href="/yo/about-us" class="language_modal_a " title="èdè Yorùbá" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-yo"></div> <span>èdè Yorùbá</span> </a> <a href="/zh-CN/about-us" class="language_modal_a " title="简体中文" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-zh-CN"></div> <span>简体中文</span> </a> <a href="/zh-TW/about-us" class="language_modal_a " title="繁體中文" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-zh-TW"></div> <span>繁體中文</span> </a> <a href="/zu/about-us" class="language_modal_a " title="Zulu" style="display: flex;flex-direction: column;align-items: center;"> <div class="icon-zu"></div> <span>Zulu</span> </a> </div> <div class="active_locale_v">Trenutni jezik：Hrvatski</div> </div> <div class="head_sousuos_modal"> <div class="mengban head_sousuos_close"></div> <div class="close_btn head_sousuos_close iconfont iconguanbi4"></div> <form action="/hr/search" class="sousuos_box" onsubmit="return head_form_fun(this);"> <div class="search_cons"> <input type="text" name="search" placeholder="TRAŽI" required autocomplete="off" autocorrect="off"> <button class="bg-color"> <span class="iconfont iconsousuo"></span> <span class="btn_txt">TRAŽI</span> </button> <i class="iconfont iconsousuo"></i> </div> </form> </div> </div>  </div> </div>  <div id="backTop_click" ta_click="top" class="back_top font-color"><i class="iconfont iconxiangshang1"></i></div> <script> window.ChatOnlineConfig = {styleId:'1',color:'#007eff'}; $(function(){document.body.style.setProperty('--chatonline-color',ChatOnlineConfig.color);}) </script> <svg style="position:absolute;bottom:100%;right:100%" width="1" height="1"> <clipPath id="chatOnlineFormPath" clipPathUnits="objectBoundingBox"> <path d="M0 .4L0 1L1 1L1 .7C.5 -.6 .5 1.7 0 .4z"/> </clipPath> </svg> <div id="chat_online_box" class="chat_online_box fun_scr_hide chat-online-style1" lang="hr" v_id=""> <svg viewBox="-1 -1 2 2" width="64" height="64" class="chat-online-bg"> <path fill="var(--chatonline-color)" d="M-0.10000000000000002 -0.939955572004279A0.2 0.2 0 0 1 0.09999999999999999 -0.9399555720042789 L0.7640254037844385 -0.5565803263805834A0.2 0.2 0 0 1 0.8640254037844386 -0.3833752456236957 L0.8640254037844387 0.38337524562369535A0.2 0.2 0 0 1 0.7640254037844386 0.5565803263805831 L0.1000000000000001 0.9399555720042789A0.2 0.2 0 0 1 -0.0999999999999999 0.939955572004279 L-0.7640254037844384 0.5565803263805837A0.2 0.2 0 0 1 -0.8640254037844385 0.383375245623696 L-0.8640254037844386 -0.3833752456236957A0.2 0.2 0 0 1 -0.7640254037844385 -0.5565803263805834z" /> </svg> <svg width="22" height="22" viewBox="0 0 22 22" class="chat-online-icon"> <path fill="rgba(255,255,255,.7)" d="M 19.7902 0 C 21.0106 0 22 0.991154 22 2.2138 L 22 15.4966 C 22 16.7192 21.0106 17.7104 19.7902 17.7104 L 8.71475 17.7104 L 5.81379 21.6045 C 5.48937 22.04 4.87398 22.1296 4.43929 21.8046 C 4.19077 21.6186 4.04447 21.3264 4.04454 21.016 L 4.04454 17.7104 L 2.20982 17.7104 C 0.989362 17.7104 0 16.7192 0 15.4966 L 0 2.2138 C 0 0.991154 0.989362 0 2.20982 0 L 19.7902 0 Z" /> </svg> </div> <div class="share_fun_box"> <ul> <li class=""> <div class="text network_bg" data-network="linkedin"> <a href="https://www.linkedin.com/shareArticle/?title=Profesionalni+proizvo%C4%91a%C4%8D+pokretnih+zidnih+sustava%7C+Preklop+na+vratima&url=https://www.doorfoldvideo.com/hr/about-us" target="_blank" rel="nofollow"> <div class="share_img_box"><div class="img icon_bgs"></div></div><div class="tit">linkedin</div> </a> </div> </li><li class="share_m_hide"> <div class="text network_bg" data-network="whatsapp"> <a href="https://web.whatsapp.com/send?text=https://www.doorfoldvideo.com/hr/about-us" target="_blank" rel="nofollow"> <div class="share_img_box"><div class="img icon_bgs"></div></div><div class="tit">whatsapp</div> </a> </div> </li><li class="share_pc_hide"> <div class="text network_bg" data-network="whatsapp"> <a href="whatsapp://send?text=https://www.doorfoldvideo.com/hr/about-us" target="_blank" rel="nofollow"> <div class="share_img_box"><div class="img icon_bgs"></div></div><div class="tit">whatsapp</div> </a> </div> </li><li class=""> <div class="text network_bg" data-network="facebook"> <a href="https://www.facebook.com/sharer.php?t=Profesionalni+proizvo%C4%91a%C4%8D+pokretnih+zidnih+sustava%7C+Preklop+na+vratima&u=https://www.doorfoldvideo.com/hr/about-us" target="_blank" rel="nofollow"> <div class="share_img_box"><div class="img icon_bgs"></div></div><div class="tit">facebook</div> </a> </div> </li><li class=""> <div class="text network_bg" data-network="twitter"> <a href="https://twitter.com/intent/tweet?text=Profesionalni+proizvo%C4%91a%C4%8D+pokretnih+zidnih+sustava%7C+Preklop+na+vratima&url=https://www.doorfoldvideo.com/hr/about-us" target="_blank" rel="nofollow"> <div class="share_img_box"><div class="img icon_bgs"></div></div><div class="tit">twitter</div> </a> </div> </li><li> <div class="text network_bg" data-network="share"> <a><div class="share_img_box"><div class="img icon_bgs"></div></div><div class="tit">share</div></a> </div> </li><li class="network_click_li"> <div class="img icon_bgs"></div> </li> </ul> </div> <div class="share_fun_box2 switch_module_no fun_scr_hide" id="bottomShareBox"> <ul> <li data-network="share"> <button type="button" class="share_fun_box2__share"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24" height="24" class="share_fun_box2__icon"> <path d="M13.576 17.271l-5.11-2.787a3.5 3.5 0 1 1 0-4.968l5.11-2.787a3.5 3.5 0 1 1 .958 1.755l-5.11 2.787a3.514 3.514 0 0 1 0 1.458l5.11 2.787a3.5 3.5 0 1 1-.958 1.755z"/> </svg> Share </button> </li> <li class="share_fun_box2__btn-box"> <button type="button" class="font-color btn share_fun_box2__inquiry" id="showInquiry"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 18 18" width="18" height="18" class="share_fun_box2__icon"> <path d="M17.125839,9.93057662 C17.3305824,9.87918721 17.5475837,9.92518095 17.7138749,10.0552117 C17.8801661,10.1852424 17.9771275,10.3847506 17.9766253,10.5958441 L17.9766253,17.1637402 C17.9766253,17.5427532 17.6704208,17.8479584 17.2924052,17.8479584 L0.707594815,17.8479584 C0.525955926,17.8479584 0.35177103,17.7757347 0.223426519,17.6472031 C0.0950820074,17.5186715 0.0231118462,17.3443816 0.0233758954,17.1627429 L0.0233758954,10.5958441 C0.0233758954,10.1510026 0.442285714,9.82385454 0.874161029,9.93157402 L8.83343376,13.0444675 C8.94314805,13.0713974 9.05685195,13.0713974 9.16556882,13.0444675 L17.125839,9.93257144 L17.125839,9.93057662 Z M15.9818182,8.68282597 L8.90025975,11.4177039 L1.81969869,8.68282597 L1.81969869,1.59628053 C1.82069611,0.728540269 2.52486234,0.0233766234 3.39459741,0.0233766234 L14.4059221,0.0233766234 C15.2766546,0.0233766234 15.9818182,0.726545455 15.9818182,1.59628053 L15.9818182,8.68282597 Z M7.25753767,5.13705974 L13.5511481,5.13705974 L13.5511481,3.56315844 L7.25753767,3.56315844 L7.25753767,5.13705974 Z M4.46082078,8.25892986 L6.03472208,8.25892986 L6.03472208,6.68502856 L4.46082078,6.68502856 L4.46082078,8.25793247 L4.46082078,8.25892986 Z M4.46082078,5.13705974 L6.03472208,5.13705974 L6.03472208,3.56315844 L4.46082078,3.56315844 L4.46082078,5.13705974 Z M7.25753767,8.25892986 L13.5511481,8.25892986 L13.5511481,6.68502856 L7.25753767,6.68502856 L7.25753767,8.25793247 L7.25753767,8.25892986 Z"/> </svg> <span>Send Inquiry</span> </button> </li>   <li class="share_fun_box2__btn-box"> <button type="button" class="btn-primary btn chat_online_clicks"> <svg width="20" height="17" viewBox="0 0 20 17" class="share_fun_box2__icon"> <path d="M8.34648449,7.37780455 C9.75187587,6.81309866 10.7478925,5.4388328 10.7478925,3.83394163 C10.7478925,1.72748494 9.03421028,0.0138026772 6.92805002,0.0138026772 C4.82188976,0.0138026772 3.10791106,1.72778138 3.10791106,3.83394163 C3.10791106,5.4388328 4.10422417,6.81309864 5.50961557,7.37780455 C2.37572024,8.03410839 0.0149235827,10.8182121 0.0149235827,14.1439 C0.0149235827,14.9573136 0.584075965,15.2258824 1.04176933,15.4419824 L1.06844835,15.4532469 C2.90900415,16.1030292 5.57127372,16.2764428 6.85394163,16.2764428 C8.25310791,16.2764428 10.9912645,16.0496711 12.8104771,15.421232 C13.4940528,15.1588884 13.84088,14.7290597 13.84088,14.1441964 C13.8411765,10.8182121 11.4800834,8.03410837 8.34648449,7.37780455 L8.34648449,7.37780455 Z M18.947837,0.165873091 L13.5886151,0.165873091 C12.9592867,0.165873091 12.7671978,0.833737835 12.7671978,1.41652616 L12.7671978,2.55186661 C12.7671978,2.95116258 12.5333117,3.41270961 12.4434924,3.54284392 C12.3776841,3.63740622 11.8918295,4.01535898 11.5248448,4.3082353 C11.4362112,4.37908291 11.3733673,4.49498843 11.4027142,4.60466882 C11.4317647,4.71375636 11.5103196,4.79586844 11.6223715,4.81306159 C11.9392589,4.86197313 12.3029829,4.92837423 12.5101899,4.97610004 C12.5134507,5.62558593 13.1267717,5.62558593 13.3588791,5.62558593 L18.8971468,5.62380732 C19.5083928,5.62380732 19.8816026,5.21591478 19.8816026,4.63194071 L19.8816026,1.4168226 C19.8816026,0.831366378 19.5685688,0.165873091 18.947837,0.165873091 L18.947837,0.165873091 Z M16.6208337,4.31594256 L14.2493655,4.31594256 C14.086327,4.31594256 13.9529319,4.18254746 13.9529319,4.01950904 C13.9529319,3.85647061 14.086327,3.72307549 14.2493655,3.72307549 L16.6208337,3.72307549 C16.7838722,3.72307549 16.9172672,3.85647059 16.9172672,4.01950904 C16.9172672,4.18254748 16.7835757,4.31594256 16.6208337,4.31594256 Z M17.8065679,3.13020843 L14.2493655,3.13020843 C14.086327,3.13020843 13.9529319,2.99681333 13.9529319,2.8337749 C13.9529319,2.67073648 14.086327,2.53734136 14.2493655,2.53734136 L17.8065679,2.53734136 C17.9696063,2.53734136 18.1030014,2.67073646 18.1030014,2.8337749 C18.1030014,2.99681335 17.9693099,3.13020843 17.8065679,3.13020843 Z M18.6958685,1.94447429 L14.2493655,1.94447429 C14.086327,1.94447429 13.9529319,1.81107919 13.9529319,1.64804077 C13.9529319,1.48500234 14.086327,1.35160722 14.2493655,1.35160722 L18.6958685,1.35160722 C18.8589069,1.35160722 18.992302,1.48500232 18.992302,1.64804077 C18.992302,1.81107921 18.8586105,1.94447429 18.6958685,1.94447429 Z" /> </svg> <span>Chat Now</span> </button> </li> </ul> </div> <div id="bottomInquiry" class="bottom-inquiry-box bottom-inquiry-box--hidden"> <div class="bottom-inquiry-box__bg" data-inquiry-close></div> <form action="/hr/add-enquiry" class="bottom-inquiry-box__form"> <button type="button" data-inquiry-close class="bottom-inquiry-box__close iconfont iconguanbi"></button> <h4 class="bottom-inquiry-box__title">Pošaljite upit</h4> <input type="hidden" name="enquiry_type" value="0"> <input type="hidden" name="visitlength" value="1680223496"> <input type="hidden" name="source" value="0"> <input type="hidden" name="id" value="0"> <div class="bottom-inquiry-box__scroll"> <label class="bottom-inquiry-box__label"> <input class="bottom-inquiry-box__input" title autocorrect="off" autocomplete="off" required name="name" placeholder="Unesite svoje ime" oninvalid="setCustomValidity('Molimo popunite ovo polje')" oninput="setCustomValidity('')"/> <span class="bottom-inquiry-box__tip">Ime</span> </label> <label class="bottom-inquiry-box__label"> <input class="bottom-inquiry-box__input" title autocorrect="off" autocomplete="off" required name="email" type="email" placeholder="Upišite svoju e-mail adresu" oninvalid="setCustomValidity('Molimo popunite ovo polje')" oninput="setCustomValidity('')"/> <span class="bottom-inquiry-box__tip">E-mail</span> <span class="bottom-inquiry-box__error">Pogreška formatiranja</span> </label> <label class="bottom-inquiry-box__label"> <input class="bottom-inquiry-box__input" title autocorrect="off" autocomplete="off" name="phone" placeholder="Unesite svoj telefon" oninvalid="setCustomValidity('Molimo popunite ovo polje')" oninput="setCustomValidity('')"/> <span class="bottom-inquiry-box__tip">Telefon/WhatsApp/Skype</span> </label> <label class="bottom-inquiry-box__label"> <input class="bottom-inquiry-box__input" title autocorrect="off" autocomplete="off" name="company" placeholder="Unesite naziv svoje tvrtke" oninvalid="setCustomValidity('Molimo popunite ovo polje')" oninput="setCustomValidity('')"/> <span class="bottom-inquiry-box__tip">Naziv tvrtke</span> </label> <label class="bottom-inquiry-box__label"> <textarea class="bottom-inquiry-box__input" rows="3" title autocorrect="off" autocomplete="off" required name="msg" placeholder="Unesite sadržaj Vašeg upita" oninvalid="setCustomValidity('Molimo popunite ovo polje')" oninput="setCustomValidity('')"></textarea> <span class="bottom-inquiry-box__tip">Sadržaj</span> </label> </div> <button type="submit" class="bottom-inquiry-box__btn bg-color" id="submit_main">POŠALJITE UPIT</button> </form> </div> <script> function gurl(path) {return "/hr/videolist";} var _langs_json = {"Products_Detail":"Proizvodi pojedinosti","Download_Free":"Besplatno preuzimanje","Please_enter_the_Email":"Unesite e-po\u0161tu","More_than_you_think":"Samo nam recite svoje zahtjeve, mo\u017eemo u\u010diniti vi\u0161e nego \u0161to mo\u017eete zamisliti.","Send_your_inquiry":"Po\u0161aljite upit","Submit":"podnijeti","Contact_Details":"Kontaktni podaci","replay":"Reproducirati","come_from":"do\u0107i od","PREV":"PREV","NEXT":"SLJEDE\u0106I","Download":"preuzimanje datoteka","thanks_you_company":"Hvala vam zanimanje na na\u0161oj usluzi! Odgovorit \u0107emo vam u roku od 24 sata. Iskreno se nadam da \u0107e slu\u017eiti va\u0161oj tvrtki!","INQUIRY_SUCCESS":"USPJEH UPITA","BACK":"LE\u0110A","Enter_name":"Unesite svoje ime","Enter_phone":"Unesite svoj telefon","Enter_e_mail":"Unesi svoj email","Enter_company_name":"Unesite naziv svoje tvrtke","Enter_inquiry":"Unesite sadr\u017eaj va\u0161eg upita","Search Result in":"Rezultat pretra\u017eivanja u","No Result in":"Nema rezultata u","Choose a different language":"Odaberite drugi jezik","Current language":"Trenutni jezik","content_max_800":"Sadr\u017eaj komentara ograni\u010den je na 800 znakova","Please_content":"Unesite sadr\u017eaj komentara","Sumbit":"podnijeti","comment":"komentar","thank_comment":"Zahvaljujemo na komentaru, sadr\u017eaj komentara prikazat \u0107e se nakon otkrivanja kr\u0161enja","Email_format_error":"Pogre\u0161ka formata e-po\u0161te","please_enter_content":"Unesite sadr\u017eaj","LOAD MORE":"U\u010cITAJ VI\u0160E","Add_comment":"Dodaj komentar","Language":"Jezik","Links":"Veze","attachment_hover2":"Preporu\u010da se u\u010ditavanje do 5, a pojedina\u010dna veli\u010dina ne smije prelaziti 20M.","attachment_hover1":"Oblici podr\u0161ke \uff1a","Re_upload":"Prijenos mo\u017eda ne\u0107e uspjeti zbog ka\u0161njenja mre\u017ee. Po\u0161aljite ponovo","Upload failed":"Prijenos nije uspio","max_to5":"Preporu\u010duje se za prijenos do 5","max_20m":"Veli\u010dina pojedina\u010dne datoteke ne smije biti ve\u0107a od 20M","not_supported":"Vrsta datoteke nije podr\u017eana","Attachment":"vezanost","Go_fast":"I\u0107i brzo","Mobile_Whatsapp":"Mobilni \/ WhatsApp","Successful operation":"Uspje\u0161na operacija","Failure to submit":"Slanje nije poslano","network error":"pogre\u0161ka mre\u017ee","Cannot be empty, please re-enter":"Ne mo\u017ee biti prazno. Ponovno ga unesite","Enter keywords to search":"Unesite klju\u010dne rije\u010di za pretra\u017eivanje","Choose your country or region":"Odaberite svoju zemlju ili regiju","READ MORE":"\u010cITAJ VI\u0160E","send inquiry now":"PO\u0160ALJITE UPIT","major product":"Glavni proizvod","detail tell":"RE\u0106I","detail phone":"TELEFON","detail address":"ADRESA","ADDRESS":"ADRESA","views":"pregleda","Country":"Zemlja","TEL":"TEL","No more":"Ne vi\u0161e","LIKE":"KAO","DISLIKE":"NE SVI\u0110A MI SE","SHARE":"UDIO","READ MORE ABOUT US":"READ MORE ABOUT US","ABOUT US":"O NAMA","Recommended":"Preporu\u010deni","Format error":"Pogre\u0161ka formatiranja","Content":"Sadr\u017eaj","Company Name":"Naziv tvrtke","Phone":"Telefon","products":"proizvodi","E-mail":"E-mail","Email":"E-mail","Name":"Ime","Surname":"Ime","Contacts":"kontakti","Company_Name":"Naziv tvrtke","Telephone":"Telefon","Fax":"Faks","Website":"Web stranica","Male":"Mu\u0161ki","Female":"\u017dena","Gender":"rod","SEARCH":"TRA\u017dI","Major product":"Glavni proizvod","CONTACT US NOW":"OBAVIJESTI SADA","Just leave your email or phone number in the contact form so we can send you a free quote for our wide range of designs!":"Samo ostavite svoju e-po\u0161tu ili telefonski broj u kontakt obrascu kako bismo vam mogli poslati besplatnu ponudu za na\u0161 \u0161irok spektar dizajna!","GET IN TOUCH WITH US":"KONTAKTIRAJTE NAS","If you have more questions,write to us":"Ako imate jo\u0161 pitanja, pi\u0161ite nam","CONTACT US":"KONTAKTIRAJTE NAS","Contact_US":"Kontaktirajte nas","BRANCH OFFICE":"PODRU\u017dNICA","Do you have questions?":"Imate li pitanja?","We are committed to producing the best quality products at the most competitive prices. Therefore, we sincerely invite all interested companies to contact us for more information.":"Zala\u017eemo se za proizvodnju najkvalitetnijih proizvoda po najpovoljnijim cijenama. Stoga iskreno pozivamo sve zainteresirane tvrtke da nam se obrate za vi\u0161e informacija.","User login":"Prijava korisnika","Account":"ra\u010dun","Password":"zaporka","Tags_1":"Na pravom ste mjestu za","Tags_2":"Do sada ve\u0107 znate da \u0107ete, bez obzira na to \u0161to tra\u017eite, zasigurno prona\u0107i","Tags_3":"garantiramo da je ovdje","Tags_4":"Cilj nam je pru\u017eiti najvi\u0161u kvalitetu","Tags_5":"za na\u0161e dugoro\u010dne kupce i aktivno \u0107emo sura\u0111ivati \u200b\u200bs na\u0161im kupcima kako bismo ponudili u\u010dinkovita rje\u0161enja i tro\u0161kovne pogodnosti.","Home":"Dom","Cases":"Slu\u010dajevi","News":"Vijesti","Abouts":"Abouts","ODM OEM Service":"ODM i OEM usluga","OEM Service":"ODM, OEM usluga","Get Quote":"Zatra\u017eite ponudu! Prona\u0111ite detalje o profilu tvrtke,","Contact Get Quote":"Nabavite citat!","In":"u","Please contact us":", Molimo kontaktirajte nas.","Main products":". Glavni proizvodi:","manufacturer in China":"proizvo\u0111a\u010d u Kini,","Provide Cases":"Navedite slu\u010dajeve,","Provide ODM,OEM Service":"Pru\u017eite ODM, OEM uslugu,","Is the best":"je najbolji","Manufacturers Suppliers":"proizvo\u0111a\u010di i dobavlja\u010di","BRANCH":"PODRU\u017dNICA","BRANDS":"BRENDOVI","Follow Us":"Prati nas","Products Details":"Proizvodi Detalji","Company Profile":"profil tvrtke","Basic Information":"Osnovne informacije","Company Video":"Videozapis tvrtke","Certifications":"Certifikata","Year Established":"godina osnivanja","Business Type":"Poslovni tip","Country \/ Region":"Zemlja \/ regija","Main Industry":"Glavna industrija","Main Products":"glavni proizvodi","Enterprise Legal Person":"Poduze\u0107a pravna osoba","Total Employees":"Ukupno zaposlenika","Annual Output Value":"Godi\u0161nja vrijednost izlaza","Export Market":"Izvozno tr\u017ei\u0161te","Cooperated Customers":"Sura\u0111ivali kupci","Manufacturing Industry":"Prera\u0111iva\u010dka industrija","Sourcing Company":"Izvor tvrtke","Factory":"Tvornica","Wholesaler":"Veletrgovac","Government Agency":"Vladina agencija","Business Service":"Poslovna usluga","Trade Companies":"Trgova\u010dka dru\u0161tva","Association":"Udru\u017eenje","Others":"Drugi","Chinese Mainland":"Kinesko kopno","European Union":"Europska unija","Middle East":"bliski istok","Eastern Europe":"Isto\u010dna Europa","Latin America":"Latinska Amerika","Africa":"Afrika","Oceania":"Oceanija","Hong Kong and Macao and Taiwan":"Hong Kong i Macao i Tajvan","Japan":"Japan","Southeast Asia":"Jugoisto\u010dna Azija","America":"Amerika","Issue by":"Izdati","People":"narod","More than 1000 people":"Vi\u0161e od 1000 ljudi","Click to chat":"Kliknite za chat","submitted_subscribe_success_tips":"Uspje\u0161no ste poslali svoje preferencije.","unsubscribe_success_tips":"Uspje\u0161no ste odjavili iz op\u0107ih promocija e-po\u0161te.","Dont Miss Out":"Ne propustite","sure_miss_out_tips":"Jeste li sigurni da \u017eelite propustiti na svim e-mailom poslanim sustavom o sadr\u017eaju web-lokacije?","change_your_preferences_tips":"Da biste ponovno primili te poruke e-po\u0161te u budu\u0107nosti, mo\u017eete promijeniti svoje postavke.","Content interested":"Zainteresirani sadr\u017eaji","Content release time":"Vrijeme ispu\u0161tanja sadr\u017eaja","Sending frequency":"Slanje frekvencije","Continue to unsubscribe":"Nastavite odjaviti pretplatu","not_unsubscribe_tips":"To se ne\u0107e odjaviti od administrativnih poruka.","Regular_FAQ":"Redovita pitanja","FAQs":"\u010cesto postavljana pitanja","ERROR_TIP":"Ups! Ta se stranica ne mo\u017ee prona\u0107i.","ERROR_TIP_1":"Unesite klju\u010dne rije\u010di za pretra\u017eivanje ili povratak na po\u010detnu stranicu.","ERROR_TIP_SEARCH":"klju\u010dna rije\u010d","ERROR_HOT_PRODUCT":"Vru\u0107i proizvodi","in_china":"u Kini","manufacturer":"proizvo\u0111a\u010d","company":"dru\u0161tvo","factory":"tvornica","price":"cijena","Tags":"Oznake","Related Article":"Povezani \u010dlanak","Accept":"Prihvatiti","cookie_tips":"Privatnost i kori\u0161tenje kola\u010di\u0107a. Koristimo kola\u010di\u0107e kako bismo optimizirali i kontinuirano pobolj\u0161ali na\u0161u web stranicu. Kroz va\u0161u nastavak kori\u0161tenja na\u0161e web stranice pristajete na kori\u0161tenje kola\u010di\u0107a.","Sitemap":"Sitemap","Total":"Ukupno","Quick Attribute Index":"Brzi indeks atributa","Attribute Index":"Indeks atributa","Index":"Indeks","Other":"Ostalo","More":"Vi\u0161e","Please fill in this field":"Molimo popunite ovo polje","Go Back":"Idi natrag","The page will automatically be redirected to Home in":"Stranica \u0107e automatski biti preusmjerena na Home in","seconds. You can also":"sekundi. Tako\u0111er mo\u017eete","Send Your Inquiry":"Po\u0161aljite Va\u0161 upit","Send Inquiry Now":"Po\u0161aljite upit sada","Share With":"Podijeli s"}, fun_scr_arr = [ // {name:'link',url:"/styles/fonts/title/Arial.css?v=1596709460",rel:"stylesheet"}, // {name:'link',url:"/styles/fonts/body/Arial.css?v=1596709460",rel:"stylesheet"}, {name:'link',url:"/libs/aliplayer/aliplayer-min.css",rel:"stylesheet"}, {name:'script',url:"https://ssl.captcha.qq.com/TCaptcha.js",type:"text/javascript"}, {name:'script',url:"/libs/aliplayer/aliplayer-min.js",type:"text/javascript",id:'aliplayer_min_js'}, {name:'script',url:"/js/ali-oss/dist/aliyun-oss-sdk.min.js?v=1587033760",type:"text/javascript"}, ]; var _verification_type = 0; _verification_type = "1"; var kk; </script>  <script> var hasInquiry = 1; var localLang = "/hr/add-enquiry"; var msgSuccess = "Uspješna operacija"; var msgFail = "Slanje nije poslano"; var msgError = "pogreška mreže"; fun_scr_arr.push({name:'script',url:"/scripts/templates/video_home/enquiry.js?v=1671183749",type:"text/javascript"}) // fun_scr_arr.push({name:'script',url:"/scripts/templates/video_home/enquiry.js?v=1671183749",type:"text/javascript"}) </script> <script> function head_form_fun(that) { var form = $(that), url = form.attr("action"), search = form.find('[name="search"]').val(); search = encodeURIComponent(search) window.location.href = getUrl_fun(url, "search", search); return false; } function getUrl_fun(url, field, value) { if (url.indexOf("?") != -1) { if (url.indexOf(field) != -1) { return changeURLArg_fun(url, field, value); } else { return url + '&' + field + '=' + value; } } else { return url + '?' + field + '=' + value; } } function changeURLArg_fun(url, arg, arg_val) { var pattern = arg + '=([^&]*)'; var replaceText = arg + '=' + arg_val; if (url.match(pattern)) { var tmp = '/(' + arg + '=)([^&]*)/gi'; tmp = url.replace(eval(tmp), replaceText); return tmp; } else { if (url.match('[\?]')) { return url + '&' + replaceText; } else { return url + '?' + replaceText; } } } $('.head_shousuos').click(function(){ $('body').addClass('head_sousuos_active'); $('.head_sousuos_modal .sousuos_box input').focus(); }) $('.head_sousuos_close').click(function(){ $('body').removeClass('head_sousuos_active'); }) function head_nav_w(){ var nav = $('._header .nav'), sw = nav[0].scrollWidth, w = nav.width(), nav_box = $('._header nav'); if(sw > w){ nav_box.addClass('add'); }else{ nav_box.removeClass('add'); } $('._header .nav_box')[0].scrollLeft = 0; $('._header .btn_l').addClass('disabled'); $('._header .btn_r').removeClass('disabled'); } window.addEventListener('resize',function(){ head_nav_w(); }) $("._header").mouseenter(function(){ if (!this.head_bol) { head_nav_w(); this.head_bol = true; } }) $('#head_button').click(function(){ $("body,html").toggleClass("head_nav_active"); }) $('._header .nav_btns').click(function(){ if ($(this).hasClass('disabled')) {return} var nav = $('._header .nav'), sw = nav[0].scrollWidth, w = nav.width(), sl_box = $('._header .nav_box'), sl = sl_box[0].scrollLeft, l = $(this).data('left'), btn_r = $('._header .btn_r'), btn_l = $('._header .btn_l'); sl += l; if ((sl+w)>sw) { btn_r.addClass('disabled'); }else{ btn_r.removeClass('disabled'); } if (0>=sl) { btn_l.addClass('disabled'); }else{ btn_l.removeClass('disabled'); } sl_box.stop().animate({ scrollLeft: sl },200) }) $('._header').on('click','.nav li',function(e){ e.stopPropagation(); var li = $(this), ul = li.find('>ul'), tan = e.target; if(tan.localName=="a"||$(tan).parents('a').length){ return }else{ li.toggleClass('draw_act').siblings().removeClass('draw_act').find('ul').hide(200).find('.draw_act').removeClass('draw_act'); ul.toggle(200); } return false; }) $('._header').on('mouseenter','.nav>li',function(){ add_nav_li22($(this)); }) function par_box_fun(par,fun){ var id = par.attr('id'), li = $('[li_id="'+id+'"]'), header_nav_li_box = li.closest('.header_nav_li_box'); fun(par,li); if (header_nav_li_box.length) { par_box_fun(header_nav_li_box,fun); } } function add_nav_li22(that,objs){ if($('._header .nav').css('display')=="block"){return} var id = that.attr("li_id"), boxs = null; ul = that.find('>ul'); if (ul.length == 0) { return; } var show_fun = function(){ boxs.stop().fadeIn(200); that.addClass("font-color"); var ids_ = boxs.attr('id'); if (objs) { par_box_fun(objs.par_box,function(id_box,li){ id_box.stop().fadeIn(200); li.addClass("font-color"); }) } } var hide_fun = function(n){ boxs.stop().fadeOut(200); that.removeClass("font-color"); if (objs&&n==2) { par_box_fun(objs.par_box,function(id_box,li){ id_box.stop().fadeOut(200); li.removeClass("font-color"); }) } } if (id) { boxs = $('#'+id); }else{ id = 'li_id_'+new Date().getTime() that.attr("li_id",id); boxs = $('<div class="header_nav_li_box" id="'+id+'">'+'</div>'); var clone_ul = ul.clone(); boxs.append(clone_ul); $('body').append(boxs); that.mouseleave(function(){ hide_fun(1); }) boxs.mouseleave(function(){ hide_fun(2); }) boxs.mouseenter(function(){ show_fun(); }) clone_ul.find('li').mouseenter(function(){ add_nav_li22($(this),{ par_box: boxs }); }) } show_fun(); var top = that.offset().top + that.height(), left = that.offset().left; if (objs) { var pts = boxs.find('>.nav_ul').css('paddingTop').replace('px',''); top = top - that.height() - pts; left = left + that.width(); } if (left+boxs.width()+20>=$(window).width()) { if (objs) { left = that.offset().left - boxs.width(); }else{ left = $(window).width() - boxs.width() -10; } } var box_objs = { top: top, left: left } box_objs.minWidth = objs?0:that.outerWidth(); boxs.css(box_objs) } </script>  <script src="/libs/swiper/swiper.min.js"></script> <script> $(window).load(function(){ new Swiper('.swiper-container1', { autoplay: 4000,//可选选项，自动滑动 slidesPerView: 4, slidesPerGroup: 4, spaceBetween: 16, // loop: true, pagination: '.swiper-pagination_box', // centeredSlides: true, breakpoints: { 1024: { slidesPerView: 1, spaceBetween: 0, slidesPerGroup: 1, } } }) }) </script>   <script src="https://www.googletagmanager.com/gtag/js?id=UA-159858607-7" async></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments) } gtag('js', new Date()); gtag('config', 'UA-159858607-7'); </script>  <script> (function () { var reqsss = navigator.userAgent; if(reqsss.indexOf('Chrome-Lighthouse')!=-1){return false;} $.ajaxSetup({cache: true}) $('body').append( // '<link rel="stylesheet" href="'+"/styles/fonts/title/Arial.css?v=1596709460"+'">'+ // '<link rel="stylesheet" href="'+"/styles/fonts/body/Arial.css?v=1596709460"+'">'+ '<link rel="stylesheet" href="'+"/font-family/css/font.css?v=1645693132"+'">'+ '<script src="'+"/scripts/main.js?v=1671183749"+'" async><\/script><script src="'+"/scripts/common.js?v=1671183749"+'" async><\/script>' ); var arr = ['click','mouseover','mouseout','mousedown','touchstart','DOMMouseScroll','mousemove','resize','keydown','keyup','orientationchange','scroll']; for (var i = 0; i < arr.length; i++) { document.addEventListener(arr[i],fn,false); } var fn_bol = false; function fn(e) { if(fn_bol){return} fn_bol = true; var d_arr = fun_scr_arr, f_arr = []; for (var i = 0; i < d_arr.length; i++) { var val = d_arr[i],dom = (val.name!=5)&&document.createElement(val.name); if (val.name == 5||val.delay) { f_arr.push(val) }else if (val.name == 'link') { dom.href = val.url; dom.rel = val.rel; document.querySelector('body').appendChild(dom); }else{ if(!document.querySelector('#'+val.id)){ $('body').append('<script '+(val.id?'id="'+val.id+'"':'')+' type="'+val.type+'" src="'+val.url+'"><\/script>'); } } } for (var f = 0; f < f_arr.length; f++) { outs(f_arr[f]) } function outs(val){ var n = val.delay||300; setTimeout(function () { if (val.name==5) { val.fun&&val.fun(); }else{ var dom = document.createElement(val.name); if (val.name == 'link') { dom.href = val.url; dom.rel = val.rel; }else{ dom.src = val.url;dom.type = val.type; } document.querySelector('body').appendChild(dom); } },n); } document.querySelector('.share_fun_box2').style.display = 'block'; var swiper_src = document.querySelectorAll('[swiper_src]'); for (var im = 0; im < swiper_src.length; im++) { swiper_src[im].src = swiper_src[im].getAttribute('swiper_src'); } for (var j = arr.length - 1; j >= 0; j--) {document.removeEventListener(arr[j],fn,false);} } })() var inquiryFormTexts = {"company_field_hint":"Unesite naziv svoje tvrtke","company_field_name":"Naziv tvrtke","content_field_hint":"Unesite sadržaj Vašeg upita","content_field_name":"Sadržaj","cookie_tips":"Privatnost i korištenje kolačića. Koristimo kolačiće za optimizaciju i kontinuirano poboljšanje naše web stranice za vas. Daljnjim korištenjem naše web stranice pristajete na korištenje kolačića.","email_field_hint":"Upišite svoju e-mail adresu","email_field_name":"E-mail","name_field_hint":"Unesite svoje ime","name_field_name":"Ime","phone_field_hint":"Unesite svoj telefon","phone_field_name":"Telefon","subscribe_hint":"Pretplatite se kako biste čuli o našim najnovijim dolascima!","success_submit_msg":"UPIT USPJEH","success_submit_service_msg":"Zahvaljujemo na interesu za našu uslugu! Odgovorit ćemo vam u roku od 24 sata. Iskreno se nadam da ćemo služiti vašoj tvrtki!"}; $(function(){ function handleScroll() { var btn = $('[data-product-inquiry]').filter(':visible').first(); if(btn.length) { var off = btn.offset().top; var top = $(window).scrollTop() + 60; $('#bottomShareBox').toggleClass('share_fun_box2--hidden', off > top); } } function handleResize() { $('.list_link_artboard').each(function() { var highlight = $(this).find('.border-color'); var outerOffset = $(this).offset().left; if (highlight.length && highlight.is(':visible')) { $(this).find('.hidden_box').stop().animate({ scrollLeft: highlight.offset().left - outerOffset - 10 }); } }); } var bottomInquiry = $('#bottomInquiry'); $('#showInquiry').on('click', function() { bottomInquiry.removeClass('bottom-inquiry-box--hidden'); }); bottomInquiry .on('click', '[data-inquiry-close]', function() { $('#bottomInquiry').addClass('bottom-inquiry-box--hidden'); }) .find('.bottom-inquiry-box__input').on('input', function() { $(this).toggleClass('bottom-inquiry-box__input--active', !!this.value); }) .end().find('input[type="file"]').on('change', function() { inquiry_attachment_change_fun($(this)); }) .end().find('input[name="email"]').on('change', function() { $(this).parent().toggleClass('bottom-inquiry-box__label--error', this.value && !/^(\w-*\.*)+@(\w-?)+(\.\w{2,})+$/.test(this.value)); }) .end().find('form').on('submit', function() { return form_submit(this); }); bottomInquiry.find('[data-input-select]').inputSelectable(); if($('[data-product-inquiry]').length) { $(window).scroll(handleScroll); handleScroll(); } if($('.list_link_artboard').length) { $(window).resize(handleResize); handleResize(); } }); </script> <style> .external-chat-box { padding: 0; } .external-chat-box-right { position: fixed; top: 50%; right: 0; transform: translateY(-50%); width: 48px; padding: 4px 0; background: rgba(0, 0, 0, .35); border-radius: 4px 0 0 4px; transition: .2s; z-index: 9999; } .external-chat-box-right__toggle { position: absolute; top: 50%; right: 100%; border-radius: 0 4px 4px 0; color: #fff; transform: translateY(-50%); background: inherit; padding: 0 4px; line-height: 40px; font-size: 14px; cursor: pointer; /*transition: .3s;*/ border: 0; outline: 0; } .external-chat-box-right--collapse { transform: translateY(-50%) translateX(100%); } .external-chat-box__item1 { padding: 8px 0; text-align: center; display: block; position: relative; } .chatIconPanel1 { border-radius: 0 4px 4px 0; } .chatIconPanel1-right { border-radius: 4px 0 0 4px; } .chatIconPanel2 { border-radius: 24px; } .chatIconPanel3 { border-radius: 4px; margin: 0; } .chatIconPanel4 { border-radius: 0 0 24px 24px; } .chatIconPanel5 { border-radius: 0 14px 0 14px; } .chatIconPanel6 { border-radius: 4px; width: 60px !important; } .share-icon { position: absolute; width: 100%; bottom: -55px; padding: 8px; border-radius: 4px; left: 0; text-align: center; } .external-chat-box--label { font-size: 12px; white-space: nowrap; transform: scale(0.83333); position: absolute; bottom: 2px; width: 100%; } </style> <script> const PositionLeft = 1 const PositionRight = 2 // 颜色 16进制转rgb const hex2rgb = (hexColor) => { hexColor = hexColor .substring(1) .toLowerCase() let b = new Array() for (let x = 0; x < 3; x++) { b[0] = hexColor.substr(x * 2, 2) b[3] = '0123456789abcdef' b[1] = b[0].substr(0, 1) b[2] = b[0].substr(1, 1) b[20 + x] = b[3].indexOf(b[1]) * 16 + b[3].indexOf(b[2]) } return b[20] + ',' + b[21] + ',' + b[22] } // 初始化 const initContactPanel = async () => { const data = await getContactData() if (!data) return const {config, list} = data const {color, is_expand, location, style, opacity} = config const displayList = formatData(list, style) const DOMs = getDOMs(displayList, style) const shareBoxDiv = $('.share_fun_box') const hasShareBox = shareBoxDiv.is(':visible') const isYueRong = false; // 分享判断 if (location == PositionRight && hasShareBox && !isYueRong) { showShareIcon(shareBoxDiv, color, opacity, DOMs) } const dom = $('<div />') .attr({id: 'contactPanel'}) .css({background: `rgba(${hex2rgb(color)},${opacity / 100}`}) .addClass(getPositionClassName(location, style, is_expand)) .append(DOMs) .appendTo('body') // 展开收起判断 if (is_expand == 1) getCollapseDiv(location).appendTo(dom) // 定制处理 customized(location, hasShareBox, isYueRong) } // 除了和分享冲突 const showShareIcon = (shareBoxDiv, color, opacity, DOMs) => { shareBoxDiv.hide() const shareIcon = $('<div />') .addClass('share-icon') .css({background: `rgba(${hex2rgb(color)},${opacity / 100}`}) .on('click', () => window.customFunc.modal_show()) .append($('<img />') .attr({src: '/images/chatIcon/share.png', width: '32px'})) DOMs.push(shareIcon) } // 定制处理 const customized = (location, hasShareBox, isYueRong) => { if (location == PositionRight && hasShareBox && isYueRong) { $('.share_fun_box').css('top', '32%') $('.external-chat-box-right').css('top', '65%') } } // 收起处理 const getCollapseDiv = (location) => { const div = $('<div />').addClass('iconfont iconleft') const contactPanelDiv = $('#contactPanel') if (location == PositionLeft) { div .addClass('external-chat-box__toggle') .on('click', function () { if (contactPanelDiv.hasClass('external-chat-box--collapse')) { contactPanelDiv.removeClass('external-chat-box--collapse') $(this) .css({transform: 'rotate(180deg)', borderRadius: '4px 0 0 4px'}) } else { contactPanelDiv.addClass('external-chat-box--collapse') $(this).css({transform: '', borderRadius: '0 4px 4px 0'}) } }) } else { div .addClass('external-chat-box-right__toggle') .css({transform: 'rotate(180deg) translateY(50%)'}) .on('click', function () { if (contactPanelDiv.hasClass('external-chat-box-right--collapse')) { contactPanelDiv.removeClass('external-chat-box-right--collapse') $(this).css({transform: '', borderRadius: '4px 0 0 4px'}) } else { contactPanelDiv.addClass('external-chat-box-right--collapse') $(this).css({ transform: 'rotate(180deg) translateY(50%)', borderRadius: '0 4px 4px 0' }) } }) } return div } // 数据格式化化 const formatData = (list, style) => { let displayList = [] try { list.forEach(i => { let item = Object.assign({}, i) item.attrs = getAttrs(i, style) displayList.push(item) }) } catch (e) { console.error(e) return displayList } return displayList } // 属性拼接 const getAttrs = (item, style) => { let attrs switch (item?.name) { case 'QQ': attrs = { target: '_blank', href: 'http://wpa.qq.com/msgrd?v=3&site=qq&menu=yes&uin=' + item.value, className: 'external-chat-box__item--qq', src: `/images/chatIcon/QQ${style}.png` } break; case 'WeChat': attrs = { target: '_self', href: '#', className: 'external-chat-box__item--wechat', src: `/images/chatIcon/WeChat${style}.png` } break; case 'WhatsApp': attrs = { target: '_blank', href: 'https://api.whatsapp.com/send?phone=' + encodeURIComponent(item.value), className: 'external-chat-box__item--whatsapp', src: `/images/chatIcon/WhatsApp${style}.png` } break; default: attrs = null } return attrs } // 生成DOM const getDOMs = (list, style) => { let DOMs = [] list.forEach((i, index) => { if (i.attrs) DOMs.push(createItem(i, style, index == list.length - 1)) }) return DOMs } // 创建对应的A标签 const createItem = (item, style, isLast) => { const {href, target, src} = item.attrs let ALabel = $(`<a/>`) .attr({href, target, title: item.user_name}) .addClass('external-chat-box__item1') .on('click', () => { if (item.name == 'WeChat') showWeChatDialog(item.value) }) if (style == 4 && !isLast) { ALabel.css({borderBottom: '1px solid #fff'}) } if (style == 6 && !isLast) { ALabel.css({borderBottom: '1px solid #979797', padding: '10px 0'}) } let img = $('<img/>').attr({src,width:'32px'}) ALabel.append(img) if (style == 6) { let div = $('<div />') .addClass('external-chat-box--label') .text(item.name) ALabel.append(div) } return ALabel } // 微信特殊处理 const showWeChatDialog = (text) => { let input = $('<input>') .css({ position: 'absolute', left: -99, top: -99, width: 20, height: 20 }) .attr('readonly', 'readonly') .val(text).appendTo('body'); let popup = $('<div>') .addClass('external-chat-popup external-chat-popup--hidden') .appendTo('body'); $('<div>') .addClass('external-chat-popup__bg') .on('click', () => { popup.addClass('external-chat-popup--hidden'); }).appendTo(popup); $('<div>').addClass('external-chat-popup__dialog') .append( $('<p>').addClass('external-chat-popup__text').text('WeChat ID: ' + text), $('<button>') .attr({ type: 'button', 'btn-types': 'deep' }) .addClass('btn') .text('Copy') .on('click', function () { input[0].select(); document.execCommand('copy'); popup.addClass('external-chat-popup--hidden'); prompt_box_fun({ type: 'success', text: 'WeChat ID was copied. We’re redirecting you to WeChat. If WeChat is not opened, you can also open it manually and paste the copied ID.' }); location.href = 'weixin://'; }) ).appendTo(popup); popup.removeClass('external-chat-popup--hidden'); } // 获取数据 const getContactData = async () => { const res = await $.get('/contact/get-config') console.log(res) if (res.status != 200) return false const {config, list} = res.data const hasContactInfo = config && config.on == 1 && list.length if (hasContactInfo) return res.data return false } // 拼接类名 const getPositionClassName = (position, style, is_expand) => { let className = `chatIconPanel${style}` if (position == PositionRight && style == 1) { className += '-right' } className += position == PositionLeft ? ' external-chat-box' : ' external-chat-box-right' if (is_expand == 1) { className += position == PositionLeft ? ' external-chat-box--collapse' : ' external-chat-box-right--collapse' } return className } initContactPanel() </script> <script type="text/javascript" defer> var onloadCallback = function() { grecaptcha.render('google_dialog', { 'sitekey' : '6LeRzl0hAAAAANDTBWTCnzV0cPhM2kR9KMactfK0', callback:gooble_callback }); }; </script> <div class="google_dialog_box" id='google_dialog_box'> <div class="google_dialog_box__dialog"> <div id="google_dialog"></div> </div> </div> <style> .google_dialog_box{visibility: hidden;} .google_dialog_box__dialog {position: fixed;top:0;left:0;width: 100vw;height:100vh;display: flex;justify-content: center;align-items: center;z-index:99999}; </style> </body> </html>