Typography

<div class=”penci-row”>
<div class=”pencisc-col penci-col-6″><img class=”alignnone size-full wp-image-2476″ src=”http://pennews.pencidesign.com/wp-content/uploads/2017/07/single2.jpg” alt=”” width=”600″ height=”900″ /></div>
<div class=”pencisc-col penci-col-6″>
<h1 style=”margin-top: 0″>Heading 1</h1>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.

<hr />

<h2>Heading 2</h2>
<h3>Heading 3</h3>
<h4>Heading 4</h4>
<h5>Heading 5</h5>
<h6>Heading 6</h6>
</div>
</div>
<div style=”clear: both”></div>
Lommodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes lorem, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla onsequat massa quis enim. Donec pede justo,<a href=”http://pencidesign.com/soledad/”> fringilla vel, aliquet nec</a>, vulputate eget.

<hr />

<h2>Unordered List</h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. <a href=”http://pencidesign.com/soledad/”>Aenean commodo ligula eget dolor</a>. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
<ul>
<li>Nam quam nunc, blandit vel, luctus</li>
<li>Pulvinar, hendrerit id, lorem.
<ul>
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet.</li>
</ul>
</li>
<li>Maecenas nec odio et ante tincidunt</li>
<li>Donec vitae sapien ut libero venenatis</li>
</ul>
<h2>Ordered List</h2>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat euismod tincidunt ut laoreet dolore magna.
<ol>
<li>Nam quam nunc, blandit vel, luctus</li>
<li>Pulvinar, hendrerit id, lorem.
<ol>
<li>Lorem ipsum dolor sit amet.</li>
<li>Lorem ipsum dolor sit amet.</li>
</ol>
</li>
<li>Maecenas nec odio et ante tincidunt</li>
<li>Donec vitae sapien <a href=”http://pencidesign.com/soledad/”>ut libero venenatis</a></li>
</ol>

<hr />

<h2>Image with Caption</h2>
<div id=”attachment_1287″ class=”wp-caption alignright” style=”width: 380px”>

<img class=”wp-image-1287″ src=”http://cdn-soledad.pencidesign.com/wp-content/uploads/2017/06/cloud.jpg” alt=”” width=”370″ height=”247″ />
<p class=”wp-caption-text”>This is an image caption</p>

</div>
Maecenas tempus, tellus eget condimentum loremipu rhoncus, sem quam semper libero, sit amet ipsu lore adipiscing sem neque sed ipsum. Nam quam nunctlie, blandit vel, luctus pulvinar, hendrerit id, lorem.

Suspendisse aliquam luctus vulputate. Nunc nec estlo turpis. Donec arcu ligula, bibendum eget aliqua sed.

Suspendisse aliquam luctus vulputate. Nunc nec estet turpis. Donec arcu ligula, bibendum eget aliquam sed, gravida ac ipsum. <a href=”http://pencidesign/soledad/”>Suspendisse aliquam</a> luctus samad vulputate. Nunc nec est turpis. Donec arcu ligula, bibendum eget. Aliq erat volutpat. Ut augue dui, lacinia scesque lacinia quis, elentum in elit. Aean lobortis enim quis lacus ules eget aliquet odio. Cras fermentum blandit dolor aliquet tincidunt. Aliq erat volutpat. Ut augue dui, lacinia…