Colors

Color palette

Theme Lead
$color-theme--lead
Theme Lead--lighten
$color-theme--lead--lighten
Theme Lead--lightest
$color-theme--lead--lightest
Theme Dark
$color-theme--grey
Theme Darken
$color-theme--darken
Theme Grey
$color-theme--dark

Color elements

Text Color
$color-text
Text Lighten Color
$color-text--lighten
$color-link
$color-link--hover
Borders Color
$color-borders
Fields Color
$color-fields

Typography

Title page
.title-page

Наши преимущества

Sub title page
.sub-title-page

Прихожая и крыльцо

Link
Link to
Base text

Изготовление мраморной продукции – это благородное мастерство, которое выходит из истоков далекого прошлого. Изготовление мраморной продукции – это благородное мастерство, которое выходит из истоков далекого прошлого. Изготовление мраморной продукции – это благородное мастерство, которое выходит из истоков далекого прошлого. Изготовление мраморной продукции – это благородное мастерство, которое выходит из истоков далекого прошлого.

Изготовление мраморной продукции – это благородное мастерство, которое выходит из истоков далекого прошлого.

Text light
.txt-light

Изготовление мраморной продукции – это благородное мастерство, которое выходит из истоков далекого прошлого. Изготовление мраморной продукции – это благородное мастерство, которое выходит из истоков далекого прошлого. Изготовление мраморной продукции – это благородное мастерство, которое выходит из истоков далекого прошлого. Изготовление мраморной продукции – это благородное мастерство, которое выходит из истоков далекого прошлого.

Изготовление мраморной продукции – это благородное мастерство, которое выходит из истоков далекого прошлого.

Icon Set

  • .icon.icon-angle-left
  • .icon.icon-angle-right
  • .icon.icon-angle-down
  • .icon.icon-angle-up
  • .icon.icon-facebook-lt
  • .icon.icon-vk-lt
  • .icon.icon-googleplus-lt
  • .icon.icon-mail
  • .icon.icon-item
  • .icon.icon-phone
  • .icon.icon-search
  • .icon.icon-triangle-fill
  • .icon.icon-cross
  • .icon.icon-list-bullets
  • .icon.icon-plus
  • .icon.icon-hr
  • .icon.icon-dollar
  • .icon.icon-dollars-double
  • .icon.icon-messages
  • .icon.icon-shield
  • .icon.icon-tools
  • .icon.icon-truck
  • .icon.icon-chevron-right-double
  • .icon.icon-info-circle
  • .icon.icon-info-circle-fill
  • .icon.icon-arrow-line-down
  • .icon.icon-square-check
  • .icon.icon-menu-tile
  • .icon.icon-menu-list
  • .icon.icon-chevron-left-double
  • .icon.icon-filter

Buttons

Buttons

Default
.btn-tm
Border
.btn-tm.-border
Fill
.btn-tm.-fill
Fill lighten
.btn-tm.-fill.-lighten
Fill animate
.btn-tm.-fill.-anim-bg
Fill animate scale
.btn-tm.-fill.-anim-scale
Full width
.btn-tm.-full-w
Lg size
.btn-tm.-lg-sz
Disabled buttons
.btn-tm.-disabled with [disabled]

Buttons Arrow

Button arrow default
.btn-arrow.-border
Button arrow lighten
.btn-arrow.-lighten
Button arrow lead
.btn-arrow.-lead
Button arrow sm
.btn-arrow.-sm

Breadcrumbs

Custom Select

Select with default value
<select class="cs-select">
    <option value="" disabled selected>Выбирете значение</option>
    <option value="От дорогих к дешевым">От дорогих к дешевым</option>
    <option value="Новинки">Новинки</option>
    <option value="Акционные">Акционные</option>
</select>
                
Select with selected value
<select class="cs-select">
    <option value="От дорогих к дешевым" selected>От дорогих к дешевым</option>
    <option value="Новинки" >Новинки</option>
    <option value="Акционные"  >Акционные</option>
</select>
                
Select options left ".cs-left"
<select class="cs-select cs-left">
    <option value="От дорогих к дешевым">От дорогих к дешевым</option>
    <option value="Новинки" selected>Новинки</option>
    <option value="Акционные">Акционные</option>
</select>
                
Select options right ".cs-right"
<select class="cs-select cs-right">
    <option value="От дорогих к дешевым">От дорогих к дешевым</option>
    <option value="Новинки" selected>Новинки</option>
    <option value="Акционные">Акционные</option>
</select>
                
Select full width ".cs-full-width"
<select class="cs-select cs-full-width">
    <option value="" disabled selected>Выбирете значение</option>
    <option value="От дорогих к дешевым">От дорогих к дешевым</option>
    <option value="Новинки">Новинки</option>
    <option value="Акционные">Акционные</option>
</select>
                
Select with equal width ".cs-equal-width"
Recommended if cs-select width has no explicit value
<select class="cs-select cs-equal-width">
    <option value="От дорогих к дешевым">От дорогих к дешевым</option>
    <option value="Новинки" selected>Новинки</option>
    <option value="Акционные">Акционные</option>
</select>
                
Select with form submit event via data attr
<select class="cs-select cs-equal-width" data-submit="true" data-form="sortForm">
    <option value="От дорогих к дешевым" >От дорогих к дешевым</option>
    <option value="Новинки" selected>Новинки</option>
    <option value="Акционные"  >Акционные</option>
</select>
                

Pagination

Feedback Form

News Item

Single review

Валерий

Сейчас, когда я и мои коллеги вернулись, хочу еще раз поблагодарить Вас за теплый и радушный прием, который Вы оказали нам во время пребывания у Вас. Уверена, что состоявшиеся переговоры принесут немалую пользу в развитии наших деловых отношений и между нашими коллегами сложились не только хорошие рабочие, но и по-человечески теплые отношения.