Normal accordion

Options

Number of panes; Title; Mini

Can you slice my PSD to a valid HTML/CSS layout?

And the only important thing is not to allow that to scare you

Which JavaScript library is the best for my case?

The future is called “perhaps,” which is the only possible thing to call the future.

Do I need special software to work with my website?

Working from home meant we could vary snack and coffee breaks, change our desks or view, goof off, drink on the job, even spend the day in pajamas, and often meet to gossip or share ideas. On the other hand, we bossed ourselves around, set impossible goals, and demanded longer hours than office jobs usually entail. It was the ultimate “flextime,” in that it depended on how flexible we felt each day, given deadlines, distractions, and workaholic crescendos. In order that people may be happy in their work, these three things are needed: They must be fit for it. They must not do too much of it. And they must have a sense of success in it.

Get the code

[accordions mini="false"] [accordion title="Can you slice my PSD to a valid HTML/CSS layout?"]And the only important thing is not to allow that to scare you[/accordion] [accordion title="Which JavaScript library is the best for my case?"]The future is called “perhaps,” which is the only possible thing to call the future.[/accordion] [accordion title="Do I need special software to work with my website?"]Working from home meant we could vary snack and coffee breaks, change our desks or view, goof off, drink on the job, even spend the day in pajamas, and often meet to gossip or share ideas. On the other hand, we bossed ourselves around, set impossible goals, and demanded longer hours than office jobs usually entail. It was the ultimate “flextime,” in that it depended on how flexible we felt each day, given deadlines, distractions, and workaholic crescendos. In order that people may be happy in their work, these three things are needed: They must be fit for it. They must not do too much of it. And they must have a sense of success in it.[/accordion] [/accordions]

Buttons

Options

Size; Font size; Align; Link; Link target; Text color; Background

Get a quoteGet a quoteGet a quote
Get a quoteGet a quoteGet a quote
Get a quoteGet a quoteGet a quote
Get a quoteGet a quoteGet a quote
View all of our projects

Get the code

[button id="" class="" size="small" font="14" align="left" link="" linkTarget="" color="#eee" bgColor="dark"]Get a quote[/button] [button id="" class="" size="medium" font="18" align="left" link="" linkTarget="" color="#eee" bgColor="dark"]Get a quote[/button] [button id="" class="" size="large" font="24" align="left" link="" linkTarget="" color="#eee" bgColor="dark"]Get a quote[/button] [clearboth] [button id="" class="" size="small" font="14" align="left" link="" linkTarget="" color="#888" bgColor="light"]Get a quote[/button] [button id="" class="" size="medium" font="18" align="left" link="" linkTarget="" color="#888" bgColor="light"]Get a quote[/button] [button id="" class="" size="large" font="24" align="left" link="" linkTarget="" color="#888" bgColor="light"]Get a quote[/button] [clearboth] [button id="" class="" size="small" font="14" align="left" link="" linkTarget="" color="#eee" bgColor="red"]Get a quote[/button] [button id="" class="" size="medium" font="18" align="left" link="" linkTarget="" color="#eee" bgColor="red"]Get a quote[/button] [button id="" class="" size="large" font="24" align="left" link="" linkTarget="" color="#eee" bgColor="red"]Get a quote[/button] [clearboth] [button id="" class="" size="small" font="14" align="left" link="" linkTarget="" color="#eee" bgColor="green"]Get a quote[/button] [button id="" class="" size="medium" font="18" align="left" link="" linkTarget="" color="#eee" bgColor="green"]Get a quote[/button] [button id="" class="" size="large" font="24" align="left" link="" linkTarget="" color="#eee" bgColor="green"]Get a quote[/button] [clearboth] [button id="" class="" size="small" font="14" align="left" link="" linkTarget="" color="#eee" bgColor="blue"]Get a quote[/button] [button id="" class="" size="medium" font="18" align="left" link="" linkTarget="" color="#eee" bgColor="blue"]Get a quote[/button] [button id="" class="" size="large" font="24" align="left" link="" linkTarget="" color="#eee" bgColor="blue"]Get a quote[/button] [clearboth]

Columns

One half

If a man is called a streetsweeper, he should sweep streets even as Michelangelo painted, or Beethoven composed music, or Shakespeare wrote poetry. He should sweep streets so well that all the hosts of heaven and Earth will pause to say, Here lived a great streetsweeper who did his job well.

One half

Working from home meant we could vary snack and coffee breaks, change our desks or view, goof off, drink on the job, even spend the day in pajamas, and often meet to gossip or share ideas.

One fifth

Advertisers in general bear a large part of the responsibility for the deep feelings of inadequacy that drive women to psychiatrists, pills, or the bottle.

One fifth

Our society’s values are being corrupted by advertising’s insistence on the equation: Youth equals popularity, popularity equals success, success equals happiness.

One fifth

The trouble with us in America isn’t that the poetry of life has turned to prose, but that it has turned to advertising copy.

One fifth

Don’t tell my mother I work in an advertising agency – she thinks I play piano in a whorehouse.

One fifth

The very first law in advertising is to avoid the concrete promise and cultivate the delightfully vague.

One third

If a man is called a streetsweeper, he should sweep streets even as Michelangelo painted, or Beethoven composed music, or Shakespeare wrote poetry. He should sweep streets so well that all the hosts of heaven and Earth will pause to say, Here lived a great streetsweeper who did his job well.

One third

Advertisements are now so numerous that they are very negligently perused, and it is therefore become necessary to gain attention by magnificence of promises and by eloquence sometimes sublime and sometimes pathetick.

One third

Working from home meant we could vary snack and coffee breaks, change our desks or view, goof off, drink on the job, even spend the day in pajamas, and often meet to gossip or share ideas.

One fourth

The foliage has been losing its freshness through the month of August, and here and there a yellow leaf shows itself like the first gray hair amidst the locks of a beauty who has seen one season too many.

One fourth

Oh how we love pumpkin season. You did know this gourd-ish squash has its own season, right? Winter, Spring, Summer, Pumpkin…. We anxiously anticipate it every year.

One fourth

Youth is like spring, an over praised season more remarkable for biting winds than genial breezes. Autumn is the mellower season, and what we lose in flowers we more than gain in fruits.

One fourth

Advertisers in general bear a large part of the responsibility for the deep feelings of inadequacy that drive women to psychiatrists, pills, or the bottle.

Get the code

[one_half] <h3>One half</h3> If a man is called a streetsweeper, he should sweep streets even as Michelangelo painted, or Beethoven composed music, or Shakespeare wrote poetry. He should sweep streets so well that all the hosts of heaven and Earth will pause to say, Here lived a great streetsweeper who did his job well. [divider_2] [/one_half] [one_half_last] <h3>One half</h3> Working from home meant we could vary snack and coffee breaks, change our desks or view, goof off, drink on the job, even spend the day in pajamas, and often meet to gossip or share ideas.[divider_2] [/one_half_last] [one_fifth] <h3>One fifth</h3> Advertisers in general bear a large part of the responsibility for the deep feelings of inadequacy that drive women to psychiatrists, pills, or the bottle.[divider_2] [/one_fifth] [one_fifth] <h3>One fifth</h3> Our society's values are being corrupted by advertising's insistence on the equation: Youth equals popularity, popularity equals success, success equals happiness.[divider_2] [/one_fifth] [one_fifth] <h3>One fifth</h3> The trouble with us in America isn't that the poetry of life has turned to prose, but that it has turned to advertising copy.[divider_2] [/one_fifth] [one_fifth] <h3>One fifth</h3> Don't tell my mother I work in an advertising agency - she thinks I play piano in a whorehouse.[divider_2] [/one_fifth] [one_fifth_last] <h3>One fifth</h3> The very first law in advertising is to avoid the concrete promise and cultivate the delightfully vague.[divider_2] [/one_fifth_last] [one_third] <h3>One third</h3> If a man is called a streetsweeper, he should sweep streets even as Michelangelo painted, or Beethoven composed music, or Shakespeare wrote poetry. He should sweep streets so well that all the hosts of heaven and Earth will pause to say, Here lived a great streetsweeper who did his job well.[divider_2] [/one_third] [one_third] <h3>One third</h3> Advertisements are now so numerous that they are very negligently perused, and it is therefore become necessary to gain attention by magnificence of promises and by eloquence sometimes sublime and sometimes pathetick.[divider_2] [/one_third] [one_third_last] <h3>One third</h3> Working from home meant we could vary snack and coffee breaks, change our desks or view, goof off, drink on the job, even spend the day in pajamas, and often meet to gossip or share ideas.[divider_2] [/one_third_last] [one_fourth] <h3>One fourth</h3> The foliage has been losing its freshness through the month of August, and here and there a yellow leaf shows itself like the first gray hair amidst the locks of a beauty who has seen one season too many.[divider_2] [/one_fourth] [one_fourth] <h3>One fourth</h3> Oh how we love pumpkin season. You did know this gourd-ish squash has its own season, right? Winter, Spring, Summer, Pumpkin.... We anxiously anticipate it every year.[divider_2] [/one_fourth] [one_fourth] <h3>One fourth</h3> Youth is like spring, an over praised season more remarkable for biting winds than genial breezes. Autumn is the mellower season, and what we lose in flowers we more than gain in fruits. [divider_2] [/one_fourth] [one_fourth_last] <h3>One fourth</h3> Advertisers in general bear a large part of the responsibility for the deep feelings of inadequacy that drive women to psychiatrists, pills, or the bottle. [divider_2] [/one_fourth_last]

Dividers

Type 1

Type 2

Type 3

Get the code

Type 1 [divider_1] Type 2 [divider_2] Type 3 [divider_3]

Styled boxes

Options

Type (framed, note, message), Width, Height, Background, Text color, Rounded

Info

If a man is called a streetsweeper, he should sweep streets even as Michelangelo painted, or Beethoven composed music, or Shakespeare wrote poetry. He should sweep streets so well that all the hosts of heaven and Earth will pause to say, Here lived a great streetsweeper who did his job well.

Get the code

[info]If a man is called a streetsweeper, he should sweep streets even as Michelangelo painted, or Beethoven composed music, or Shakespeare wrote poetry. He should sweep streets so well that all the hosts of heaven and Earth will pause to say, Here lived a great streetsweeper who did his job well.[/info]

Successful

All that stand between the graduate and the top of the ladder is the ladder.

Get the code

[success]All that stand between the graduate and the top of the ladder is the ladder.[/success]

Error

Just about a month from now I'm set adrift, with a diploma for a sail and lots of nerve for oars.

Get the code

 [error]Just about a month from now I'm set adrift, with a diploma for a sail and lots of nerve for oars.[/error]

Notice

When you leave here, don't forget why you came.

Get the code

 [notice]When you leave here, don't forget why you came.[/notice]

Tabs

Options

Number of tabs, Style, Vertical tabs

Working from home meant we could vary snack and coffee breaks, change our desks
or view, goof off, drink on the job, even spend the day in pajamas, and often meet to gossip or share ideas. On the other hand, we bossed ourselves around, set impossible goals, and demanded longer hours than office jobs usually entail. It was the ultimate “flextime,” in that it depended on how flexible we felt each day, given deadlines, distractions, and workaholic crescendos.
On the other hand, we bossed ourselves around, set impossible goals, and demanded longer hours than office jobs usually entail.
Oh how we love pumpkin season. You did know this gourd-ish squash has its own season, right? Winter, Spring, Summer, Pumpkin…. We anxiously anticipate it every year.

Get the code

[tabs style="" delay="0" vertical="false"] [tab title="First tab"] Working from home meant we could vary snack and coffee breaks, change our desks or view, goof off, drink on the job, even spend the day in pajamas, and often meet to gossip or share ideas. On the other hand, we bossed ourselves around, set impossible goals, and demanded longer hours than office jobs usually entail. It was the ultimate "flextime," in that it depended on how flexible we felt each day, given deadlines, distractions, and workaholic crescendos. [/tab] [tab title="Second tab"] On the other hand, we bossed ourselves around, set impossible goals, and demanded longer hours than office jobs usually entail. [/tab] [tab title="Third tab"] Oh how we love pumpkin season. You did know this gourd-ish squash has its own season, right? Winter, Spring, Summer, Pumpkin.... We anxiously anticipate it every year. [/tab] [/tabs]

Table

Column 1 Column 2 Column 3 Column 4
The foliage has been losing its freshness through the month of August, and here and there a yellow leaf shows itself like the first gray hair amidst the locks of a beauty who has seen one season too many. Oh how we love pumpkin season. You did know this gourd-ish squash has its own season, right? Winter, Spring, Summer, Pumpkin…. We anxiously anticipate it every year. Youth is like spring, an over praised season more remarkable for biting winds than genial breezes. Autumn is the mellower season, and what we lose in flowers we more than gain in fruits. Youth is like spring, an over praised season more remarkable for biting winds than genial breezes. Autumn is the mellower season, and what we lose in flowers we more than gain in fruits.
The roots of education are bitter but the fruit is sweet. Graduation day is tough for adults. They go to the ceremony as parents. Autumn is the mellower season, and what we lose in flowers we more than gain in fruits. All that stand between the graduate and the top of the ladder is the ladder.
Table footer

Get the code

<h2>Table</h2> [styled_table] <table border="0"> <thead> <tr> <th>Column 1</th> <th>Column 2</th> <th>Column 3</th> <th>Column 4</th> </tr> </thead> <tbody> <tr> <td>The foliage has been losing its freshness through the month of August, and here and there a yellow leaf shows itself like the first gray hair amidst the locks of a beauty who has seen one season too many.</td> <td>Oh how we love pumpkin season. You did know this gourd-ish squash has its own season, right? Winter, Spring, Summer, Pumpkin.... We anxiously anticipate it every year.</td> <td>Youth is like spring, an over praised season more remarkable for biting winds than genial breezes. Autumn is the mellower season, and what we lose in flowers we more than gain in fruits.</td> <td>Youth is like spring, an over praised season more remarkable for biting winds than genial breezes. Autumn is the mellower season, and what we lose in flowers we more than gain in fruits.</td> </tr> <tr> <td>The roots of education are bitter but the fruit is sweet.</td> <td>Graduation day is tough for adults. They go to the ceremony as parents.</td> <td>Autumn is the mellower season, and what we lose in flowers we more than gain in fruits.</td> <td>All that stand between the graduate and the top of the ladder is the ladder.</td> </tr> </tbody> <tfoot> <tr> <td colspan="4">Table footer</td> </tr> </tfoot> </table> [/styled_table]

Toggle box

Can you slide my PSD to a valid HTML/CSS?

Oh how we love pumpkin season. You did know this gourd-ish squash has its own season, right? Winter, Spring, Summer, Pumpkin…. We anxiously anticipate it every year.

Which JavaScript library is the best for my case?

Autumn is the mellower season, and what we lose in flowers we more than gain in fruits.

Do I need special software to work with my website?

On the other hand, we bossed ourselves around, set impossible goals, and demanded longer hours than office jobs usually entail. It was the ultimate “flextime,” in that it depended on how flexible we felt each day, given deadlines, distractions, and workaholic crescendos.

Get the code

[toggle title="Can you slide my PSD to a valid HTML/CSS?" hidden="true"]Oh how we love pumpkin season. You did know this gourd-ish squash has its own season, right? Winter, Spring, Summer, Pumpkin.... We anxiously anticipate it every year.[/toggle] [toggle title="Which JavaScript library is the best for my case?" hidden="true"]Autumn is the mellower season, and what we lose in flowers we more than gain in fruits.[/toggle] [toggle title="Do I need special software to work with my website?" hidden="false"]On the other hand, we bossed ourselves around, set impossible goals, and demanded longer hours than office jobs usually entail. It was the ultimate "flextime," in that it depended on how flexible we felt each day, given deadlines, distractions, and workaholic crescendos.[/toggle]

Tooltip

Working from home meant we could vary snack and coffee breaks, change our desks or view, goof off, drink on the job, even spend the day in pajamas, and often meet to gossip or share ideas. On the other handDreams pass into the reality of action., we bossed ourselves around, set impossible goals, and demanded longer hours than office jobs usually entail. It was the ultimate flextime, in that it depended on how flexible we felt each day, given deadlines, distractions, and workaholic crescendos.

Get the code

<h2>Tooltip</h2> Working from home meant we could vary snack and coffee breaks, change our desks or view, goof off, drink on the job, even spend the day in pajamas, and often meet to gossip or share ideas. [tooltip tooltip_content="Dreams pass into the reality of action."]On the other hand[/tooltip], we bossed ourselves around, set impossible goals, and demanded longer hours than office jobs usually entail. It was the ultimate flextime, in that it depended on how flexible we felt each day, given deadlines, distractions, and workaholic crescendos.

Typography

Drop cap

A ll my life I had been looking for something, and everywhere I turned someone tried to tell me what it was. I accepted their answers too, though they were often in contradiction and even self-contradictory. I was naive. I was looking for myself and asking everyone except myself questions which I, and only I, could answer.

Get the code

 [dropcap1 color=""]A[/dropcap1] ll my life I had been looking for something, and everywhere I turned someone tried to tell me what it was. I accepted their answers too, though they were often in contradiction and even self-contradictory. I was naive. I was looking for myself and asking everyone except myself questions which I, and only I, could answer.

Different style of drop cap

T he great majority of us are required to live a life of constant duplicity.Your health is bound to be affected if, day after day, you say the opposite of what you feel, if you grovel before what you dislike, and rejoice at what brings you nothing but misfortune.

Get the code

 [dropcap1 color=""]T[/dropcap1] 

Unordered list

  • Project Management
  • Front and Back-End Coding
  • Tests and Optimization
  • Graphic Web Design
  • Usable User Interfaces
  • Advertisment & Print
  • Online Marketing
  • Search Engine Optimization

Ordered list

  1. We understand you
  2. We know what is hight quality web and we’re god at doing it
  3. Tests and Optimization
  4. You have an important role in the project
  5. Search Engine Optimization

Arrow bullets

  • Project Management
  • Front and Back-End Coding
  • Tests and Optimization
  • Graphic Web Design
  • Usable User Interfaces

Circle bullets with color

  • Usable User Interfaces
  • Tests and Optimization
  • Graphic Web Design
  • Front and Back-End Coding
  • Advertisment & Print
  • Online Marketing

Square bullets with color

  • Project Management
  • Tests and Optimization
  • Advertisment & Print
  • Online Marketing
  • Front and Back-End Coding

Line bullets

  • Tests and Optimization
  • Graphic Web Design
  • Usable User Interfaces
  • Front and Back-End Coding
  • Advertisment & Print
  • Search Engine Optimization

 

Blockquote

Over second and third cups flow matters of high finance, high state, common gossip and low comedy. Coffee is a social binder, a warmer of tongues, a soberer of minds, a stimulant of wit, a foiler of sleep if you want it so. From roadside mugs to the classic demi-tasse, it is the perfect democrat.

Originally published in Spanish in 1605, Cervantes’ satire about a gentle visionary who becomes a knight after reading too many chivalric romances is a universal tale of idealism versus practicality.D. Servantes

This coffee falls into your stomach, and straightway there is a general commotion. Ideas begin to move like the battalions of the Grand Army of the battlefield, and the battle takes place. Things remembered arrive at full gallop, ensuing to the wind.

Get the code

Over second and third cups flow matters of high finance, high state, common gossip and low comedy. Coffee is a social binder, a warmer of tongues, a soberer of minds, a stimulant of wit, a foiler of sleep if you want it so. From roadside mugs to the classic demi-tasse, it is the perfect democrat. <blockquote>Originally published in Spanish in 1605, Cervantes’ satire about a gentle visionary who becomes a knight after reading too many chivalric romances is a universal tale of idealism versus practicality.<cite class="cite">D. Servantes</cite></blockquote> This coffee falls into your stomach, and straightway there is a general commotion. Ideas begin to move like the battalions of the Grand Army of the battlefield, and the battle takes place. Things remembered arrive at full gallop, ensuing to the wind.

Highlight

I wonder what it is in the New York air that enables me to sit up till all hours of the night in an atmosphere which in London would make a horse dizzy, but here merely clears the brain.

Get the code

I wonder what it is in the New York air that enables me to sit up till all hours of the night in an atmosphere which in [highlight type="light"]London[/highlight] would make a horse dizzy, but here merely clears the brain.

Icons

18 Icon Types
home mail user users info addressbook phone paperclip link file calendar chart download vcard rss tag map cellphone

8 Colours
phone phone phone phone phone phone phone phone

3 Sizes
globe globe globe

Icons with text
globe The globe

Get the code

<h3>Icons</h3> <em>18 Icon Types</em> [icon style="home" color="purple" size="medium"] [/icon] [icon style="mail" color="purple" size="medium"] [/icon] [icon style="user" color="purple" size="medium"] [/icon] [icon style="users" color="purple" size="medium"] [/icon] [icon style="info" color="purple" size="medium"] [/icon] [icon style="addressbook" color="purple" size="medium"] [/icon] [icon style="phone" color="purple" size="medium"] [/icon] [icon style="paperclip" color="purple" size="medium"] [/icon] [icon style="link" color="purple" size="medium"] [/icon] [icon style="file" color="purple" size="medium"] [/icon] [icon style="calendar" color="purple" size="medium"] [/icon] [icon style="chart" color="purple" size="medium"] [/icon] [icon style="download" color="purple" size="medium"] [/icon] [icon style="vcard" color="purple" size="medium"] [/icon] [icon style="rss" color="purple" size="medium"] [/icon] [icon style="tag" color="purple" size="medium"] [/icon] [icon style="map" color="purple" size="medium"] [/icon] [icon style="cellphone" color="purple" size="medium"] [/icon] [divider_2] <em>8 Colours</em> [icon style="phone" color="gray" size="medium"] [/icon] [icon style="phone" color="black" size="medium"] [/icon] [icon style="phone" color="purple" size="medium"] [/icon] [icon style="phone" color="blue" size="medium"] [/icon] [icon style="phone" color="green" size="medium"] [/icon] [icon style="phone" color="yellow" size="medium"] [/icon] [icon style="phone" color="orange" size="medium"] [/icon] [icon style="phone" color="red" size="medium"] [/icon] [divider_2] <em>3 Sizes</em> [icon style="globe" color="blue" size="large"] [/icon] [icon style="globe" color="blue" size="medium"] [/icon] [icon style="globe" color="blue" size="small"] [/icon] [divider_2] <em>Icons with text </em>[icon style="globe" color="blue" size="small"] The globe[/icon]

You can download and use 400+ free icons: IconSweets2 by Yummygum