# Portlets | Coco - Responsive Bootstrap Admin Template
Author: Huban Creative
Keywords: coco bootstrap template, coco admin, bootstrap,admin template, bootstrap admin,

### Task Progress Information

CLEANING BUGS

80% Complete

POSTING SOME STUFF

65% Complete

BACKUP DATA FROM SERVER

95% Complete

RE-DESIGNING WEB APPLICATION

100% Complete

### Logout Confirmation

Are you sure want to logout from this awesome system?

Yeah, I'm sure

#

# Portlets

## Full Featured

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et lorem sollicitudin, laoreet leo a, sodales mauris. Integer egestas, nunc non elementum faucibus, augue augue aliquet tellus, non ultrices sapien quam vitae ligula. Proin luctus sed ante et eleifend. Nunc pharetra porta lacus vel gravida. Mauris tempor mollis est, vel posuere nisl mollis nec. Sed semper ipsum ut dignissim tempor. Etiam enim arcu, imperdiet a scelerisque eu, lobortis quis magna. Nullam vestibulum adipiscing odio, sit amet pharetra felis aliquam et. Suspendisse id gravida odio, at blandit felis. Etiam posuere, lorem sit amet accumsan pretium, diam purus rhoncus eros, at porta ipsum ipsum eget nisi. Proin posuere nunc lacus, a mollis lacus dapibus quis. Duis rutrum augue id turpis fermentum bibendum.

Ut odio magna, ultricies at nisl vel, venenatis hendrerit orci. Donec adipiscing nisi a lacus varius, quis malesuada nibh interdum. Suspendisse vestibulum porttitor nunc nec iaculis. Mauris placerat, mauris viverra facilisis vehicula, ligula est fermentum turpis, lobortis ultricies dolor metus vel mi. Nunc in tempus dui, quis sollicitudin turpis. Sed congue pulvinar leo, a sagittis sapien pharetra at. Aliquam leo dolor, vestibulum nec turpis non, pharetra placerat nisi. Curabitur pharetra adipiscing massa eget faucibus. Morbi cursus massa quam, ut lobortis neque sollicitudin ut. Cras vestibulum tellus in ligula euismod laoreet. Vivamus eu felis eleifend, ultrices augue nec, sollicitudin mauris. Morbi eget velit sed odio cursus mattis.

## Standard Portlet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et lorem sollicitudin, laoreet leo a, sodales mauris. Integer egestas, nunc non elementum faucibus, augue augue aliquet tellus, non ultrices sapien quam vitae ligula. Proin luctus sed ante et eleifend. Nunc pharetra porta lacus vel gravida. Mauris tempor mollis est, vel posuere nisl mollis nec. Sed semper ipsum ut dignissim tempor. Etiam enim arcu, imperdiet a scelerisque eu, lobortis quis magna. Nullam vestibulum adipiscing odio, sit amet pharetra felis aliquam et. Suspendisse id gravida odio, at blandit felis. Etiam posuere, lorem sit amet accumsan pretium, diam purus rhoncus eros, at porta ipsum ipsum eget nisi. Proin posuere nunc lacus, a mollis lacus dapibus quis. Duis rutrum augue id turpis fermentum bibendum.

Ut odio magna, ultricies at nisl vel, venenatis hendrerit orci. Donec adipiscing nisi a lacus varius, quis malesuada nibh interdum. Suspendisse vestibulum porttitor nunc nec iaculis. Mauris placerat, mauris viverra facilisis vehicula, ligula est fermentum turpis, lobortis ultricies dolor metus vel mi. Nunc in tempus dui, quis sollicitudin turpis. Sed congue pulvinar leo, a sagittis sapien pharetra at. Aliquam leo dolor, vestibulum nec turpis non, pharetra placerat nisi. Curabitur pharetra adipiscing massa eget faucibus. Morbi cursus massa quam, ut lobortis neque sollicitudin ut. Cras vestibulum tellus in ligula euismod laoreet. Vivamus eu felis eleifend, ultrices augue nec, sollicitudin mauris. Morbi eget velit sed odio cursus mattis.

## Color Variations

## Green Portlet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et lorem sollicitudin, laoreet leo a, sodales mauris. Integer egestas, nunc non elementum faucibus, augue augue aliquet tellus, non ultrices sapien quam vitae ligula. Proin luctus sed ante et eleifend. Nunc pharetra porta lacus vel gravida. Mauris tempor mollis est, vel posuere nisl mollis nec. Sed semper ipsum ut dignissim tempor. Etiam enim arcu, imperdiet a scelerisque eu, lobortis quis magna. Nullam vestibulum adipiscing odio, sit amet pharetra felis aliquam et. Suspendisse id gravida odio, at blandit felis. Etiam posuere, lorem sit amet accumsan pretium, diam purus rhoncus eros, at porta ipsum ipsum eget nisi. Proin posuere nunc lacus, a mollis lacus dapibus quis. Duis rutrum augue id turpis fermentum bibendum.

## Green 2 Portlet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et lorem sollicitudin, laoreet leo a, sodales mauris. Integer egestas, nunc non elementum faucibus, augue augue aliquet tellus, non ultrices sapien quam vitae ligula. Proin luctus sed ante et eleifend. Nunc pharetra porta lacus vel gravida. Mauris tempor mollis est, vel posuere nisl mollis nec. Sed semper ipsum ut dignissim tempor. Etiam enim arcu, imperdiet a scelerisque eu, lobortis quis magna. Nullam vestibulum adipiscing odio, sit amet pharetra felis aliquam et. Suspendisse id gravida odio, at blandit felis. Etiam posuere, lorem sit amet accumsan pretium, diam purus rhoncus eros, at porta ipsum ipsum eget nisi. Proin posuere nunc lacus, a mollis lacus dapibus quis. Duis rutrum augue id turpis fermentum bibendum.

## Darkblue Portlet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et lorem sollicitudin, laoreet leo a, sodales mauris. Integer egestas, nunc non elementum faucibus, augue augue aliquet tellus, non ultrices sapien quam vitae ligula. Proin luctus sed ante et eleifend. Nunc pharetra porta lacus vel gravida. Mauris tempor mollis est, vel posuere nisl mollis nec. Sed semper ipsum ut dignissim tempor. Etiam enim arcu, imperdiet a scelerisque eu, lobortis quis magna. Nullam vestibulum adipiscing odio, sit amet pharetra felis aliquam et. Suspendisse id gravida odio, at blandit felis. Etiam posuere, lorem sit amet accumsan pretium, diam purus rhoncus eros, at porta ipsum ipsum eget nisi. Proin posuere nunc lacus, a mollis lacus dapibus quis. Duis rutrum augue id turpis fermentum bibendum.

## Orange Portlet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et lorem sollicitudin, laoreet leo a, sodales mauris. Integer egestas, nunc non elementum faucibus, augue augue aliquet tellus, non ultrices sapien quam vitae ligula. Proin luctus sed ante et eleifend. Nunc pharetra porta lacus vel gravida. Mauris tempor mollis est, vel posuere nisl mollis nec. Sed semper ipsum ut dignissim tempor. Etiam enim arcu, imperdiet a scelerisque eu, lobortis quis magna. Nullam vestibulum adipiscing odio, sit amet pharetra felis aliquam et. Suspendisse id gravida odio, at blandit felis. Etiam posuere, lorem sit amet accumsan pretium, diam purus rhoncus eros, at porta ipsum ipsum eget nisi. Proin posuere nunc lacus, a mollis lacus dapibus quis. Duis rutrum augue id turpis fermentum bibendum.

## Yellow Portlet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et lorem sollicitudin, laoreet leo a, sodales mauris. Integer egestas, nunc non elementum faucibus, augue augue aliquet tellus, non ultrices sapien quam vitae ligula. Proin luctus sed ante et eleifend. Nunc pharetra porta lacus vel gravida. Mauris tempor mollis est, vel posuere nisl mollis nec. Sed semper ipsum ut dignissim tempor. Etiam enim arcu, imperdiet a scelerisque eu, lobortis quis magna. Nullam vestibulum adipiscing odio, sit amet pharetra felis aliquam et. Suspendisse id gravida odio, at blandit felis. Etiam posuere, lorem sit amet accumsan pretium, diam purus rhoncus eros, at porta ipsum ipsum eget nisi. Proin posuere nunc lacus, a mollis lacus dapibus quis. Duis rutrum augue id turpis fermentum bibendum.

## Red Portlet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et lorem sollicitudin, laoreet leo a, sodales mauris. Integer egestas, nunc non elementum faucibus, augue augue aliquet tellus, non ultrices sapien quam vitae ligula. Proin luctus sed ante et eleifend. Nunc pharetra porta lacus vel gravida. Mauris tempor mollis est, vel posuere nisl mollis nec. Sed semper ipsum ut dignissim tempor. Etiam enim arcu, imperdiet a scelerisque eu, lobortis quis magna. Nullam vestibulum adipiscing odio, sit amet pharetra felis aliquam et. Suspendisse id gravida odio, at blandit felis. Etiam posuere, lorem sit amet accumsan pretium, diam purus rhoncus eros, at porta ipsum ipsum eget nisi. Proin posuere nunc lacus, a mollis lacus dapibus quis. Duis rutrum augue id turpis fermentum bibendum.

## Pink Portlet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et lorem sollicitudin, laoreet leo a, sodales mauris. Integer egestas, nunc non elementum faucibus, augue augue aliquet tellus, non ultrices sapien quam vitae ligula. Proin luctus sed ante et eleifend. Nunc pharetra porta lacus vel gravida. Mauris tempor mollis est, vel posuere nisl mollis nec. Sed semper ipsum ut dignissim tempor. Etiam enim arcu, imperdiet a scelerisque eu, lobortis quis magna. Nullam vestibulum adipiscing odio, sit amet pharetra felis aliquam et. Suspendisse id gravida odio, at blandit felis. Etiam posuere, lorem sit amet accumsan pretium, diam purus rhoncus eros, at porta ipsum ipsum eget nisi. Proin posuere nunc lacus, a mollis lacus dapibus quis. Duis rutrum augue id turpis fermentum bibendum.

## Darkblue 2 Portlet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et lorem sollicitudin, laoreet leo a, sodales mauris. Integer egestas, nunc non elementum faucibus, augue augue aliquet tellus, non ultrices sapien quam vitae ligula. Proin luctus sed ante et eleifend. Nunc pharetra porta lacus vel gravida. Mauris tempor mollis est, vel posuere nisl mollis nec. Sed semper ipsum ut dignissim tempor. Etiam enim arcu, imperdiet a scelerisque eu, lobortis quis magna. Nullam vestibulum adipiscing odio, sit amet pharetra felis aliquam et. Suspendisse id gravida odio, at blandit felis. Etiam posuere, lorem sit amet accumsan pretium, diam purus rhoncus eros, at porta ipsum ipsum eget nisi. Proin posuere nunc lacus, a mollis lacus dapibus quis. Duis rutrum augue id turpis fermentum bibendum.

## Orange 2 Portlet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et lorem sollicitudin, laoreet leo a, sodales mauris. Integer egestas, nunc non elementum faucibus, augue augue aliquet tellus, non ultrices sapien quam vitae ligula. Proin luctus sed ante et eleifend. Nunc pharetra porta lacus vel gravida. Mauris tempor mollis est, vel posuere nisl mollis nec. Sed semper ipsum ut dignissim tempor. Etiam enim arcu, imperdiet a scelerisque eu, lobortis quis magna. Nullam vestibulum adipiscing odio, sit amet pharetra felis aliquam et. Suspendisse id gravida odio, at blandit felis. Etiam posuere, lorem sit amet accumsan pretium, diam purus rhoncus eros, at porta ipsum ipsum eget nisi. Proin posuere nunc lacus, a mollis lacus dapibus quis. Duis rutrum augue id turpis fermentum bibendum.

## Yellow 2 Portlet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et lorem sollicitudin, laoreet leo a, sodales mauris. Integer egestas, nunc non elementum faucibus, augue augue aliquet tellus, non ultrices sapien quam vitae ligula. Proin luctus sed ante et eleifend. Nunc pharetra porta lacus vel gravida. Mauris tempor mollis est, vel posuere nisl mollis nec. Sed semper ipsum ut dignissim tempor. Etiam enim arcu, imperdiet a scelerisque eu, lobortis quis magna. Nullam vestibulum adipiscing odio, sit amet pharetra felis aliquam et. Suspendisse id gravida odio, at blandit felis. Etiam posuere, lorem sit amet accumsan pretium, diam purus rhoncus eros, at porta ipsum ipsum eget nisi. Proin posuere nunc lacus, a mollis lacus dapibus quis. Duis rutrum augue id turpis fermentum bibendum.

## Blue Portlet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et lorem sollicitudin, laoreet leo a, sodales mauris. Integer egestas, nunc non elementum faucibus, augue augue aliquet tellus, non ultrices sapien quam vitae ligula. Proin luctus sed ante et eleifend. Nunc pharetra porta lacus vel gravida. Mauris tempor mollis est, vel posuere nisl mollis nec. Sed semper ipsum ut dignissim tempor. Etiam enim arcu, imperdiet a scelerisque eu, lobortis quis magna. Nullam vestibulum adipiscing odio, sit amet pharetra felis aliquam et. Suspendisse id gravida odio, at blandit felis. Etiam posuere, lorem sit amet accumsan pretium, diam purus rhoncus eros, at porta ipsum ipsum eget nisi. Proin posuere nunc lacus, a mollis lacus dapibus quis. Duis rutrum augue id turpis fermentum bibendum.

## Lightblue Portlet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et lorem sollicitudin, laoreet leo a, sodales mauris. Integer egestas, nunc non elementum faucibus, augue augue aliquet tellus, non ultrices sapien quam vitae ligula. Proin luctus sed ante et eleifend. Nunc pharetra porta lacus vel gravida. Mauris tempor mollis est, vel posuere nisl mollis nec. Sed semper ipsum ut dignissim tempor. Etiam enim arcu, imperdiet a scelerisque eu, lobortis quis magna. Nullam vestibulum adipiscing odio, sit amet pharetra felis aliquam et. Suspendisse id gravida odio, at blandit felis. Etiam posuere, lorem sit amet accumsan pretium, diam purus rhoncus eros, at porta ipsum ipsum eget nisi. Proin posuere nunc lacus, a mollis lacus dapibus quis. Duis rutrum augue id turpis fermentum bibendum.

## Darkblue 3 Portlet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et lorem sollicitudin, laoreet leo a, sodales mauris. Integer egestas, nunc non elementum faucibus, augue augue aliquet tellus, non ultrices sapien quam vitae ligula. Proin luctus sed ante et eleifend. Nunc pharetra porta lacus vel gravida. Mauris tempor mollis est, vel posuere nisl mollis nec. Sed semper ipsum ut dignissim tempor. Etiam enim arcu, imperdiet a scelerisque eu, lobortis quis magna. Nullam vestibulum adipiscing odio, sit amet pharetra felis aliquam et. Suspendisse id gravida odio, at blandit felis. Etiam posuere, lorem sit amet accumsan pretium, diam purus rhoncus eros, at porta ipsum ipsum eget nisi. Proin posuere nunc lacus, a mollis lacus dapibus quis. Duis rutrum augue id turpis fermentum bibendum.

## Orange 3 Portlet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et lorem sollicitudin, laoreet leo a, sodales mauris. Integer egestas, nunc non elementum faucibus, augue augue aliquet tellus, non ultrices sapien quam vitae ligula. Proin luctus sed ante et eleifend. Nunc pharetra porta lacus vel gravida. Mauris tempor mollis est, vel posuere nisl mollis nec. Sed semper ipsum ut dignissim tempor. Etiam enim arcu, imperdiet a scelerisque eu, lobortis quis magna. Nullam vestibulum adipiscing odio, sit amet pharetra felis aliquam et. Suspendisse id gravida odio, at blandit felis. Etiam posuere, lorem sit amet accumsan pretium, diam purus rhoncus eros, at porta ipsum ipsum eget nisi. Proin posuere nunc lacus, a mollis lacus dapibus quis. Duis rutrum augue id turpis fermentum bibendum.

## Pink 2 Portlet

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et lorem sollicitudin, laoreet leo a, sodales mauris. Integer egestas, nunc non elementum faucibus, augue augue aliquet tellus, non ultrices sapien quam vitae ligula. Proin luctus sed ante et eleifend. Nunc pharetra porta lacus vel gravida. Mauris tempor mollis est, vel posuere nisl mollis nec. Sed semper ipsum ut dignissim tempor. Etiam enim arcu, imperdiet a scelerisque eu, lobortis quis magna. Nullam vestibulum adipiscing odio, sit amet pharetra felis aliquam et. Suspendisse id gravida odio, at blandit felis. Etiam posuere, lorem sit amet accumsan pretium, diam purus rhoncus eros, at porta ipsum ipsum eget nisi. Proin posuere nunc lacus, a mollis lacus dapibus quis. Duis rutrum augue id turpis fermentum bibendum.

## Custom Portlets

Portlet without header

## Widget with transparent header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et lorem sollicitudin, laoreet leo a, sodales mauris. Integer egestas, nunc non elementum faucibus, augue augue aliquet tellus, non ultrices sapien quam vitae ligula. Proin luctus sed ante et eleifend. Nunc pharetra porta lacus vel gravida. Mauris tempor mollis est, vel posuere nisl mollis nec. Sed semper ipsum ut dignissim tempor. Etiam enim arcu, imperdiet a scelerisque eu, lobortis quis magna. Nullam vestibulum adipiscing odio, sit amet pharetra felis aliquam et. Suspendisse id gravida odio, at blandit felis. Etiam posuere, lorem sit amet accumsan pretium, diam purus rhoncus eros, at porta ipsum ipsum eget nisi. Proin posuere nunc lacus, a mollis lacus dapibus quis. Duis rutrum augue id turpis fermentum bibendum.

Portlet without header and transparent

## Porlet with footer

Lorem ipsum dolor sit amet, consectetur adipiscing elit. In et lorem sollicitudin, laoreet leo a, sodales mauris. Integer egestas, nunc non elementum faucibus, augue augue aliquet tellus, non ultrices sapien quam vitae ligula. Proin luctus sed ante et eleifend. Nunc pharetra porta lacus vel gravida. Mauris tempor mollis est, vel posuere nisl mollis nec. Sed semper ipsum ut dignissim tempor.

Portlet with image background