Shortcodes

[slider navigation_style=”none” custom_slider_transition=”move”]

A shortcode provides a handy way for the designer to grant the end user the ability to inject arbitrary code anywhere within his content: shortcode = shortcut.

[/slider]

A shortcode is a WordPress-specific code that lets you do nifty things with very little effort. Shortcodes can embed files or create objects that would normally require lots of complicated, ugly code in just one line.

Grid columns

[hr style=”dotted”]

[row cols_nr=”3″]

[col size=”4″]

In typography, a column is one or more vertical blocks of content positioned on a page, separated by gutters or rules . Columns are most commonly used to break up large bodies of text that cannot fit in a single block of text on a page. Additionally, columns are used to

[/col]

[col size=”4″]

improve page composition and readability. Newspapers very frequently use complex multi-column layouts to break up different stories and longer bodies of texts within a story. Column can also more generally refer to the vertical delineations. In page layout,

[/col]

[col size=”4″]

the whitespace on the page (bounding the first and last columns) are known as margins; the gap between two facing pages is also considered a gutter, since there are columns on both sides. Any other gutter can also be referred to as a margin.

[/col]

[/row]

Heading block

[hr style=”dotted”]

[heading title=”This association of titles is stylized” subtitle=”aligned center and with gray subtitle”]

Quote

[hr style=”dotted”]

[quote text_size=”medium” author=”James Felici”]

Typography is the use of type to advocate, communicate, celebrate, educate, elaborate, illuminate, and disseminate. Along the way, the words and pages become art.

[/quote]

Buttons

[hr style=”dotted”]

[row cols_nr=”3″]

[col size=”4″]

[button size=”small” text_size=”gamma”]Elegant button[/button]

[/col]

[col size=”4″]

[button size=”large” text_size=”gamma”]Elegant button[/button]

[/col]

[col size=”4″]

[button size=”huge” text_size=”gamma”]Elegant button[/button]

[/col]

[/row]

[row cols_nr=”3″]

[col size=”4″]

[button size=”small” text_size=”beta”]Elegant button[/button]

[/col]

[col size=”4″]

[button size=”large” text_size=”beta”]Elegant button[/button]

[/col]

[col size=”4″]

[button size=”huge” text_size=”beta”]Elegant button[/button]

[/col]

[/row]

[row cols_nr=”3″]

[col size=”4″]

[button size=”small” text_size=”alpha”]Elegant button[/button]

[/col]

[col size=”4″]

[button size=”large” text_size=”alpha”]Elegant button[/button]

[/col]

[col size=”4″]

[button size=”huge” text_size=”alpha”]Elegant button[/button]

[/col]

[/row]

Icons

[hr style=”dotted”]

Small

Medium

Large

Circle

[icon type=”circle” size=”small” name=”mobile”] [icon type=”circle” size=”medium” name=”mobile”] [icon type=”circle” size=”big” name=”mobile”]

Bordered

[icon size=”small” class=”icon-border” name=”e-tumblr”] [icon size=”medium” class=”icon-border” name=”e-tumblr”] [icon size=”big” class=”icon-border” name=”e-tumblr”]

Square

[icon type=”rectangle” size=”small” name=”e-flash”] [icon type=”rectangle” size=”medium” name=”e-flash”] [icon type=”rectangle” size=”big” name=”e-flash”]

 

Separators

[hr style=”dotted”]

Dotted

[hr style=”dotted”]

Striped

[hr style=”striped”]

 

Sliders

[hr style=”dotted”]

[slider navigation_style=”arrows” custom_slider_transition=”move”]

The computer can’t tell you the emotional story. It can give you the exact mathematical design, but what’s missing is the eyebrows.

Design must be functional, and functionality must be translated into visual aesthetics without any reliance on gimmicks that have to be explained.

You can’t connect the dots looking forward; you can only connect them looking backwards. So you have to trust that the dots will somehow connect in your future.

[/slider]
[slider navigation_style=”bullets” custom_slider_transition=”fade”]

Design must be functional, and functionality must be translated into visual aesthetics without any reliance on gimmicks that have to be explained.

There is beauty in the language and beauty in the way it is presented.

The computer can’t tell you the emotional story. It can give you the exact mathematical design, but what’s missing is the eyebrows.

[/slider]

 

Progress bars

[hr style=”dotted”]

[bar title=”Web design” progress=”85″]

[bar title=”Typography” progress=”70″]

[bar title=”Marketing” progress=”95″]

 

Team members

Meet us

[hr style=”dotted”]

[row cols_nr=”2″]

[col size=”6″]

[team-member name=”Patricio Cabrani” image=”http://pikarthouse.com/wp/arkfield-demo/wp-content/uploads/sites/58/2015/08/01.jpg” title=”Web Developer” imagelink=”https://google.com/” social_twitter=”https://twitter.com/” social_facebook=”https://facebook.com/” social_linkedin=”https://linkedin.com/” social_pinterest=”https://pinterest.com/”]

[/team-member]

[/col]

[col size=”6″]

[team-member name=”Karoline Melissa” image=”http://pikarthouse.com/wp/arkfield-demo/wp-content/uploads/sites/58/2015/08/01.jpg” title=”Photographer” imagelink=”https://google.com/” social_twitter=”https://twitter.com/” social_facebook=”https://facebook.com/” social_linkedin=”https://linkedin.com/” social_pinterest=”https://pinterest.com/”]

[/team-member]

[/col]

[/row]

Gallery

[hr style=”dotted”]