karma

/webapp
Hi, Steven Watson

Version 1.0.0

Modules

Menu

Sidebar modules

Karma has a couple of layouts which you can use, most of them contain a sidebar, or even 2. These sidebars can house modules(similar like WordPress widgets). These modules fit in both sidebars as they are the same. Some modules can even be used outside the sidebars(see modules).

The layout below is a masonry layout(plugin), try to resize the browser.

H3 heading

Heading with buttons. These can be used in every module. Notice that these headings must be inside a module.

With icon button

With button(sm)

Button group(sm)

Dropdown(sm)

With button(xs)

Button group(xs)

Dropdown(xs)

2

Steven Watson

6
6
2
2
8
12
7
5
12
4
4
4
More grid here
January 2012
Mon Tue Wed Thu Fri Sat Sun
26 27 28 29 30 31 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5
New Website
45%
45% Complete

Where halfway there

11/23
Update Contacts
90%
90% Complete

Link to project

90/100
New Tickets
20%
20% Complete

Just getting started

2/10
Emails answered
100%
100% Complete

Good job!

28/28
Upload folder 1
90%
90% Complete
Upload folder 2
20%
20% Complete
Upload folder 3
78%
78% Complete
Upload folder 4
28%
28% Complete
Upload folder 5
66%
66% Complete

Website goes live

Vivamus non sem et fermentum commodo. Nulla nec ornare magna. Sed et lorem vel est elementum blandit...read more

Project X finished

Vivamus non sem et fermentum commodo. Nulla nec ornare magna. Sed et lorem vel est elementum blandit...read more

Scrollbar

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultrices tincidunt ipsum, eu lacinia risus cursus vel. Nulla facilisi. Aenean fringilla nunc id odio suscipit non tincidunt nunc tempor. Pellentesque auctor auctor dolor, a rutrum magna imperdiet eu. Sed id erat dolor. Nullam dapibus lectus et purus placerat lacinia. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ultrices tincidunt ipsum.

Due Today
Due Tomorrow 32
Due Next Week
Menu
Button
2
2
Hi, Steven Watson
Hi, Steven Watson
Hi, Steven Watson

Draggable Events 1

My Event 1
My Event 2
My Event 3
My Event 4
My Event 5
My Event 6
  • Folder 1
  • Folder 2
    • Subfolder 2.1
      • File 2.1.1
      • File 2.1.2
    • File 2.2
  • Folder 3 (closed)
    • File 3.1
  • File 4 (link)
  • File 5
  • File 6
HTML5 Karma Admin Retina Buy Webapp Whitelabel Responsive Metro CSS3 Windows Themeforest PSD Plugins Custom Modern Widgets Modules Buy Modular Scalable Maps Clean
99 - 14%
Day
1129 + 25%
Week
9103 + 67%
Month
21129 - 88%
Year
88%
33%
21%
65%
24%
2779 + 31%
This day Lorem ipsum View
12899 + 77%
This month Lorem ipsum View
82229 + 89%
This year Lorem ipsum View
30%
78%
61%
15%
98%

Maecenas ornare, odio sed.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla fringilla urna a tellus elementum rutrum. Morbi sed ipsum at purus adipiscing volutpat et vitae ligula. Fusce a ante enim. Morbi eu enim a neque pulvinar dictum. In imperdiet ultrices leo sit amet.

For more information

Consectetur adipiscing elit.

  • quam metus faucibus eros
  • ipsum at purus adipiscing volutpat et
  • pellentesque vitae luctus mi ultrices
  • commodo eget rutrum rutrum
    • fermentum turpis a risus
    • vitae luctus mi
    • molestie iaculis, mi libero
  • ipsum dolor sit amet, consectetur adipiscing elit

Vestibulum fermentum.

Nulla fringilla urna a tellus elementum rutrum. Morbi sed ipsum at purus adipiscing volutpat et vitae ligula. Fusce a ante enim. Morbi eu enim a neque pulvinar dictum. Vestibulum fermentum turpis a risus pellentesque vitae luctus mi ultrices. Maecenas ornare, odio sed molestie iaculis, mi libero aliquam metus,

A convallis condimentum.

Aliquam posuere magna molestie est ullamcorper non iaculis dolor lobortis. Morbi sollicitudin neque quis nibh posuere quis condimentum orci molestie. Pellentesque semper auctor orci, a convallis enim condimentum et.

Fermentum turpis.

  1. quam metus faucibus eros
  2. ipsum at purus adipiscing volutpat et
  3. pellentesque vitae luctus mi ultrices
  4. commodo eget rutrum rutrum, ornare
  5. fermentum turpis a risus
  6. vitae luctus mi
  7. molestie iaculis, mi libero
  8. ipsum dolor sit amet, consectetur adipiscing elit

Consectetur adipiscing elit.

Aliquam posuere magna molestie est ullamcorper non iaculis dolor lobortis. Morbi sollicitudin neque quis nibh posuere quis condimentum orci molestie. Pellentesque semper auctor orci, a convallis enim condimentum et.

Document Alpha

A simple project title

  • Progress:
    5%
  • End date:
    10 Dec
  • Developer:
    Linda
  • Design by:
    CreativeMilk
Progress:
+ 12%
Sales
$9568
Total
+ 240%
1904
Orders
255
Sales
2889
Clients

More stats widgets here.

6
6
2
2
8
12
7
5
12
4
4
4

Let Yourself Feel.

.alert-danger
.alert-success
.alert-warning
.alert-info
Portlet 1
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent ornare, est sit amet porta pellentesque, lorem massa ultricies urna, ultrices ultricies.
Portlet 2
Donec ornare eros id velit vulputate dictum. Praesent ultrices augue nec massa fringilla ac tempor ante tempus. Fusce rutrum adipiscing metus, est sit amet porta pellentesque.

Copyright © 2013 CreativeMilk

  Client login
Steven Watson
Steven Watson

Head karma team

11/15/12
Martin: 17:23

He, is anybody there...

11/17/12
Steven: 14:24

It's going to be a long post, so I will split it into 2 parts...

Steven: 13:44

How long must the blog post be....

Martin: 13:31

Great, I will wait, dont forget to add some photo's here...

Steven: 13:28

Sure no problem, I am typing the blog as we speak...

Martin: 13:23

He, can you write a new blog post, I want update the blog...

Steven: 13:28

Sure no problem, I am typing the blog as we speak...