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

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

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

Примеры HTML

Ссылка

<a href="http://www.site.com">http://www.site.com</a>

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

<a href="http://www.site.com">Ссылка</a>

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

<a target="_blank" href="http://www.site.com">Ссылка</a>

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

<a href="mailto:your@email.ru">your@email.ru</a>

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

<i class="fa fa-envelope"></i> <a href="mailto:your@email.ru">your@email.ru</a>

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

<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>

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

<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>