About

Styles for the Agencía Theme
Center Image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce cursus nisi vitae nibh sollicitudin a sagittis urna viverra. Donec malesuada tempus enim eleifend egestas. Donec mattis mollis mauris, ut congue ante euis mod quis. Phasellus nec rutrum arcu. Pellentesque condimentum dapibus quam, dapibus accumsan nulla sollicitudin vitae. 

<div class="photo-center"><img src="..." width="" height="" alt="" /></div>

Image Alignment

Photo right

Nam id nibh non dui mollis imperdiet pulvinar in nibh. Etiam felis magna, accumsan aliquet bibendum in, vulputate sit amet leo. Praesent eget elit lorem, consequat bibendum massa. Praesent tincidunt faucibus vulputate. Mauris rhoncus ipsum non risus posuere feugiat et ac est. 

<div class="photo-left"><img src="..." width="" height="" alt="" /></div>
Photo right

Curabitur sed semper risus. Fusce ut pretium lectus. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin risus enim, imperdiet sit amet feugiat vitae, pellentesque vel massa. Quisque semper, erat id tincidunt convallis, elit augue adipiscing massa, eu ultrices diam nunc eu sem. 

<div class="photo-right"><img src="..." width="" height="" alt="" /></div>

Block Quote

This is a basic pull quote that can be added by a shortcode. Aliquam vestibulum dolor in purus mattis aliquet. Mauris dui augue, dapibus eget porta eu, bibendum tempus tortor. Duis tellus libero, semper vel porta vitae, egestas quis purus. 
<div class="pull-quote">This is a basic pull quote...</div>

Button Styles

Small Buttons created with text:

Download here

<p class="button">
   <a href="#">Download here</a>
</p>

Big Buttons created with text:

Learn more 

<p class="big-button">
   <a href="#">Learn more
   <span>&nbsp;</span></a>
</p>

List Styles

  1. Maecenas malesuada purus
  2. Varius volutpat a a ante
  3. Donec in ante sit amet ligul
  4. Mollis porta sit amet ac est
<ol>
	<li>Maecenas...</li>
</ol>

  • Maecenas malesuada purus
  • Varius volutpat a a ante
  • Donec in ante sit amet ligul
  • Mollis porta sit amet ac est
<ul class="silver_arrows">
	<li>Maecenas...</li>
</ul>
  • Maecenas malesuada purus
  • Varius volutpat a a ante
  • Donec in ante sit amet ligul
  • Mollis porta sit amet ac est
<ul>
	<li>Maecenas...</li>
</ul>

  • Maecenas malesuada purus
  • Varius volutpat a a ante
  • Donec in ante sit amet ligul
  • Mollis porta sit amet ac est
<ul class="arrow">
	<li>Maecenas...</li>
</ul>

Heading Styles

Heading 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacus orci, convallis cursus rutrum cursus, facilisis convallis ante. Nunc non imperdiet purus.

Heading 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacus orci, convallis cursus rutrum cursus, facilisis convallis ante. Nunc non imperdiet purus.

Heading 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacus orci, convallis cursus rutrum cursus, facilisis convallis ante. Nunc non imperdiet purus.

Heading 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacus orci, convallis cursus rutrum cursus, facilisis convallis ante. Nunc non imperdiet purus.

Heading 5

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacus orci, convallis cursus rutrum cursus, facilisis convallis ante. Nunc non imperdiet purus.

Heading 6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus lacus orci, convallis cursus rutrum cursus, facilisis convallis ante. Nunc non imperdiet purus.

Transparency Hover

Portfolio
<img src="..." width="" height="" alt="" class="adjusttransparency" />

Lightbox Images

Portfolio
<a href="fullsizeimage.jpg" class="fancylightbox">
    <img src="image.jpg" width="" height="" alt="" />
</a>

Two Columns

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis risus eu lectus elementum commodo dictum in magna. Pellentesque condimentum dapibus quam, dapibus accumsan nulla sollicitudin vitae.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque quis risus eu lectus elementum commodo dictum in magna. Pellentesque condimentum dapibus quam, dapibus accumsan nulla sollicitudin vitae.

<div class="box_container">
	<div class="left_box">
		<p>Lorem ipsum...</p>
	</div>
	<div class="right_box">
		<p>Lorem ipsum...</p>
	</div>
</div>
<div class="divider"></div>