DEV

Описание: Stage (Header image) – от дясната страна в менюто на страницата; Image size е без значение за сега
Задължителен елемент: picture
Картинка размер: 1920х720
Допълнителна възможност(презаписва съществуващ Header): Custom header(CSS, HTML и JS) след dropdown select на „Yes“ в страницата

[sin_razdelitel_i_zaglavie align="" text="Характеристики и Предимства"]

Описание: Текстови разбелител на син фон
Опции: align – left/right/center или extra class
Задължителен елемент: title

[title_block align=""]
Предимствата на
 Нашите Услуги
[/title_block]

Описание: title_block – Заглавен блок
Опции: align – left/right/center или extra class
Задължителен елемент: съдържание (div; article; h2; span; a; br; b; p)

[su_row class="section"]
[su_column size="2/3" center="no" class="col"]
[text_block align=""]
Ефективност и гъвкавост при
 конфигурацията на решенията
IP VPN (Internet Protocol Virtual Private Network) представлява виртуална частна мрежа, базирана на IP протокол.
IP VPN услугата на Вестител БГ е ефективно решение за пренос на данни с гарантирана сигурност между отдалечени бизнес локации на клиента.
Ние използваме широко разнообразие от технологии за достъп и скорости на трафика при конфигурацията на клиентските решения.
[/text_block]
[/su_column]
[su_column size="1/3" center="no" class="col"]
[text_specifications align="" title="Спецификации"]

Виртуална корпоративна мрежа
Бърз и сигурен пренос на данни между отдалечени бизнес локации
Централизиран достъп до корпоративни ресурси (интернет, файлов обмен, споделени системи)

[/text_specifications]
[/su_column]
[/su_row]

Допълнително: su_row и su_column инфо най-долу
Описание: text_block – Текстов блок
Опции: align – left/right/center/extra class (text-block-main)
Задължителен елемент: съдържание (div; article; h2; span; a; br; b; p)

Описание: text_specifications – Блок спецификации със заглавие
Опции: align – left/right/center/extra class
Задължителен елемент: съдържание (ul; ol; li; span; a; br; b; p)

[su_row class="section block-related-main"]
[su_column size="1/2" center="no" class="col"]
[block_related align="" title="Интернет" text="Надеждният широколентов достъп" btn_url="#" btn_text="Научете повече" btn_target="self"]
[/su_column]
[su_column size="1/2" center="no" class="col"]
[block_related align="" title="Оптична свързаност" text="Сигурна и надеждна свързаност (MAN, наети линии и тъмни влакна)" btn_url="#" btn_text="Научете повече" btn_target="self"]
[/su_column]
[/su_row]

Допълнително: su_row (допълнителен клас: block-related-main) и su_column инфо най-долу
Описание: block_related – Свързан блок – заглавие, текст и бутон
Опции: align – left/right/center/extra class (block-related-main)
Задължителен елемент: title

[block-related-bgr align="" img="/wp-content/uploads/2020/10/bgr-block-related-1920x720-1.jpg" title="Оптична свързаност" text="Сигурна и надеждна свързаност (MAN, наети линии и тъмни влакна)" btn_url="#" btn_text="Свържете се с нас" btn_target="self"]

Описание: block-related-bgr – Свързан блок с фон – картинка, заглавие, текст и бутон
Опции: align – left/right/center/extra class
Задължителен елемент: img
Картинка размер: 1920х720

[su_row class="section contact-block-main"]
[su_column size="1/2" center="no" class="col"]
[contact_block class="" icon_01="map" text_01="България, София, 1504, бул. „Евлоги и Христо Георгиеви“ 169, офис Вестител БГ" icon_02="phone" text_021="+359 2 428 11 23" text_022="" icon_03="email" text_03="office@vestitel.bg"]
[/su_column]
[su_column size="1/2" center="no" class="col"]
[contact_block class="" icon_01="map" text_01="24/7" icon_02="phone" text_021="+359 2 428 1111" text_022="+359 882 174 222" icon_03="email" text_03="noc@vestitel.bg"]
[/su_column]
[/su_row]

Описание: Блок контакти с опция за текст, телефон (1 или 2) и имейл
Опции: икони – map; phone; email / class (contact-block-main)
Задължителен елемент: icon_01 и text_01

[section class="gmap"]
[google_map_easy id="1"]
[/section]

Описание: Google map Карта

Order Number

Свържете се с нас

Име

Компания

Телефон

Email

Massage

GDPR

Съгласен съм с Политиката за защита на личните данни на Вестител

[su_row class="section forma"]
[su_column size="2/5" center="no" class="col forma__bgr"]
[form_bgr img="/wp-content/uploads/2020/09/img-contact-form.jpg" img_mobile="/wp-content/uploads/2020/09/img-contact-form-mobile-1.jpg"]
[/su_column]
[su_column size="3/5" center="no" class="mpadding col forma__main"]
[caldera_form id="CF5f6db111c6e5d"]
[/su_column]
[/su_row]

Допълнително: su_row и su_column инфо най-долу; forma__bgr
Описание: form_bgr – Фон за контактната формата
Задължителен елемент: img и img_mobile (под 992)

Допълнително: su_row и su_column инфо най-долу; forma__main
Описание: caldera_form – Caldera form от admin panel

[company_services align="" img="/wp-content/uploads/2020/10/img-services-reliability.png" title="Надеждност" text="Инвестираме в собствена телеком инфраструктура за по-добър  контрол и ефективност на мрежата."]

Описание: company_services – Услуги в страница За нас
Опции: align – left/right/center или extra class; ако липсва img, текстът става на 100% широк
Задължителен елемент: title
Препоръчителен елемент: img с размер 280×180

[company_blue_text align="" title="Вестител БГ" semititle="Факт лист" heading="Създаване:"]2003г.[/company_blue_text]

Описание: company_blue_text – Описателен блок със син фон
Опции: align – left/right/center или extra class
Дефинирани елементи: title; semititle; heading
Описателни елементи: съдържание
Задължителен елемент: съдържание (div; span; a; img; br; b; p)

[management_team align="" heading="Ръководен екип"]
[management_team_single name="boss_02" img="/wp-content/uploads/2020/10/img-management-team.jpg" title="Явор Енев" semititle="Ръководител{br} Международни продажби" text="It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum. Cras convallis, ipsum non accumsan pretium, sapien orci tristique lorem, a dictum arcu orci et libero. Vivamus nisl ante, fringilla et turpis id, bibendum finibus massa. Vivamus at diam tortor. Cras in imperdiet purus. Integer eget odio ac sem scelerisque dignissim eu dictum nisi. Curabitur varius arcu urna, sit amet bibendum neque volutpat non."]
[/management_team]

Описание: management_team – Инфомативен блок за екипа
management_team:
Опции: align – left/right/center/border (добавя border-top: 1px) или extra class
Дефинирани елементи: heading
Задължителен елемент: съдържание [management_team_single]

management_team_single:
Задължителен елемент: img и name (слято на латиница, може и долна черта „_“)
Препоръчителни елелементи: title; semititle (опция за {br}); text
Картинка размер: 600х600

[directors_board align="border" heading="Съвет на директорите"]
[directors_board_single name="manager_01" img="/wp-content/uploads/2020/10/img-management-team.jpg" title="Георги Дончев" semititle="Председател на{br} Съвета на директорите" text="Aliquam convallis neque sit amet felis semper, sit amet feugiat justo luctus. Vivamus congue suscipit erat, sed feugiat felis ullamcorper semper."]
[directors_board_single name="manager_02" img="/wp-content/uploads/2020/10/img-management-team.jpg" title="Валентин Величков" semititle="Изпълнителен директор" text="Mauris vestibulum non justo a commodo. Cras ornare turpis vitae arcu feugiat, eget pretium orci bibendum."]
[directors_board_single name="manager_03" img="/wp-content/uploads/2020/10/img-management-team.jpg" title="Михаил Захманов" semititle="Член на Съвета на{br} директорите" text="Vivamus sit amet porta urna, sit amet suscipit dolor. Sed at sollicitudin mi. Maecenas dictum egestas massa nec sagittis."]
[/directors_board]

Описание: directors_board – Инфомативен блок за ръководители
directors_board:
Опции: align – left/right/center/border (добавя border-top: 1px) или extra class
Дефинирани елементи: heading
Задължителен елемент: съдържание [directors_board_single]

directors_board_single:
Задължителен елемент: img и name (слято на латиница, може и долна черта „_“)
Препоръчителни елелементи: title; semititle (опция за {br}); text
Картинка размер: 600х600

Работа във Вестител БГ

Искате да станете част от нашия екип? Вижте свободните позиции за работа във Вестител БГ.

Научете повече

[company_work align="" img="/wp-content/uploads/2020/10/img-company-work-01.jpg" title="Работа във Вестител БГ" text="Искате да станете част от нашия екип? Вижте свободните позиции за работа

във Вестител БГ." btn_url="#" btn_text="Научете повече" btn_target="self"]

Описание: company_work – Текстови блок за работа с картинка и бутон
Опции: align – left/right/center или extra class; ако липсва img, текстът става на 100% широк
Препоръчителни елелементи: img; title; semititle; text (до 40 думи)
Картинка размер: 720х720

[job_box align="" img="/wp-content/uploads/2020/10/img-job-box-01.png" title="Lorem ipsum dolor sit amet" text="Donec quis nisi nibh. Ut posuere lorem tempor, dignissim velit sit amet, pharetra felis. Sed semper vestibulum metus faucibus venenatis. Proin id orci eget odio porttitor fringilla ultrices a orci. Donec id porttitor lorem, at placerat augue. Quisque non mi cursus, tristique risus nec, tincidunt diam." btn_url="#" btn_text="Кандидатствайте" btn_target="self"]

Описание: job_box – Текстови блок за кандидатстване за работа
Опции: align – left/right/center или extra class; ако липсва img, текстът става на 100% широк
Задължителен елемент: title
Препоръчителен елемент: img с размер 240×230

[partner_logo img="/wp-content/uploads/2020/10/logo-century-link.png" link="#"]
[partner_separator]

partner_logo:
Описание: partner_logo – Лого на парньор с линк
Опции: за да се завърши крайната бройпа х3 на ред, img не се попълва, кутийката остава, но с изображение 1x1px png
Препоръчителен елемент: link; img с разумни размери(няма ограничение)

partner_separator:
Описание: разделетел м/у редовете (само за partner_logo)

Свали като PDF

[download title="Свали като PDF" url="#" target="self"]

Описание: download – Текст с линк за славене от новина
Опции: target (self или blank)
Задължителен елемент: url
Препоръчителен елемент: title

[download_list align="border" title_01="Документ 01" text_01="примерен текст" url_01="#" target_01="self" title_02="Документ 02" text_02="примерен текст" url_02="#" target_02="self" title_03="Документ 03" text_03="примерен текст" url_03="#" target_03="self" title_04="Документ 04" text_04="примерен текст" url_04="#" target_04="self"]

Описание: download_list – Лист с линкове за славене (4бр. на ред)
Опции: align – left/right/center/border (добавя border-top: 1px) или extra class; target (self или blank)
Задължителен елемент: url_01 (ако липсва url, няма да се покаже дадената кутийката)
Препоръчителен елемент: title

Описание: Допълнителни класове и елементи
Елементи:
– {br} = <br> (в някои съдържания)
– [br] = <br> (като shortcode)
– [clearfix] = <div class=“clearfix“></div> (като shortcode)
– [year] = текуща година (като shortcode)

Допълнителни Shortcode:
[su_row class="section"] - обгръщащ div с клас selction (може да се добавят още класове)
[/su_row] – затваряне на обгръщащ div

[su_column size="2/3" center="no" class="col"] - колона div с клас col (може да се добавят още класове)
[/su_column] – затваряне на колона div
Допълнително за колоните:
I. клас col – позволява всички съседни колони (на едно ниво) да бъдат с равни височини (гледа се най-високата), по подразбиране е float: left
II. size:
1/1 { width: 100% } /* done */
1/2 { width: 50% } /* done */
1/3 { width: 30.6% } /* maybe – 580*/
2/3 { width: 69.4% } /* maybe – 1320 */
1/4 { width: 24% }
3/4 { width: 76% }
1/5 { width: 18.8% }
2/5 { width: 37.8% } /* done – 720 */
3/5 { width: 62.2% } /* done – 1180 */
4/5 { width: 81.2% }
1/6 { width: 15.33% }
5/6 { width: 84.66% }

[section class=""]Content[/section] ‘section’ – с опция за клас, съдържание динамично

[div class=""]Content[/div] ‘div’ – с опция за клас, съдържание динамично

[ul class=""]Content[/ul] ‘ul’ – с опция за клас, съдържание динамично

[li class=""]Content[/li] ‘li’ – с опция за клас, съдържание динамично

Класове: (!important, добавя/презаписва ако няма/има съществуващи правила)
– hide = display: none
– show = display: block

– fl = float: left
– fr = float: right

– mt0 = margin-top: 0
– mt25 = margin-top: 25px
– mt50 = margin-top: 50px

– mb0 = margin-bottom: 0
– mb25 = margin-bottom: 25px
– mb50 = margin-bottom: 50px

– mr0 = margin-right: 0
– mr25 = margin-right: 25px
– mr50 = margin-right: 50px

– ml0 = margin-left: 0
– ml25 = margin-left: 25px
– ml50 = margin-left: 50px

– pt0 = padding-top: 0
– pt25 = padding-top: 25px
– pt50 = padding-top: 50px

– pb0 = padding-bottom: 0
– pb25 = padding-bottom: 25px
– pb50 = padding-bottom: 50px

– pr0 = padding-right: 0
– pr25 = padding-right: 25px
– pr50 = padding-right: 50px

– pl0 = padding-left: 0
– pl25 = padding-left: 25px
– pl50 = padding-left: 50px

– w10 = 10%
– w15 = 15%
– w20 = 20%
– w25 = 25%
– w30 = 30%
– w33 = 33.3%
– w35 = 35%
– w40 = 40%
– w45 = 45%
– w50 = 50%
– w55 = 55%
– w60 = 60%
– w65 = 65%
– w66 = 66.6%
– w70 = 70%
– w75 = 75%
– w80 = 80%
– w85 = 85%
– w90 = 90%
– w95 = 95%
– w100 = 100%