Images

Images may be two-dimensional, such as a photograph or screen display, or three-dimensional, such as a statue or hologram. They may be captured by optical devices – such as cameras, mirrors, lenses, telescopes, microscopes, etc. and natural objects and phenomena, such as the human eye or water.

The word ‘image’ is also used in the broader sense of any two-dimensional figure such as a map, a graph, a pie chart, or a painting. In this wider sense, images can also be rendered manually, such as by drawing, the art of painting, carving, rendered automatically by printing or computer graphics technology, or developed by a combination of methods.

Images may be two-dimensional, such as a photograph or screen display, or three-dimensional, such as a statue or hologram. They may be captured by optical devices – such as cameras, mirrors, lenses, telescopes, microscopes, etc. and natural objects and phenomena, such as the human eye or water.

A volatile image is one that exists only for a short period of time. This may be a reflection of an object by a mirror, a projection of a camera obscura, or a scene displayed on a cathode ray tube. A fixed image, also called a hard copy, is one that has been recorded on a material object, such as paper or textile by photography or any other digital process.

A mental image exists in an individual’s mind, as something one remembers or imagines. The subject of an image need not be real; it may be an abstract concept, such as a graph, function, or “imaginary” entity. For example, Sigmund Freud claimed to have dreamed purely in aural-images of dialogs.

Gallery

• 

• 

• 

• 

• 

• 

Typography Treatment

Our theme pays special attention to typography and type treatment, which make your content across all devices looking posh and sharp.

Heading One

Heading Two

Heading Three

Heading Four

Heading Five

Heading Six

List items

• 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

Code formatting

.intro {
	border-bottom: solid 1px #eee;
	border-top: solid 1px #eee;
	text-transform: uppercase;
	display: inline-block;
	letter-spacing: 1px;
	text-align: center;
	font-size: 16px;
	padding: 20px 0;
	color: #aaa;
	margin: 0;
}

Blockquote

The blockquote is used to indicate the quotation of a large section of text from another source.

There are no simple “right” answers for most Web design questions, at least not for the important ones. What works is good, integrated design that fills a need — carefully thought out, well executed, and tested.”

Steve Krug

Text highlighting

To use the highlight, you simply need to add a span with the class highlight. This can be done in the Text editor view. You can see an example below:

<span class="highlight">This will be highlighted.</span>

Spoiler alert

A spoiler is an element of a disseminated summary or description of any piece of fiction that reveals any plot elements which threaten to give away important details concerning the turn of events of a dramatic episode.

<span class="spoiler">This text will be a spoiler.</span>

Pull Quote

To use the pull quote, you simply need to add a class of pull-right or pull-left to your content. This can be done in the Text editor view. See an example below:

<span class="pull-right">Pull this text right.</span>

This pull quote will be on the right side of the post.

A pull quote (also known as a lift-out quote) is a quotation or excerpt from an article that is typically placed in a larger or distinctive typeface on the same page, serving to entice readers into an article or to highlight a key topic. The term is principally used in journalism and publishing.

And this pull quote is pulling text to the left, just like that.

Placement of a pull quote on a page may be defined in a publication’s or website’s style guide. Such a typographic device may or may not be aligned with a column on the page. Some designers, for example, choose not to align the quote. In that case, the quotation cuts into two or more columns, as in the example shown.

Intro text

The introduction typically describes the scope of the document and gives the brief explanation or summary of the document. It may also explain certain elements that are important to the essay if explanations are not part of the main text. The readers can have an idea about the following text before they actually start reading it.

This is an example of an intro text, it can be not only in the beginning of the page or post, but used to underscore some important part of the text inside an article.

<span class="intro">This will be an intro to a post</span>

Dropcap

Dropcap is a letter at the beginning of a word, a chapter, or a paragraph that is larger than the rest of the text. The word is derived from the Latin initialis, which means standing at the beginning. An initial often is several lines in height and in older books or manuscripts, sometimes ornately decorated.

<span class="dropcaps">F</span>irst letter will be a dropcaps letter

Notices

Notice: We sent our field reporters to the coast with a few cameras, a little cash and a single map to see if they could seek out an adventure.

Alert! We sent our field reporters to the coast with a few cameras, a little cash and a single map to see if they could seek out an adventure.

Success! We sent our field reporters to the coast with a few cameras, a little cash and a single map to see if they could seek out an adventure.

To add this message simply add class to the span element alert, notice or success. Example:

<span class="notice">This text will be a notice.</span>