karma

/webapp

Hi, Steven Watson

Version 1.0.0

66230

Page Views

9980

New Clients

99882

Page Clicks

11209

New Orders

Text can go here

CSStip

A pure CSS tooltip. These simple tooltips have notification colors.

Default Tooltip Danger Tooltip Success Tooltip Primary Tooltip Warning Tooltip

More text Tooltip Visible Tooltip

Top

Contextmenu

A very basic contextmenu that only shows/hide the right click menu.

Top

Example box

A simple wrapper class that can be used to present some kind of content.

Example 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum nec odio dolor. Donec at sagittis purus. Donec tristique nibh felis, et congue tortor pulvinar consequat. In quis semper felis. In pulvinar, orci egestas aliquet vestibulum, diam nisl sodales sapien, vel lobortis enim eros non risus. Suspendisse quis faucibus mauris, ac bibendum eros. Pellentesque ac sapien vitae sapien fermentum bibendum. Vivamus blandit velit dapibus, aliquam metus ac, venenatis elit. Donec turpis neque, dapibus non tristique nec, faucibus quis augue. Vivamus ac dolor faucibus, congue diam at, tristique orci.

Lines

Choose between the HR line or use the animated 'go-to-top' line.

Line with text

Top

Prism(third party)

Prism is a lightweight, extensible syntax highlighter, built with modern web standards in mind.

<!DOCTYPE html> 
<html class="no-js" lang="en">
<head>
    <meta charset="utf-8">
    <title>HTML title</title>
    <link rel="stylesheet" href="css/base.min.css"/>
    <script src="js/libs/jquery-1.11.0.min.js"></script>
</head>
<body>
    <header>Header</header>
    	<aside>Sidebar</aside>
    	<main>Content</main>
    <footer>Footer</footer>
</body>
</html>

Tooltip

Bootstrap tooltip. Notice this is an javascript plugin.

Code

Display code inside a code tag or a pre block.

Code

For example, <section> should be wrapped as inline.

Pre

<p>Sample text here...</p>

List group

List groups are a flexible and powerful component for displaying not only simple lists of elements, but complex ones with custom content.

Basic

Cras justo odio
Dapibus ac facilisis in
Morbi leo risus
Porta ac consectetur ac
Vestibulum at eros

Badges

18 Cras justo odio
44 Dapibus ac facilisis in
98 Morbi leo risus
29 Porta ac consectetur ac
60 Vestibulum at eros

Accordion

Using the collapse plugin, we built a simple accordion by extending the panel component..

Default

Collapsible Group Item #1

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Collapsible Group Item #2

Collapsible Group Item #3

Typography

A collection of typography elements.

Headings These are default values.

h1. Heading - Semibold 36px

h2. Heading - Semibold 30px

h3. Heading - Semibold 24px

h4. Heading - Semibold 18px

h5. Heading - Semibold 14px

h6. Heading - Semibold 12px

Lead

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

Strong

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

Small

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

Italics

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

Underline(class)

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

Abbreviations

An abbreviation of the word attribute is attr.

Alignment

Left aligned text.

Center aligned text.

Right aligned text.

Addresses

Twitter, Inc.
795 Folsom Ave, Suite 600
San Francisco, CA 94107
P: (123) 456-7890

Full Name
first.last@example.com

Emphasis

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

Blockquote

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Someone famous in Source Title

Unordered list

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Integer molestie lorem at massa
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Ac tristique libero volutpat at
Faucibus porta lacus fringilla vel
Aenean sit amet erat nunc
Eget porttitor lorem

Ordered list

Lorem ipsum dolor sit amet
Consectetur adipiscing elit
Integer molestie lorem at massa
Facilisis in pretium nisl aliquet
Nulla volutpat aliquam velit
- Phasellus iaculis neque
- Purus sodales ultricies
- Vestibulum laoreet porttitor sem
- Ac tristique libero volutpat at
Faucibus porta lacus fringilla vel
Aenean sit amet erat nunc
Eget porttitor lorem

Description list

Lorem ipsum dolor sit amet: Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
Lorem ipsum dolor sit amet: Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
Lorem ipsum dolor sit amet: Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
Lorem ipsum dolor sit amet: Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.
Lorem ipsum dolor sit amet: Fusce dapibus, tellus ac cursus commodo, tortor mauris condimentum nibh, ut fermentum massa justo sit amet risus.