Number Boxes

Jogobu GroupNumber Boxes

Number Boxes

default style
01

Number Box

Duis sit amet fermentum magna. Ut eget sem eget nunc blandit fermentum a non lectus. Phasellus cursus sapien at arcu feugiat, non commodo erat facilisis. Curabitur ac enim lobortis, tempor nisl sed, convallis dolor.

02

Number Box

Duis sit amet fermentum magna. Ut eget sem eget nunc blandit fermentum a non lectus. Phasellus cursus sapien at arcu feugiat, non commodo erat facilisis. Curabitur ac enim lobortis, tempor nisl sed, convallis dolor.

03

Number Box

Duis sit amet fermentum magna. Ut eget sem eget nunc blandit fermentum a non lectus. Phasellus cursus sapien at arcu feugiat, non commodo erat facilisis. Curabitur ac enim lobortis, tempor nisl sed, convallis dolor.

01

Number Box

Duis sit amet fermentum magna. Ut eget sem eget nunc blandit fermentum a non lectus. Phasellus cursus sapien at arcu feugiat, non commodo erat facilisis. Curabitur ac enim lobortis, tempor nisl sed, convallis dolor.

02

Number Box

Duis sit amet fermentum magna. Ut eget sem eget nunc blandit fermentum a non lectus. Phasellus cursus sapien at arcu feugiat, non commodo erat facilisis. Curabitur ac enim lobortis, tempor nisl sed, convallis dolor.

03

Number Box

Duis sit amet fermentum magna. Ut eget sem eget nunc blandit fermentum a non lectus. Phasellus cursus sapien at arcu feugiat, non commodo erat facilisis. Curabitur ac enim lobortis, tempor nisl sed, convallis dolor.

Number Boxes

custom colors
#striped-custom-6702f2ae27760 .number-container {color:#09a274; -webkit-box-shadow:0 0 0 1px #09a274; -moz-box-shadow:0 0 0 1px #09a274; box-shadow:0 0 0 1px #09a274;} #striped-custom-6702f2ae27760 .number-container span {color:#09a274;} #striped-custom-6702f2ae27760:hover .number-container {background-color:#09a274;} #striped-custom-6702f2ae27760:hover .number-container span {color:#fff;}
A

Number Box

Duis sit amet fermentum magna. Ut eget sem eget nunc blandit fermentum a non lectus. Phasellus cursus sapien at arcu feugiat, non commodo erat facilisis. Curabitur ac enim lobortis, tempor nisl sed, convallis dolor.

Learn more
#striped-custom-6702f2ae27946 .number-container {color:#dd012f; -webkit-box-shadow:0 0 0 1px #dd012f; -moz-box-shadow:0 0 0 1px #dd012f; box-shadow:0 0 0 1px #dd012f;} #striped-custom-6702f2ae27946 .number-container span {color:#dd012f;} #striped-custom-6702f2ae27946:hover .number-container {background-color:#dd012f;} #striped-custom-6702f2ae27946:hover .number-container span {color:#fff;}
B

Number Box

Duis sit amet fermentum magna. Ut eget sem eget nunc blandit fermentum a non lectus. Phasellus cursus sapien at arcu feugiat, non commodo erat facilisis. Curabitur ac enim lobortis, tempor nisl sed, convallis dolor.

Learn more
#striped-custom-6702f2ae27b10 .number-container {color:#7d388b; -webkit-box-shadow:0 0 0 1px #7d388b; -moz-box-shadow:0 0 0 1px #7d388b; box-shadow:0 0 0 1px #7d388b;} #striped-custom-6702f2ae27b10 .number-container span {color:#7d388b;} #striped-custom-6702f2ae27b10:hover .number-container {background-color:#7d388b;} #striped-custom-6702f2ae27b10:hover .number-container span {color:#fff;}
C

Number Box

Duis sit amet fermentum magna. Ut eget sem eget nunc blandit fermentum a non lectus. Phasellus cursus sapien at arcu feugiat, non commodo erat facilisis. Curabitur ac enim lobortis, tempor nisl sed, convallis dolor.

Learn more

Number Boxes

small left aligned
01

Number Box

Duis sit amet fermentum magna. Ut eget sem eget nunc blandit fermentum a non lectus. Phasellus cursus sapien at arcu feugiat, non commodo erat facilisis. Curabitur ac enim lobortis, tempor nisl sed, convallis dolor.

02

Number Box

Duis sit amet fermentum magna. Ut eget sem eget nunc blandit fermentum a non lectus. Phasellus cursus sapien at arcu feugiat, non commodo erat facilisis. Curabitur ac enim lobortis, tempor nisl sed, convallis dolor.

03

Number Box

Duis sit amet fermentum magna. Ut eget sem eget nunc blandit fermentum a non lectus. Phasellus cursus sapien at arcu feugiat, non commodo erat facilisis. Curabitur ac enim lobortis, tempor nisl sed, convallis dolor.

01

Number Box

Duis sit amet fermentum magna. Ut eget sem eget nunc blandit fermentum a non lectus. Phasellus cursus sapien at arcu feugiat, non commodo erat facilisis. Curabitur ac enim lobortis, tempor nisl sed, convallis dolor.

02

Number Box

Duis sit amet fermentum magna. Ut eget sem eget nunc blandit fermentum a non lectus. Phasellus cursus sapien at arcu feugiat, non commodo erat facilisis. Curabitur ac enim lobortis, tempor nisl sed, convallis dolor.

03

Number Box

Duis sit amet fermentum magna. Ut eget sem eget nunc blandit fermentum a non lectus. Phasellus cursus sapien at arcu feugiat, non commodo erat facilisis. Curabitur ac enim lobortis, tempor nisl sed, convallis dolor.

Number Boxes

small right aligned
#striped-custom-6702f2ae29977 .number-container {color:#dd012f; -webkit-box-shadow:0 0 0 1px #dd012f; -moz-box-shadow:0 0 0 1px #dd012f; box-shadow:0 0 0 1px #dd012f;} #striped-custom-6702f2ae29977 .number-container span {color:#dd012f;} #striped-custom-6702f2ae29977:hover .number-container {background-color:#dd012f;} #striped-custom-6702f2ae29977:hover .number-container span {color:#fff;}
01

Number Box

Duis sit amet fermentum magna. Ut eget sem eget nunc blandit fermentum a non lectus. Phasellus cursus sapien at arcu feugiat, non commodo erat facilisis. Curabitur ac enim lobortis, tempor nisl sed, convallis dolor.

#striped-custom-6702f2ae29b09 .number-container {color:#dd9933; -webkit-box-shadow:0 0 0 1px #dd9933; -moz-box-shadow:0 0 0 1px #dd9933; box-shadow:0 0 0 1px #dd9933;} #striped-custom-6702f2ae29b09 .number-container span {color:#dd9933;} #striped-custom-6702f2ae29b09:hover .number-container {background-color:#dd9933;} #striped-custom-6702f2ae29b09:hover .number-container span {color:#fff;}
02

Number Box

Duis sit amet fermentum magna. Ut eget sem eget nunc blandit fermentum a non lectus. Phasellus cursus sapien at arcu feugiat, non commodo erat facilisis. Curabitur ac enim lobortis, tempor nisl sed, convallis dolor.

#striped-custom-6702f2ae29cd1 .number-container {color:#09a274; -webkit-box-shadow:0 0 0 1px #09a274; -moz-box-shadow:0 0 0 1px #09a274; box-shadow:0 0 0 1px #09a274;} #striped-custom-6702f2ae29cd1 .number-container span {color:#09a274;} #striped-custom-6702f2ae29cd1:hover .number-container {background-color:#09a274;} #striped-custom-6702f2ae29cd1:hover .number-container span {color:#fff;}
03

Number Box

Duis sit amet fermentum magna. Ut eget sem eget nunc blandit fermentum a non lectus. Phasellus cursus sapien at arcu feugiat, non commodo erat facilisis. Curabitur ac enim lobortis, tempor nisl sed, convallis dolor.

#striped-custom-6702f2ae2a087 .number-container {color:#dd012f; -webkit-box-shadow:0 0 0 1px #dd012f; -moz-box-shadow:0 0 0 1px #dd012f; box-shadow:0 0 0 1px #dd012f;} #striped-custom-6702f2ae2a087 .number-container span {color:#dd012f;} #striped-custom-6702f2ae2a087:hover .number-container {background-color:#dd012f;} #striped-custom-6702f2ae2a087:hover .number-container span {color:#fff;}
01

Number Box

Duis sit amet fermentum magna. Ut eget sem eget nunc blandit fermentum a non lectus. Phasellus cursus sapien at arcu feugiat, non commodo erat facilisis. Curabitur ac enim lobortis, tempor nisl sed, convallis dolor.

#striped-custom-6702f2ae2a27d .number-container {color:#dd9933; -webkit-box-shadow:0 0 0 1px #dd9933; -moz-box-shadow:0 0 0 1px #dd9933; box-shadow:0 0 0 1px #dd9933;} #striped-custom-6702f2ae2a27d .number-container span {color:#dd9933;} #striped-custom-6702f2ae2a27d:hover .number-container {background-color:#dd9933;} #striped-custom-6702f2ae2a27d:hover .number-container span {color:#fff;}
02

Number Box

Duis sit amet fermentum magna. Ut eget sem eget nunc blandit fermentum a non lectus. Phasellus cursus sapien at arcu feugiat, non commodo erat facilisis. Curabitur ac enim lobortis, tempor nisl sed, convallis dolor.

#striped-custom-6702f2ae2a40c .number-container {color:#09a274; -webkit-box-shadow:0 0 0 1px #09a274; -moz-box-shadow:0 0 0 1px #09a274; box-shadow:0 0 0 1px #09a274;} #striped-custom-6702f2ae2a40c .number-container span {color:#09a274;} #striped-custom-6702f2ae2a40c:hover .number-container {background-color:#09a274;} #striped-custom-6702f2ae2a40c:hover .number-container span {color:#fff;}
03

Number Box

Duis sit amet fermentum magna. Ut eget sem eget nunc blandit fermentum a non lectus. Phasellus cursus sapien at arcu feugiat, non commodo erat facilisis. Curabitur ac enim lobortis, tempor nisl sed, convallis dolor.