Заказать звонок
Каталог
Меню

Кнопки, ссылки и картинки в контенте

1) Простая кнопка. Используйте класс button

Кнопка

<a href="#" class="button">Кнопка</a>


2) Ссылка-кнопка. Используйте класс link-ac-border (акцентный цвет цветовой схемы), link-bs-border (базовый цвет цветовой схемы), link-border (цвет совпадает с цветом текста), link-red-border (красный цвет)

Ссылка с бордером

Ссылка с бордером

Ссылка с бордером

Ссылка с бордером

<a href="#" class="link-ac-border">Ссылка с бордером <em class="sk-icon far fa-long-arrow-alt-right"></em></a>


3) Ссылка-кнопка маленькая. Используйте вместе классы link-ac-border -sk-small (другие цвета: "link-bs-border -sk-small", "link-border -sk-small", "link-red-border -sk-small")

Ссылка с бордером

Ссылка с бордером

Ссылка с бордером

Ссылка с бордером

<a href="#" class="link-ac-border -sk-small">Ссылка с бордером <em class="sk-icon far fa-long-arrow-alt-right"></em></a>


4) Ссылка-кнопка большая. Используйте вместе классы link-ac-border -sk-large (другие цвета: "link-bs-border -sk-large", "link-red-border -sk-large", "link-border -sk-large")

Ссылка с бордером

Ссылка с бордером

Ссылка с бордером

Ссылка с бордером

<a href="#" class="link-ac-border -sk-large">Ссылка с бордером <em class="sk-icon far fa-long-arrow-alt-right"></em></a>


5) Ссылка-кнопка большая на всю ширину экрана. Используйте вместе классы link-ac-border -sk-large -sk-w100 (другие цвета: "link-bs-border -sk-large -sk-w100", "link-red-border -sk-large -sk-w100", "link-border -sk-large -sk-w100")

Ссылка с бордером

Ссылка с бордером

Ссылка с бордером

Ссылка с бордером

<a href="#" class="link-ac-border -sk-large -sk-w100">Ссылка с бордером <em class="sk-icon far fa-long-arrow-alt-right"></em></a>


6) Кнопка-иконка. Используйте класс btn-icon

<span class="btn-icon"><em class="fas fa-wallet"></em></span>


7) Кнопка-иконка маленькая. Используйте вместе классы btn-icon -s

<span class="btn-icon -s"><em class="fas fa-wallet"></em></span>


8) Картинка с бордер радиусом 25px. Используйте класс br-25

<img class="br-25" src="путь до картинки">


Картинка с бордер радиусом 15px. Используйте класс br-15

<img class="br-15" src="путь до картинки">


Картинка с бордер радиусом 10px. Используйте класс br-15

<img class="br-10" src="путь до картинки">

ГлавнаяКаталогИскатьПрофиль0Корзина