Изменить цветовую тему


Купить шаблон

 

Использование HTML-элементов

На этой страницы приведены примеры html-кода, которые могут вам потребоваться для наполнения сайта. При наполнении страниц контентом для добавления приведенных ниже примеров необходимо переключиться в режим «HTML». В настройках шаблона переключателя режимов нет, и вы можете добавлять код непосредственно в текстовые поля.

Если вы испытываете затруднения в работе с html — обратитесь к специалистам.

Примеры HTML

Ссылка

<a href="http://www.site.com">http://www.site.com</a>
Результат: http://www.site.com

Текстовая ссылка

<a href="http://www.site.com">Ссылка</a>
Результат: Ссылка

Текстовая ссылка, открывающаяся в новом окне/вкладке

<a target="_blank" href="http://www.site.com">Ссылка</a>
Результат: Google

Ссылка на адрес электронной почты

<a href="mailto:your@email.ru">your@email.ru</a>
Результат: your@email.ru

Ссылка на адрес электронной почты с иконкой

<i class="fa fa-envelope"></i> <a href="mailto:your@email.ru">your@email.ru</a>
Результат: your@email.ru

Кнопка-ссылка

<a class="btn" href="http://www.yandex.ru">Открыть яндекс</a>
Результат: Открыть яндекс

Изображение

<img src="http://shade.dev.x.veche.pro/banner-geterator.jpg" width="238" height="300">
Результат:

Готовые блоки

Ссылки в шапке

<i class="fa fa-envelope"></i> 
<a href="your@email.com">your@email.com</a> 
    <i class="sh-sprt"></i>
<i class="fa fa-globe"></i> 
<a href="/contacts/">Contacts</a> 
    <i class="sh-sprt"></i> 
<i class="fa fa-rss"></i> 
<a href="/rss/">RSS</a>
Результат: your@email.com Contacts RSS

Блок преимуществ

<div class="row">
    <div class="col-sm-4">
        <h4>
            <i class="fa fa-leaf sh-xxl-fa"></i>
            Illo inventore veritatis et 
            molestiae consequatur
        </h4>
        <p>
            Lorem ipsum dolor sit amet.
            Veniam, quis nostrum exercitationem 
            ullam corporis suscipit laboriosam, 
            nisi ut labore. Sit voluptatem 
            accusantium doloremque 
            laudantium, totam rem aperiam.
        </p>
    </div>
    <div class="col-sm-4">
        <h4> 
            <i class="fa fa-gift sh-xxl-fa"></i>
            Veniam, quis nostrum exercitationem 
        </h4>
        <p>
            Lorem ipsum dolor sit amet. Veniam, 
            quis nostrum exercitationem ullam 
            corporis suscipit laboriosam, nisi 
            ut labore. Sit voluptatem accusantium 
            doloremque laudantium, totam rem 
            aperiam.
        </p>
    </div>
    <div class="col-sm-4"> 
        <h4> 
            <i class="fa fa-thumbs-o-up sh-xxl-fa"></i>
            Minima veniam, quis nostrum
            exercitationem.
        </h4>
        <p>
        Lorem ipsum dolor sit amet. Veniam, quis nostrum 
        exercitationem ullam corporis suscipit 
        laboriosam, nisi ut labore. Sit voluptatem 
        accusantium doloremque laudantium, totam rem 
        aperiam.
        </p>
    </div>
</div>
Результат:

Illo inventore veritatis et molestiae consequatur

Lorem ipsum dolor sit amet. Veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut labore. Sit voluptatem accusantium doloremque laudantium, totam rem aperiam.

Veniam, quis nostrum exercitationem

Lorem ipsum dolor sit amet. Veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut labore. Sit voluptatem accusantium doloremque laudantium, totam rem aperiam.

Minima veniam, quis nostrum exercitationem.

Lorem ipsum dolor sit amet. Veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut labore. Sit voluptatem accusantium doloremque laudantium, totam rem aperiam.