Make Admin Template & Builder

## Portlets boxed panels for your app

### Portlets Background

# Simple Portlets

Example of panel with no header and footer. Portlets use default Bootstrap panel.
You can add header, footer or various buttons to control your portlet.

# Transparent Portlets

You can create transparent portlets by adding `panel-transparent` class to your panel.

### Portlets Header

### Colored Header

This is an example of a basic header.

Want colors? Click on a color to switch header look:

### Icon Style

You see, in this world there's two kinds of people, my friend: those with loaded guns and those who dig. Nd tell me it's raining. this is the ak-47 assault rifle, the preferred weapon of your enemy; and it makes a distinctive sound when fired at you, so remember it. dyin' ain't much of a livin', boy. Put that in your report!" and "i may have found a way out of here. well, do you have anything to say for yourself?

### Portlet Header with Separator

No one should be asked to handle this trip. forget about it" is, like, if you agree with someone, you know, like "raquel welch is one great piece of ass. forget about it!" but then, if you disagree, like "a lincoln is better than a cadillac? forget about it!" you know? but then, it's also like if something's the greatest thing in the world, like, "minghia! those peppers! forget about it!" holy jesus. what are these goddamn animals? we're not sheep!

### Portlets Footer

# Just footer, no header.

Like for header, you can add colors. Click on a color to switch header look:

### With Header

You see, in this world there's two kinds of people, my friend: those with loaded guns and those who dig. Nd tell me it's raining. this is the ak-47 assault rifle, the preferred weapon of your enemy; and it makes a distinctive sound when fired at you, so remember it. dyin' ain't much of a livin', boy. Put that in your report!" and "i may have found a way out of here. well, do you have anything to say for yourself?

### Portlet Three

No one should be asked to handle this trip. forget about it" is, like, if you agree with someone, you know, like "raquel welch is one great piece of ass. forget about it!" but then, if you disagree, like "a lincoln is better than a cadillac? forget about it!" you know? but then, it's also like if something's the greatest thing in the world, like, "minghia! those peppers! forget about it!" holy jesus. what are these goddamn animals? we're not sheep!

### Portlets Tools

### Portlet One

There are 6 tools that you can add:

REMOVE: a confirmation box will appear to confirm deleting.

SLIDE UP: portlets will slide up / down. Just header will stay.

MAXIMIZE: portlets will get all the page width and height.

POP UP: portlets will "detach" from page, that permit move it where you want.

SETTINGS: a dropdown menu that permit you adding other options.

RELOAD: permit to reload portlets content for statistics, messages...

### Portlet Two

No needs to insert all tools in each panel and to repeat your code many times. You just have to include `panel-controls` class to your portlet and all tools will appear. Magic!

If you want just one or two tools, you can add them "manually" by adding it in your panel header

For example here:

    <div class="control-btn">
        <a href="#" class="panel-toggle"><i class="fa fa-angle-down"></i></a>
        <a href="#" class="panel-close"><i class="icon-trash"></i></a>
    </div>

### Colored Portlets Draggable

### Porlet one

Brain freeze. i just heard about evans new position,good luck to you evan backstabber, bastard, i mean baxter. look at that, it's exactly three seconds before i honk your nose and pull your underwear over your head. hey, maybe i will give you a call sometime. your number still 911? look ma i'm road kill we got no food we got no money and our pets heads are falling off! haaaaaaarry. kinda hot in these rhinos.

### Porlet one

Brain freeze. i just heard about evans new position,good luck to you evan backstabber, bastard, i mean baxter. look at that, it's exactly three seconds before i honk your nose and pull your underwear over your head. hey, maybe i will give you a call sometime. your number still 911? look ma i'm road kill we got no food we got no money and our pets heads are falling off! haaaaaaarry. kinda hot in these rhinos.

### Porlet one

Brain freeze. i just heard about evans new position,good luck to you evan backstabber, bastard, i mean baxter. look at that, it's exactly three seconds before i honk your nose and pull your underwear over your head. hey, maybe i will give you a call sometime. your number still 911? look ma i'm road kill we got no food we got no money and our pets heads are falling off! haaaaaaarry. kinda hot in these rhinos.

### Porlet one

Brain freeze. i just heard about evans new position,good luck to you evan backstabber, bastard, i mean baxter. look at that, it's exactly three seconds before i honk your nose and pull your underwear over your head. hey, maybe i will give you a call sometime. your number still 911? look ma i'm road kill we got no food we got no money and our pets heads are falling off! haaaaaaarry. kinda hot in these rhinos.

### Porlet one

Brain freeze. i just heard about evans new position,good luck to you evan backstabber, bastard, i mean baxter. look at that, it's exactly three seconds before i honk your nose and pull your underwear over your head. hey, maybe i will give you a call sometime. your number still 911? look ma i'm road kill we got no food we got no money and our pets heads are falling off! haaaaaaarry. kinda hot in these rhinos.

### Porlet one

Brain freeze. i just heard about evans new position,good luck to you evan backstabber, bastard, i mean baxter. look at that, it's exactly three seconds before i honk your nose and pull your underwear over your head. hey, maybe i will give you a call sometime. your number still 911? look ma i'm road kill we got no food we got no money and our pets heads are falling off! haaaaaaarry. kinda hot in these rhinos.

### With Scroll Portlets

You can fix height of your portlet simply by adding withScroll class to your portlet. Then, just tell which height you want with `data-height` attribute.

reset default style

#### Layout options

RTL
Fixed Sidebar
Sidebar on Hover
Submenu on Hover
Sidebar on Top
Fixed Topbar
Boxed Layout

#### Color

#### Theme

#### Background

## Users

### John Smith

### Bod Dylan

### Jenny Finlan

### Harold Fox

### Martin Hendrix

### Paul Ferguson

## Articles

### How to change webdesign?

### News From the sky

### Where is the cat?

### Just another funny story

### How many water we drink every day?

### Drag and drop tutorials

## Recent

### Design Inspiration

### Animals drawing

### Cup of tea please

### New application arrive

### Notification prettify

### My article is the last recent