Block Quote Example

Meantime Giorgio, with tranquil movements, had been unfastening the door; the flood of light fell on Signora Teresa, with her two girls gathered to her side, a picturesque woman in a pose of maternal exaltation. Behind her the wall was dazzlingly white, and the crude colours of the Garibaldi lithograph paled in the sunshine.

Old Viola, at the door, moved his arm upwards as if referring all his quick, fleeting thoughts to the picture of his old chief on the wall. Even when he was cooking for the “Signori Inglesi”—the engineers (he was a famous cook, though the kitchen was a dark place)—he was, as it were, under the eye of the great man who had led him in a glorious struggle where, under the walls of Gaeta, tyranny would have expired for ever had it not been for that accursed Piedmontese race of kings and ministers. When sometimes a frying-pan caught fire during a delicate operation with some shredded onions, and the old man was seen backing out of the doorway, swearing and coughing violently in an acrid cloud of smoke, the name of Cavour—the arch intriguer sold to kings and tyrants—could be heard involved in imprecations against the China girls, cooking in general, and the brute of a country where he was reduced to live for the love of liberty that traitor had strangled.

Then Signora Teresa, all in black, issuing from another door, advanced, portly and anxious, inclining her fine, black-browed head, opening her arms, and crying in a profound tone — “Giorgio! thou passionate man! Misericordia Divina! In the sun like this! He will make himself ill.” At her feet the hens made off in all directions, with immense strides; if there were any engineers from up the line staying in Sulaco, a young English face or two would appear at the billiard-room occupying one end of the house; but at the other end, in the cafe, Luis, the mulatto, took good care not to show himself. The Indian girls, with hair like flowing black manes, and dressed only in a shift and short petticoat, stared dully from under the square-cut fringes on their foreheads; the noisy frizzling of fat had stopped, the fumes floated upwards in sunshine, a strong smell of burnt onions hung in the drowsy heat, enveloping the house; and the eye lost itself in a vast flat expanse of grass to the west, as if the plain between the Sierra overtopping Sulaco and the coast range away there towards Esmeralda had been as big as half the world.

Signora Teresa, after an impressive pause, remonstrated — “Eh, Giorgio! Leave Cavour alone and take care of yourself now we are lost in this country all alone with the two children, because you cannot live under a king.”

And while she looked at him she would sometimes put her hand hastily to her side with a short twitch of her fine lips and a knitting of her black, straight eyebrows like a flicker of angry pain or an angry thought on her handsome, regular features.

It was pain; she suppressed the twinge. It had come to her first a few years after they had left Italy to emigrate to America and settle at last in Sulaco after wandering from town to town, trying shopkeeping in a small way here and there; and once an organized enterprise of fishing—in Maldonado—for Giorgio, like the great Garibaldi, had been a sailor in his time.

Sometimes she had no patience with pain. For years its gnawing had been part of the landscape embracing the glitter of the harbour under the wooded spurs of the range; and the sunshine itself was heavy and dull—heavy with pain—not like the sunshine of her girlhood, in which middle-aged Giorgio had wooed her gravely and passionately on the shores of the gulf of Spezzia.

You go in at once, Giorgio

“You go in at once, Giorgio,” she directed. “One would think you do not wish to have any pity on me—with four Signori Inglesi staying in the house.” “Va bene, va bene,” Giorgio would mutter. He obeyed. The Signori Inglesi would require their midday meal presently. He had been one of the immortal and invincible band of liberators who had made the mercenaries of tyranny fly like chaff before a hurricane, “un uragano terribile.” But that was before he was married and had children; and before tyranny had reared its head again amongst the traitors who had imprisoned Garibaldi, his hero.

There were three doors in the front of the house, and each afternoon the Garibaldino could be seen at one or another of them with his big bush of white hair, his arms folded, his legs crossed, leaning back his leonine head against the side, and looking up the wooded slopes of the foothills at the snowy dome of Higuerota. The front of his house threw off a black long rectangle of shade, broadening slowly over the soft ox-cart track. Through the gaps, chopped out in the oleander hedges, the harbour branch railway, laid out temporarily on the level of the plain, curved away its shining parallel ribbons on a belt of scorched and withered grass within sixty yards of the end of the house. In the evening the empty material trains of flat cars circled round the dark green grove of Sulaco, and ran, undulating slightly with white jets of steam, over the plain towards the Casa Viola, on their way to the railway yards by the harbour. The Italian drivers saluted him from the foot-plate with raised hand, while the negro brakesmen sat carelessly on the brakes, looking straight forward, with the rims of their big hats flapping in the wind. In return Giorgio would give a slight sideways jerk of the head, without unfolding his arms.

Standard Format with Featured Image

At night the body of clouds advancing higher up the sky smothers the whole quiet gulf below with an impenetrable darkness, in which the sound of the falling showers can be heard beginning and ceasing abruptly—now here, now there. Indeed, these cloudy nights are proverbial with the seamen along the whole west coast of a great continent. Sky, land, and sea disappear together out of the world when the Placido—as the saying is—goes to sleep under its black poncho. The few stars left below the seaward frown of the vault shine feebly as into the mouth of a black cavern. In its vastness your ship floats unseen under your feet, her sails flutter invisible above your head. The eye of God Himself—they add with grim profanity—could not find out what work a man’s hand is doing in there; and you would be free to call the devil to your aid with impunity if even his malice were not defeated by such a blind darkness.

The shores on the gulf are steep-to all round; three uninhabited islets basking in the sunshine just outside the cloud veil, and opposite the entrance to the harbour of Sulaco, bear the name of “The Isabels.”

There is the Great Isabel; the Little Isabel, which is round; and Hermosa, which is the smallest.

Typesetting & Design

Human faces are very powerful. User Experience designer Aarron Walter describes in his book Designing for Emotion why we appreciate human faces so much. He explains that we are constantly exploring the world around us by looking for something familiar. Familiarity gives us a feeling of comfort and reassurance.

When we see a face, we are automatically triggered to feel something or to empathize with that person. If we recognize content on a website — such as a problem, dilemma, habit or whatever else — we feel connected and understood.

Since we know ourselves so well, we unconsciously try to relate everything we see to ourselves. Obviously, we do that with other human faces, but also with when there are no human features involved. Only the recognition of our body’s proportions in a design is enough for us to perceive the design as being familiar and harmonic.

This is the reasoning behind headless mannequins. We subconsciously take what is on display and substitute ourselves for the mannequin due to the lack of ‘human’ in the image.
So faces add a human touch to your website – they help you trigger your emotions, which make them a powerful design element. Here are 10 effects human faces can have on your visitors.

Markup: Image Alignment

This page is filled with sample content illustrating what various image types look like.

Right-aligned Medium

Perhaps the very atmospheric conditions which had kept away the merchant fleets of bygone ages induced the O.S.N. Company to violate the sanctuary of peace sheltering the calm existence of Sulaco. The variable airs sporting lightly with the vast semicircle of waters within the head of Azuera could not baffle the steam power of their excellent fleet. Year after year the black hulls of their ships had gone up and down the coast, in and out, past Azuera, past the Isabels, past Punta Mala—disregarding everything but the tyranny of time. Their names, the names of all mythology, became the household words of a coast that had never been ruled by the gods of Olympus. The Juno was known only for her comfortable cabins amidships, the Saturn for the geniality of her captain and the painted and gilt luxuriousness of her saloon, whereas the Ganymede was fitted out mainly for cattle transport, and to be avoided by coastwise passengers. The humblest Indian in the obscurest village on the coast was familiar with the Cerberus, a little black puffer without charm or living accommodation to speak of, whose mission was to creep inshore along the wooded beaches close to mighty ugly rocks, stopping obligingly before every cluster of huts to collect produce, down to three-pound parcels of indiarubber bound in a wrapper of dry grass.

Left-aligned Medium

And as they seldom failed to account for the smallest package, rarely lost a bullock, and had never drowned a single passenger, the name of the O.S.N. stood very high for trustworthiness. People declared that under the Company’s care their lives and property were safer on the water than in their own houses on shore.

The O.S.N.’s superintendent in Sulaco for the whole Costaguana section of the service was very proud of his Company’s standing. He resumed it in a saying which was very often on his lips, “We never make mistakes.” To the Company’s officers it took the form of a severe injunction, “We must make no mistakes. I’ll have no mistakes here, no matter what Smith may do at his end.”
Smith, on whom he had never set eyes in his life, was the other superintendent of the service, quartered some fifteen hundred miles away from Sulaco. “Don’t talk to me of your Smith.”

Full-Width

Then, calming down suddenly, he would dismiss the subject with studied negligence.

“Smith knows no more of this continent than a baby.”

“Our excellent Senor Mitchell” for the business and official world of Sulaco; “Fussy Joe” for the commanders of the Company’s ships, Captain Joseph Mitchell prided himself on his profound knowledge of men and things in the country—cosas de Costaguana. Amongst these last he accounted as most unfavourable to the orderly working of his Company the frequent changes of government brought about by revolutions of the military type.

Images with captions

Drive in to the Nature

Perhaps the very atmospheric conditions which had kept away the merchant fleets of bygone ages induced the O.S.N. Company to violate the sanctuary of peace sheltering the calm existence of Sulaco. The variable airs sporting lightly with the vast semicircle of waters within the head of Azuera could not baffle the steam power of their excellent fleet. Year after year the black hulls of their ships had gone up and down the coast, in and out, past Azuera, past the Isabels, past Punta Mala—disregarding everything but the tyranny of time. Their names, the names of all mythology, became the household words of a coast that had never been ruled by the gods of Olympus. The Juno was known only for her comfortable cabins amidships, the Saturn for the geniality of her captain and the painted and gilt luxuriousness of her saloon, whereas the Ganymede was fitted out mainly for cattle transport, and to be avoided by coastwise passengers. The humblest Indian in the obscurest village on the coast was familiar with the Cerberus, a little black puffer without charm or living accommodation to speak of, whose mission was to creep inshore along the wooded beaches close to mighty ugly rocks, stopping obligingly before every cluster of huts to collect produce, down to three-pound parcels of indiarubber bound in a wrapper of dry grass.

Thumbnails

The political atmosphere of the Republic was generally stormy in these days. The fugitive patriots of the defeated party had the knack of turning up again on the coast with half a steamer’s load of small arms and ammunition. Such resourcefulness Captain Mitchell considered as perfectly wonderful in view of their utter destitution at the time of flight. He had observed that “they never seemed to have enough change about them to pay for their passage ticket out of the country.” And he could speak with knowledge; for on a memorable occasion he had been called upon to save the life of a dictator, together with the lives of a few Sulaco officials—the political chief, the director of the customs, and the head of police—belonging to an overturned government. Poor Senor Ribiera (such was the dictator’s name) had come pelting eighty miles over mountain tracks after the lost battle of Socorro, in the hope of out-distancing the fatal news—which, of course, he could not manage to do on a lame mule. The animal, moreover, expired under him at the end of the Alameda, where the military band plays sometimes in the evenings between the revolutions. “Sir,” Captain Mitchell would pursue with portentous gravity, “the ill-timed end of that mule attracted attention to the unfortunate rider. His features were recognized by several deserters from the Dictatorial army amongst the rascally mob already engaged in smashing the windows of the Intendencia.”

Early on the morning of that day the local authorities of Sulaco had fled for refuge to the O.S.N. Company’s offices, a strong building near the shore end of the jetty, leaving the town to the mercies of a revolutionary rabble; and as the Dictator was execrated by the populace on account of the severe recruitment law his necessities had compelled him to enforce during the struggle, he stood a good chance of being torn to pieces. Providentially, Nostromo—invaluable fellow—with some Italian workmen, imported to work upon the National Central Railway, was at hand, and managed to snatch him away—for the time at least. Ultimately, Captain Mitchell succeeded in taking everybody off in his own gig to one of the Company’s steamers—it was the Minerva—just then, as luck would have it, entering the harbour.

Markup: HTML Tags and Formatting

That last is no more than a foot high, and about seven paces across, a mere flat top of a grey rock which smokes like a hot cinder after a shower, and where no man would care to venture a naked sole before sunset. On the Little Isabel an old ragged palm, with a thick bulging trunk rough with spines, a very witch amongst palm trees, rustles a dismal bunch of dead leaves above the coarse sand. The Great Isabel has a spring of fresh water issuing from the overgrown side of a ravine. Resembling an emerald green wedge of land a mile long, and laid flat upon the sea, it bears two forest trees standing close together, with a wide spread of shade at the foot of their smooth trunks. A ravine extending the whole length of the island is full of bushes; and presenting a deep tangled cleft on the high side spreads itself out on the other into a shallow depression abutting on a small strip of sandy shore.

Header one

That last is no more than a foot high, and about seven paces across, a mere flat top of a grey rock which smokes like a hot cinder after a shower, and where no man would care to venture a naked sole before sunset. On the Little Isabel an old ragged palm, with a thick bulging trunk rough with spines, a very witch amongst palm trees, rustles a dismal bunch of dead leaves above the coarse sand. The Great Isabel has a spring of fresh water issuing from the overgrown side of a ravine. Resembling an emerald green wedge of land a mile long, and laid flat upon the sea, it bears two forest trees standing close together, with a wide spread of shade at the foot of their smooth trunks. A ravine extending the whole length of the island is full of bushes; and presenting a deep tangled cleft on the high side spreads itself out on the other into a shallow depression abutting on a small strip of sandy shore.

Header two

That last is no more than a foot high, and about seven paces across, a mere flat top of a grey rock which smokes like a hot cinder after a shower, and where no man would care to venture a naked sole before sunset. On the Little Isabel an old ragged palm, with a thick bulging trunk rough with spines, a very witch amongst palm trees, rustles a dismal bunch of dead leaves above the coarse sand. The Great Isabel has a spring of fresh water issuing from the overgrown side of a ravine. Resembling an emerald green wedge of land a mile long, and laid flat upon the sea, it bears two forest trees standing close together, with a wide spread of shade at the foot of their smooth trunks. A ravine extending the whole length of the island is full of bushes; and presenting a deep tangled cleft on the high side spreads itself out on the other into a shallow depression abutting on a small strip of sandy shore.

Header three

That last is no more than a foot high, and about seven paces across, a mere flat top of a grey rock which smokes like a hot cinder after a shower, and where no man would care to venture a naked sole before sunset. On the Little Isabel an old ragged palm, with a thick bulging trunk rough with spines, a very witch amongst palm trees, rustles a dismal bunch of dead leaves above the coarse sand. The Great Isabel has a spring of fresh water issuing from the overgrown side of a ravine. Resembling an emerald green wedge of land a mile long, and laid flat upon the sea, it bears two forest trees standing close together, with a wide spread of shade at the foot of their smooth trunks. A ravine extending the whole length of the island is full of bushes; and presenting a deep tangled cleft on the high side spreads itself out on the other into a shallow depression abutting on a small strip of sandy shore.

Header four

That last is no more than a foot high, and about seven paces across, a mere flat top of a grey rock which smokes like a hot cinder after a shower, and where no man would care to venture a naked sole before sunset. On the Little Isabel an old ragged palm, with a thick bulging trunk rough with spines, a very witch amongst palm trees, rustles a dismal bunch of dead leaves above the coarse sand. The Great Isabel has a spring of fresh water issuing from the overgrown side of a ravine. Resembling an emerald green wedge of land a mile long, and laid flat upon the sea, it bears two forest trees standing close together, with a wide spread of shade at the foot of their smooth trunks. A ravine extending the whole length of the island is full of bushes; and presenting a deep tangled cleft on the high side spreads itself out on the other into a shallow depression abutting on a small strip of sandy shore.

Header five

That last is no more than a foot high, and about seven paces across, a mere flat top of a grey rock which smokes like a hot cinder after a shower, and where no man would care to venture a naked sole before sunset. On the Little Isabel an old ragged palm, with a thick bulging trunk rough with spines, a very witch amongst palm trees, rustles a dismal bunch of dead leaves above the coarse sand. The Great Isabel has a spring of fresh water issuing from the overgrown side of a ravine. Resembling an emerald green wedge of land a mile long, and laid flat upon the sea, it bears two forest trees standing close together, with a wide spread of shade at the foot of their smooth trunks. A ravine extending the whole length of the island is full of bushes; and presenting a deep tangled cleft on the high side spreads itself out on the other into a shallow depression abutting on a small strip of sandy shore.

Header six

That last is no more than a foot high, and about seven paces across, a mere flat top of a grey rock which smokes like a hot cinder after a shower, and where no man would care to venture a naked sole before sunset. On the Little Isabel an old ragged palm, with a thick bulging trunk rough with spines, a very witch amongst palm trees, rustles a dismal bunch of dead leaves above the coarse sand. The Great Isabel has a spring of fresh water issuing from the overgrown side of a ravine. Resembling an emerald green wedge of land a mile long, and laid flat upon the sea, it bears two forest trees standing close together, with a wide spread of shade at the foot of their smooth trunks. A ravine extending the whole length of the island is full of bushes; and presenting a deep tangled cleft on the high side spreads itself out on the other into a shallow depression abutting on a small strip of sandy shore.

Blockquotes

Single line blockquote:

Stay hungry. Stay foolish.

Multi line blockquote with a cite reference:

People think focus means saying yes to the thing you’ve got to focus on. But that’s not what it means at all. It means saying no to the hundred other good ideas that there are. You have to pick carefully. I’m actually as proud of the things we haven’t done as the things I have done. Innovation is saying no to 1,000 things.

Steve Jobs – Apple Worldwide Developers’ Conference, 1997

That last is no more than a foot high, and about seven paces across, a mere flat top of a grey rock which smokes like a hot cinder after a shower, and where no man would care to venture a naked sole before sunset. On the Little Isabel an old ragged palm, with a thick bulging trunk rough with spines, a very witch amongst palm trees, rustles a dismal bunch of dead leaves above the coarse sand. The Great Isabel has a spring of fresh water issuing from the overgrown side of a ravine. Resembling an emerald green wedge of land a mile long, and laid flat upon the sea, it bears two forest trees standing close together, with a wide spread of shade at the foot of their smooth trunks. A ravine extending the whole length of the island is full of bushes; and presenting a deep tangled cleft on the high side spreads itself out on the other into a shallow depression abutting on a small strip of sandy shore.

This is right aligned blockquote. Sometimes life hits you in the head with a brick. Don’t lose faith.

That last is no more than a foot high, and about seven paces across, a mere flat top of a grey rock which smokes like a hot cinder after a shower, and where no man would care to venture a naked sole before sunset. On the Little Isabel an old ragged palm, with a thick bulging trunk rough with spines, a very witch amongst palm trees, rustles a dismal bunch of dead leaves above the coarse sand. The Great Isabel has a spring of fresh water issuing from the overgrown side of a ravine. Resembling an emerald green wedge of land a mile long, and laid flat upon the sea, it bears two forest trees standing close together, with a wide spread of shade at the foot of their smooth trunks. A ravine extending the whole length of the island is full of bushes; and presenting a deep tangled cleft on the high side spreads itself out on the other into a shallow depression abutting on a small strip of sandy shore.

This is right aligned blockquote. Sometimes life hits you in the head with a brick. Don’t lose faith.

That last is no more than a foot high, and about seven paces across, a mere flat top of a grey rock which smokes like a hot cinder after a shower, and where no man would care to venture a naked sole before sunset. On the Little Isabel an old ragged palm, with a thick bulging trunk rough with spines, a very witch amongst palm trees, rustles a dismal bunch of dead leaves above the coarse sand. The Great Isabel has a spring of fresh water issuing from the overgrown side of a ravine. Resembling an emerald green wedge of land a mile long, and laid flat upon the sea, it bears two forest trees standing close together, with a wide spread of shade at the foot of their smooth trunks. A ravine extending the whole length of the island is full of bushes; and presenting a deep tangled cleft on the high side spreads itself out on the other into a shallow depression abutting on a small strip of sandy shore.

Tables

Monthly savings
Employee Salary
John Doe $1 Because that’s all Steve Jobs needed for a salary.
Jane Doe $100K For all the blogging she does.
Fred Bloggs $100M Pictures are worth a thousand words, right? So Jane x 1,000.
Jane Bloggs $100B With hair like that?! Enough said…

Definition Lists

Definition List Title
Definition list division.
Startup
A startup company or startup is a company or temporary organization designed to search for a repeatable and scalable business model.
#dowork
Coined by Rob Dyrdek and his personal body guard Christopher “Big Black” Boykins, “Do Work” works as a self motivator, to motivating your friends.
Do It Live
I’ll let Bill O’Reilly will explain this one.

Unordered List (Nested)

  • List item one
    • List item one
      • List item one
      • List item two
      • List item three
      • List item four
    • List item two
    • List item three
    • List item four
  • List item two
  • List item three
  • List item four

Ordered List

  1. List item one
    1. List item one
      1. List item one
      2. List item two
      3. List item three
      4. List item four
    2. List item two
    3. List item three
    4. List item four
  2. List item two
  3. List item three
  4. List item four

Mixed List (Nested)

  • Unordered list item one
  • Unordered list item two
    1. Ordered list item one
    2. Ordered list item two
      • Unordered list item one
      • Unordered list item two
        1. Ordered list item one
        2. Ordered list item two
        3. Ordered list item three
      • Unordered list item three
    3. Ordered list item three
  • Unordered list item three

HTML Tags

These supported tags come from the WordPress.com code FAQ.

Address Tag

1 Infinite Loop
Cupertino, CA 95014
United States

Anchor Tag (aka. Link)

This is an example of a link.

Abbreviation Tag

The abbreviation srsly stands for “seriously”.

Acronym Tag (deprecated in HTML5)

The acronym ftw stands for “for the win”.

Big Tag (deprecated in HTML5)

These tests are a big deal, but this tag is no longer supported in HTML5.

Cite Tag

“Code is poetry.” —Automattic

Code Tag

Code tag test

You will learn later on in these tests that word-wrap: break-word; will be your best friend.

Delete Tag

This tag will let you strikeout text, but this tag is no longer supported in HTML5 (use the <strike> instead).

Emphasize Tag

The emphasize tag should italicize text.

Insert Tag

This tag should denote inserted text.

Keyboard Tag

This scarsly known tag emulates keyboard text, which is usually styled like the <code> tag.

Preformatted Tag

This tag styles large blocks of code.

.post-title {
	margin: 0 0 5px;
	font-weight: bold;
	font-size: 38px;
	line-height: 1.2;
	and here's a line of some really, really, really, really long text, just to see how the PRE tag handles it and to find out how it overflows;
}

Quote Tag

Developers, developers, developers… –Steve Ballmer

Strike Tag (deprecated in HTML5)

This tag shows strike-through text

Strong Tag

This tag shows bold text.

Subscript Tag

Getting our science styling on with H2O, which should push the “2” down.

Superscript Tag

Still sticking with science and Isaac Newton’s E = MC2, which should lift the 2 up.

Teletype Tag (deprecated in HTML5)

This rarely used tag emulates teletype text, which is usually styled like the <code> tag.

Variable Tag

This allows you to denote variables.