Сайт вебмастера
Войти
MAXSITE.ORG

Заголовок H1

Заголовок H2

Заголовок H3

Заголовок H4

Заголовок H5
Заголовок H6

Home Berry CSS

Home Berry CSS

Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi nisi optio id, quas maxime repudiandae fugiat modi necessitatibus consectetur dicta adipisci impedit quasi, earum soluta vitae enim sed laboriosam, ipsa voluptates odit porro totam nostrum fugit. Optio, saepe? Incidunt itaque rem maiores cumque nulla quis cum quod totam excepturi quos!

Lorem ipsum dolor sit amet mark consectetur adipisicing elit. Commodi nisi optio id, bold quas maxime repudiandae fugiat modi necessitatibus consectetur dicta adipisci impedit quasi, earum var soluta vitae enim sed laboriosam, s saepe ipsa voluptates odit code porro totam nostrum fugit. Optio, saepe? Incidunt itaque rem maiores cumque nulla Ctrl+C samp cum quod totam excepturi u odit porro totam quos!

pre Lorem ipsum dolor sit amet consectetur adipisicing elit. 
Commodi nisi optio id, quas maxime repudiandae fugiat modi necessitatibus consectetur dicta.

Lorem ipsum dolor t-overline sit amet consectetur adipisicing elit. Commodi nisi optio id, quas t-underline maxime repudiandae fugiat modi necessitatibus consectetur dicta t-strike adipisci impedit quasi, earum soluta vitae enim sed t-decoration-double adipisci impedit quasi laboriosam, ipsa voluptates odit porro totam nostrum fugit. Optio, saepe? t-decoration-wavy adipisci impedit quasi Incidunt itaque rem t-decoration-dashed adipisci impedit quasi maiores cumque t-decoration-dotted adipisci impedit quasi nulla quis cum quod totam excepturi quos!

blockquote Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi nisi optio id, quas maxime repudiandae fugiat modi necessitatibus consectetur dicta adipisci impedit quasi, earum soluta vitae enim sed laboriosam, ipsa voluptates nostrum fugit. Optio?

Заголовок H1

Lorem ipsum dolor sit t-underline t-underline-offset8px maxime repudiandae fugiat modi necessitatibus amet consectetur adipisicing elit. Commodi nisi optio id, quas maxime repudiandae fugiat modi necessitatibus consectetur dicta adipisci impedit quasi, earum soluta vitae enim sed laboriosam, ipsa voluptates odit porro totam nostrum fugit. Optio, saepe? Incidunt itaque rem maiores cumque nulla quis cum quod totam excepturi quos!

t-rtl Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi nisi optio id, quas maxime repudiandae fugiat modi necessitatibus consectetur dicta adipisci impedit quasi, earum soluta vitae enim sed laboriosam, ipsa voluptates odit porro totam nostrum fugit. Optio, saepe? Incidunt itaque rem maiores cumque nulla quis cum quod totam excepturi quos!

Заголовок H2

Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi nisi optio id, quas maxime repudiandae fugiat modi necessitatibus consectetur dicta adipisci impedit quasi, earum soluta vitae enim sed laboriosam, ipsa voluptates odit porro totam nostrum fugit. Optio, saepe? Incidunt itaque rem maiores cumque nulla quis cum quod totam excepturi quos!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi nisi optio id, quas maxime repudiandae fugiat modi necessitatibus consectetur dicta adipisci impedit quasi, earum soluta vitae enim sed laboriosam, ipsa voluptates odit porro totam nostrum fugit. Optio, saepe? Incidunt itaque rem maiores cumque nulla quis cum quod totam excepturi quos!

Заголовок H3

Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi nisi optio id, quas maxime repudiandae fugiat modi necessitatibus consectetur dicta adipisci impedit quasi, earum soluta vitae enim sed laboriosam, ipsa voluptates odit porro totam nostrum fugit. Optio, saepe? Incidunt itaque rem maiores cumque nulla quis cum quod totam excepturi quos!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi nisi optio id, quas maxime repudiandae fugiat modi necessitatibus consectetur dicta adipisci impedit quasi, earum soluta vitae enim sed laboriosam, ipsa voluptates odit porro totam nostrum fugit. Optio, saepe? Incidunt itaque rem maiores cumque nulla quis cum quod totam excepturi quos!

Заголовок H4

Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi nisi optio id, quas maxime repudiandae fugiat modi necessitatibus consectetur dicta adipisci impedit quasi, earum soluta vitae enim sed laboriosam, ipsa voluptates odit porro totam nostrum fugit. Optio, saepe? Incidunt itaque rem maiores cumque nulla quis cum quod totam excepturi quos!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi nisi optio id, quas maxime repudiandae fugiat modi necessitatibus consectetur dicta adipisci impedit quasi, earum soluta vitae enim sed laboriosam, ipsa voluptates odit porro totam nostrum fugit. Optio, saepe? Incidunt itaque rem maiores cumque nulla quis cum quod totam excepturi quos!

Заголовок H5

Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi nisi optio id, quas maxime repudiandae fugiat modi necessitatibus consectetur dicta adipisci impedit quasi, earum soluta vitae enim sed laboriosam, ipsa voluptates odit porro totam nostrum fugit. Optio, saepe? Incidunt itaque rem maiores cumque nulla quis cum quod totam excepturi quos!

Заголовок H6

Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi nisi optio id, quas maxime repudiandae fugiat modi necessitatibus consectetur dicta adipisci impedit quasi, earum soluta vitae enim sed laboriosam, ipsa voluptates odit porro totam nostrum fugit. Optio, saepe? Incidunt itaque rem maiores cumque nulla quis cum quod totam excepturi quos!

Lorem ipsum dolor sit amet consectetur adipisicing elit. Commodi nisi optio id, quas maxime repudiandae fugiat modi necessitatibus consectetur dicta adipisci impedit quasi, earum soluta vitae enim sed laboriosam, ipsa voluptates odit porro totam nostrum fugit. Optio, saepe? Incidunt itaque rem maiores cumque nulla quis cum quod totam excepturi quos!

Lorem ipsum dolor sit amet t-writing-vlr adipisicing t-writing-vrlelit. Commodi nisi optio id, quas maxime repudiandae fugiat modi necessitatibus consectetur dicta adipisci impedit quasi, earum soluta vitae enim sed laboriosam, ipsa voluptates odit porro totam nostrum fugit. Optio, saepe? Incidunt itaque rem maiores cumque nulla quis cum quod totam excepturi quos!

t-tracking-50 Lorem ipsum dolor sit amet consectetur adipisicing elit.
t-tracking-25 Lorem ipsum dolor sit amet consectetur adipisicing elit.
t-tracking0 Lorem ipsum dolor sit amet consectetur adipisicing elit.
t-tracking25 Lorem ipsum dolor sit amet consectetur adipisicing elit.
t-tracking50 Lorem ipsum dolor sit amet consectetur adipisicing elit.
t-tracking100 Lorem ipsum dolor sit amet consectetur adipisicing elit.
t-tracking150 Lorem ipsum dolor sit amet consectetur adipisicing elit.
t-tracking200 Lorem ipsum dolor sit amet consectetur adipisicing elit.
  • Список
  • Список
  • Список
  • Список
  1. Список
  2. Список
  3. Список
  4. Список
  • Список
  • Список
  • Список
  • Список
  • Список
  • Список
  • Список
  • Список


HTML-code
<button class="button" style="
--button-bg-color: hsl(106deg 40% 25%);
--button-hover-bg-color: hsl(106deg 40% 35%);
--button-focus-bg-color: hsl(106deg 40% 40%);
--button-focus-border: solid 1px hsl(106deg 20% 85%); 
--button-focus-shadow: 0 0 0 2px hsl(106deg 20% 85%); 
" type="button">custom button</button>

Animation Berry CSS

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Eaque fugit nisi placeat non sunt atque deserunt cum blanditiis assumenda vitae!

animation-ping

animation-spin

animation-pulse

Shadows

b-shadow1
b-shadow2
b-shadow3
b-shadow4
b-shadow5
b-shadow6
hover-b-shadow1
hover-b-shadow2
hover-b-shadow3
hover-b-shadow4
hover-b-shadow5
hover-b-shadow6

Gradients

gr-linear-top
gr-linear-right
gr-linear-bottom
gr-linear-left
gr-linear-top-right
gr-linear-top-left
gr-linear-bottom-right
gr-linear-bottom-left
gr-radial-circle
gr-radial-ellipse
gr-radial-closest-side
gr-radial-closest-corner
gr-radial-farthest-side
gr-radial-farthest-corner
gr-conic
gr-repeating-conic
gr-repeating-linear
gr-repeating-radial

Grig (css-grid)

grid-12col grid-6col-tablet gap10

1
2
3
4
5
6
7
8
9
10
11
12

Material Design

primary
50
50
100
100
150
150
200
200
250
250
300
300
350
350
400
400
450
450
500
500
550
550
600
600
650
650
700
700
750
750
800
800
850
850
900
900
950
950
secondary
50
50
100
100
150
150
200
200
250
250
300
300
350
350
400
400
450
450
500
500
550
550
600
600
650
650
700
700
750
750
800
800
850
850
900
900
950
950

Lorem ipsum dolor

Lorem ipsum dolor

Lorem ipsum dolor sit amet consectetur

Lorem ipsum dolor sit amet consectetur Link

Цветовые палитры

Если цвет не отображается, то он не определён в шаблоне. Используется Berry CSS.

50
gray
gray
red
red
brown
brown
orange
orange
yellow
yellow
lime
lime
green
green
teal
teal
cyan
cyan
blue
blue
indigo
indigo
violet
violet
purple
purple
pink
pink
100
gray
gray
red
red
brown
brown
orange
orange
yellow
yellow
lime
lime
green
green
teal
teal
cyan
cyan
blue
blue
indigo
indigo
violet
violet
purple
purple
pink
pink
150
gray
gray
red
red
brown
brown
orange
orange
yellow
yellow
lime
lime
green
green
teal
teal
cyan
cyan
blue
blue
indigo
indigo
violet
violet
purple
purple
pink
pink
200
gray
gray
red
red
brown
brown
orange
orange
yellow
yellow
lime
lime
green
green
teal
teal
cyan
cyan
blue
blue
indigo
indigo
violet
violet
purple
purple
pink
pink
250
gray
gray
red
red
brown
brown
orange
orange
yellow
yellow
lime
lime
green
green
teal
teal
cyan
cyan
blue
blue
indigo
indigo
violet
violet
purple
purple
pink
pink
300
gray
gray
red
red
brown
brown
orange
orange
yellow
yellow
lime
lime
green
green
teal
teal
cyan
cyan
blue
blue
indigo
indigo
violet
violet
purple
purple
pink
pink
350
gray
gray
red
red
brown
brown
orange
orange
yellow
yellow
lime
lime
green
green
teal
teal
cyan
cyan
blue
blue
indigo
indigo
violet
violet
purple
purple
pink
pink
400
gray
gray
red
red
brown
brown
orange
orange
yellow
yellow
lime
lime
green
green
teal
teal
cyan
cyan
blue
blue
indigo
indigo
violet
violet
purple
purple
pink
pink
450
gray
gray
red
red
brown
brown
orange
orange
yellow
yellow
lime
lime
green
green
teal
teal
cyan
cyan
blue
blue
indigo
indigo
violet
violet
purple
purple
pink
pink
500
gray
gray
red
red
brown
brown
orange
orange
yellow
yellow
lime
lime
green
green
teal
teal
cyan
cyan
blue
blue
indigo
indigo
violet
violet
purple
purple
pink
pink
550
gray
gray
red
red
brown
brown
orange
orange
yellow
yellow
lime
lime
green
green
teal
teal
cyan
cyan
blue
blue
indigo
indigo
violet
violet
purple
purple
pink
pink
600
gray
gray
red
red
brown
brown
orange
orange
yellow
yellow
lime
lime
green
green
teal
teal
cyan
cyan
blue
blue
indigo
indigo
violet
violet
purple
purple
pink
pink
650
gray
gray
red
red
brown
brown
orange
orange
yellow
yellow
lime
lime
green
green
teal
teal
cyan
cyan
blue
blue
indigo
indigo
violet
violet
purple
purple
pink
pink
700
gray
gray
red
red
brown
brown
orange
orange
yellow
yellow
lime
lime
green
green
teal
teal
cyan
cyan
blue
blue
indigo
indigo
violet
violet
purple
purple
pink
pink
750
gray
gray
red
red
brown
brown
orange
orange
yellow
yellow
lime
lime
green
green
teal
teal
cyan
cyan
blue
blue
indigo
indigo
violet
violet
purple
purple
pink
pink
800
gray
gray
red
red
brown
brown
orange
orange
yellow
yellow
lime
lime
green
green
teal
teal
cyan
cyan
blue
blue
indigo
indigo
violet
violet
purple
purple
pink
pink
850
gray
gray
red
red
brown
brown
orange
orange
yellow
yellow
lime
lime
green
green
teal
teal
cyan
cyan
blue
blue
indigo
indigo
violet
violet
purple
purple
pink
pink
900
gray
gray
red
red
brown
brown
orange
orange
yellow
yellow
lime
lime
green
green
teal
teal
cyan
cyan
blue
blue
indigo
indigo
violet
violet
purple
purple
pink
pink
950
gray
gray
red
red
brown
brown
orange
orange
yellow
yellow
lime
lime
green
green
teal
teal
cyan
cyan
blue
blue
indigo
indigo
violet
violet
purple
purple
pink
pink

gray
50
50
100
100
150
150
200
200
250
250
300
300
350
350
400
400
450
450
500
500
550
550
600
600
650
650
700
700
750
750
800
800
850
850
900
900
950
950
red
50
50
100
100
150
150
200
200
250
250
300
300
350
350
400
400
450
450
500
500
550
550
600
600
650
650
700
700
750
750
800
800
850
850
900
900
950
950
brown
50
50
100
100
150
150
200
200
250
250
300
300
350
350
400
400
450
450
500
500
550
550
600
600
650
650
700
700
750
750
800
800
850
850
900
900
950
950
orange
50
50
100
100
150
150
200
200
250
250
300
300
350
350
400
400
450
450
500
500
550
550
600
600
650
650
700
700
750
750
800
800
850
850
900
900
950
950
yellow
50
50
100
100
150
150
200
200
250
250
300
300
350
350
400
400
450
450
500
500
550
550
600
600
650
650
700
700
750
750
800
800
850
850
900
900
950
950
lime
50
50
100
100
150
150
200
200
250
250
300
300
350
350
400
400
450
450
500
500
550
550
600
600
650
650
700
700
750
750
800
800
850
850
900
900
950
950
green
50
50
100
100
150
150
200
200
250
250
300
300
350
350
400
400
450
450
500
500
550
550
600
600
650
650
700
700
750
750
800
800
850
850
900
900
950
950
teal
50
50
100
100
150
150
200
200
250
250
300
300
350
350
400
400
450
450
500
500
550
550
600
600
650
650
700
700
750
750
800
800
850
850
900
900
950
950
cyan
50
50
100
100
150
150
200
200
250
250
300
300
350
350
400
400
450
450
500
500
550
550
600
600
650
650
700
700
750
750
800
800
850
850
900
900
950
950
blue
50
50
100
100
150
150
200
200
250
250
300
300
350
350
400
400
450
450
500
500
550
550
600
600
650
650
700
700
750
750
800
800
850
850
900
900
950
950
indigo
50
50
100
100
150
150
200
200
250
250
300
300
350
350
400
400
450
450
500
500
550
550
600
600
650
650
700
700
750
750
800
800
850
850
900
900
950
950
violet
50
50
100
100
150
150
200
200
250
250
300
300
350
350
400
400
450
450
500
500
550
550
600
600
650
650
700
700
750
750
800
800
850
850
900
900
950
950
purple
50
50
100
100
150
150
200
200
250
250
300
300
350
350
400
400
450
450
500
500
550
550
600
600
650
650
700
700
750
750
800
800
850
850
900
900
950
950
pink
50
50
100
100
150
150
200
200
250
250
300
300
350
350
400
400
450
450
500
500
550
550
600
600
650
650
700
700
750
750
800
800
850
850
900
900
950
950
bg-white / t-black
bg-black / t-white
t-color1
t-color2
t-color3
t-color4
t-color5
t-color6
t-color7
t-color8
t-color9
t-primary
t-secondary
t-gray
t-red
t-brown
t-orange
t-yellow
t-lime
t-green
t-teal
t-cyan
t-blue
t-indigo
t-violet
t-purple
t-pink
t-color1
t-color2
t-color3
t-color4
t-color5
t-color6
t-color7
t-color8
t-color9
t-primary
t-secondary
t-gray
t-red
t-brown
t-orange
t-yellow
t-lime
t-green
t-teal
t-cyan
t-blue
t-indigo
t-violet
t-purple
t-pink
bg-color1
bg-color1
bg-color2
bg-color2
bg-color3
bg-color3
bg-color4
bg-color4
bg-color5
bg-color5
bg-color6
bg-color6
bg-color7
bg-color7
bg-color8
bg-color8
bg-color9
bg-color9
bg-primary
bg-primary
bg-secondary
bg-secondary
bg-gray
bg-gray
bg-red
bg-red
bg-brown
bg-brown
bg-orange
bg-orange
bg-yellow
bg-yellow
bg-lime
bg-lime
bg-green
bg-green
bg-teal
bg-teal
bg-cyan
bg-cyan
bg-blue
bg-blue
bg-indigo
bg-indigo
bg-violet
bg-violet
bg-purple
bg-purple
bg-pink
bg-pink
bor-black
bor-white
bor-gray100
bor-gray200
bor-gray300
bor-gray400
bor-gray(500)
bor-gray600
bor-gray700
bor-gray800
bor-gray900
bor-color1
bor-color2
bor-color3
bor-color4
bor-color5
bor-color6
bor-color7
bor-color8
bor-color9
bor-primary
bor-secondary
bor-red
bor-brown
bor-orange
bor-yellow
bor-lime
bor-green
bor-teal
bor-cyan
bor-blue
bor-indigo
bor-violet
bor-purple
bor-pink
MAXSITE.ORG - сайт вебмастера © 2006-2024
Сайт вебмастера
Контакты Условия использования Карта сайта RSS
Powered by Albireo CMSСайт использует cookies0.150s/3.54Mb
Проекты
Ссылки