Color box

Red color box

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

Sea color box

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

Blue color box

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

{html:_row}
    {html:_col class='col-md-4'}
        {style:colorbox color='red'}
            {html:h4}
                Red color box
{/html:h4} {html:i class='fa fa-cloud-download fa-2'} {/html:i} {html:p} Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
{/html:p} {/style:colorbox} {/html:_col} {html:_col class='col-md-4'} {style:colorbox color='sea'} {html:h4} Sea color box
{/html:h4} {html:i class='fa fa-cloud-download fa-2'} {/html:i} {html:p} Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
{/html:p} {/style:colorbox} {/html:_col} {html:_col class='col-md-4'} {style:colorbox color='blue'} {html:h4} Blue color box
{/html:h4} {html:i class='fa fa-cloud-download fa-2'} {/html:i} {html:p} Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
{/html:p} {/style:colorbox} {/html:_col} {/html:_row}

Grey color box

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

Yellow color box

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

Orange color box

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

Green color box

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua

{html:_row}
    {html:_col class='col-md-3'}
        {style:colorbox color='grey'}
            {html:h4}
                Grey color box
{/html:h4} {html:i class='fa fa-cloud-download fa-2'} {/html:i} {html:p} Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
{/html:p} {/style:colorbox} {/html:_col} {html:_col class='col-md-3'} {style:colorbox color='yellow'} {html:h4} Yellow color box
{/html:h4} {html:i class='fa fa-cloud-download fa-2'} {/html:i} {html:p} Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
{/html:p} {/style:colorbox} {/html:_col} {html:_col class='col-md-3'} {style:colorbox color='orange'} {html:h4} Orange color box
{/html:h4} {html:i class='fa fa-cloud-download fa-2'} {/html:i} {html:p} Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
{/html:p} {/style:colorbox} {/html:_col} {html:_col class='col-md-3'} {style:colorbox color='green'} {html:h4} Green color box
{/html:h4} {html:i class='fa fa-cloud-download fa-2'} {/html:i} {html:p} Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua
{/html:p} {/style:colorbox} {/html:_col} {/html:_row}

Border box

Border left box

Et harum quidem rerum facilis est et expedita distinctio lorem ipsum dolor sit amet consectetur adipiscing elit. Ut non libero consectetur adipiscing elit magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat.

{borderbox:left}
    {html:h4}Border left box {/html:h4}
    {html:p}
        Et harum quidem rerum facilis est et expedita distinctio lorem ipsum dolor sit amet consectetur adipiscing elit. Ut non libero consectetur adipiscing elit magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat.
{/html:p} {/borderbox:left}

Border top box

Et harum quidem rerum facilis est et expedita distinctio lorem ipsum dolor sit amet consectetur adipiscing elit. Ut non libero consectetur adipiscing elit magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat.

{borderbox:top type='dotted' width='4px' color='red'}
    {html:h4}Border top box {/html:h4}
    {html:p}
        Et harum quidem rerum facilis est et expedita distinctio lorem ipsum dolor sit amet consectetur adipiscing elit. Ut non libero consectetur adipiscing elit magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat.
{/html:p} {/borderbox:top}

Border right box

Et harum quidem rerum facilis est et expedita distinctio lorem ipsum dolor sit amet consectetur adipiscing elit. Ut non libero consectetur adipiscing elit magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat.

{borderbox:right style='' width='2px' color='#3498db'}
    {html:h4}Border right box {/html:h4}
    {html:p}
        Et harum quidem rerum facilis est et expedita distinctio lorem ipsum dolor sit amet consectetur adipiscing elit. Ut non libero consectetur adipiscing elit magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat.
{/html:p} {/borderbox:right}

Border bottom box

Et harum quidem rerum facilis est et expedita distinctio lorem ipsum dolor sit amet consectetur adipiscing elit. Ut non libero consectetur adipiscing elit magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat.

{borderbox:bottom style='' width='2px' color='#95a5a6'}
    {html:h4}Border bottom box {/html:h4}
    {html:p}
        Et harum quidem rerum facilis est et expedita distinctio lorem ipsum dolor sit amet consectetur adipiscing elit. Ut non libero consectetur adipiscing elit magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat.
{/html:p} {/borderbox:bottom}

Border custom box

Et harum quidem rerum facilis est et expedita distinctio lorem ipsum dolor sit amet consectetur adipiscing elit. Ut non libero consectetur adipiscing elit magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat.

{borderbox:top style='border-bottom: double #1abc9c 2px ' type='dotted' width='4px' color='#FDC100'}
    {html:h4}Border custom box {/html:h4}
    {html:p}
        Et harum quidem rerum facilis est et expedita distinctio lorem ipsum dolor sit amet consectetur adipiscing elit. Ut non libero consectetur adipiscing elit magna. Sed et quam lacus. Fusce condimentum eleifend enim a feugiat.
{/html:p} {/borderbox:top}