HTML for Content Images

Full Size Images

Photo by Todd and Brian Reed
<figure>
<img src="/wp-content/uploads/2019/12/Onekama.jpg">
<figcaption>Photo by Todd and Brian Reed</figcaption>
</figure>

Inset Images (text wraps around images)

Photo by Todd and Brian Reed

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.

 
<figure class="photo-right-50" >
<img src="/wp-content/uploads/2019/12/pentwater1.jpg">
<figcaption>Photo by Todd and Brian Reed</figcaption>
</figure>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.</p>

NOTE: Available CSS classes for the "figure" tag include the following. "left" or "right" designates the justification of the image and the number indicates the image's percentage of the total content width on a desktop screen.

  • photo-right-20
  • photo-right-30
  • photo-right-50
  • photo-left-20
  • photo-left-30
  • photo-left-50

HTML for Advanced Ads

 

Local Advertiser

Local Advertiser

Business Name <p class="small-caps">Local Advertiser</p> <a href="%link%" target="_blank" rel="noopener"><img src="/wp-content/uploads/2019/12/sample-2U.png" alt="Business Name" class="ad-local-img"></a>

Sidebar Ad (opens in new window)

Ad Title <a href="%link%" target="_blank" rel="noopener"><img src="/wp-content/uploads/2019/12/sidebar5.jpg" alt="Ad Title" class="ad-img"></a>

Sidebar Ad (opens in same window)

Ad Title <a href="%link%"><img src="/wp-content/uploads/2019/12/sidebar2.jpg" alt="Ad Title" class="ad-img"></a>

Basic Listing

<div class="ad-row basic">
<div class="ad-col-50">
<h5 class="text-center">Business Name</h5>
</div>
<div class="ad-col-50">
<p class="icons text-center"><a href="tel:+12310000000" class="phone">(231) 000-0000</a> <a href="%link%" target="_blank" rel="noopener" class="website">www.website.com</a> <a href="https://www.google.com/maps/place/2875+N+Lakeshore+Dr,+Ludington,+MI+49431/" target="_blank" rel="noopener noreferrer" class="location">2875 N Lakeshore Dr, Ludington, MI 49431</a></p>
</div>
</div>

Enhanced Listing

Donec sed tempor erat, et mollis ligula. Praesent eu augue nec ante hendrerit maximus. Donec semper, arcu a ullamcorper iaculis, eros risus pretium urna, vitae maximus tortor turpis sit amet arcu.

<div class="ad-row enhanced">
<div class="ad-col-50">
<h5 class="text-center">Business Name</h5>
<p class="icons text-center"><a href="tel:+12310000000" class="phone">(231) 000-0000</a> <a href="%link%" target="_blank" rel="noopener" class="website">www.website.com</a> <a href="https://www.google.com/maps/place/2875+N+Lakeshore+Dr,+Ludington,+MI+49431/" target="_blank" rel="noopener noreferrer" class="location">2875 N Lakeshore Dr, Ludington, MI 49431</a></p>
</div>
<div class="ad-col-50">
<p>Donec sed tempor erat, et mollis ligula. Praesent eu augue nec ante hendrerit maximus. Donec semper, arcu a ullamcorper iaculis, eros risus pretium urna, vitae maximus tortor turpis sit amet arcu.</p>
</div>
</div>

1U Combo Ad

Donec sed tempor erat, et mollis ligula. Praesent eu augue nec ante hendrerit maximus. Donec semper, arcu a ullamcorper iaculis, eros risus pretium urna, vitae maximus tortor turpis sit amet arcu.

<div class="ad-row 1u-combo">
<div class="ad-col-40"><a href="%link%" target="_blank" rel="noopener">
<img src="https://westmiguides.com/wp-content/uploads/2019/12/sample-1U.png" alt="Business Name"></a>
</div>
<div class="ad-col-60 ad-col-desktop">
<h5>Business Name</h5>
<p class="icons"><a href="tel:+12310000000" class="phone">(231) 000-0000</a> <a href="%link%" target="_blank" rel="noopener" class="website">www.website.com</a> <a href="https://www.google.com/maps/place/2875+N+Lakeshore+Dr,+Ludington,+MI+49431/" target="_blank" rel="noopener noreferrer" class="location">2875 N Lakeshore Dr, Ludington, MI 49431</a></p>
</div>
<div class="ad-col-100"><p>Donec sed tempor erat, et mollis ligula. Praesent eu augue nec ante hendrerit maximus. Donec semper, arcu a ullamcorper iaculis, eros risus pretium urna, vitae maximus tortor turpis sit amet arcu.</p></div>
<div class="ad-col-100 ad-col-mobile">
<h5>Business Name</h5>
<p class="icons"><a href="tel:+12310000000" class="phone">(231) 000-0000</a> <a href="%link%" target="_blank" rel="noopener" class="website">www.website.com</a>
<a href="https://www.google.com/maps/place/2875+N+Lakeshore+Dr,+Ludington,+MI+49431/" target="_blank" rel="noopener noreferrer" class="location">2875 N Lakeshore Dr, Ludington, MI 49431</a></p>
</div>
</div>

2U Combo Ad

Donec sed tempor erat, et mollis ligula. Praesent eu augue nec ante hendrerit maximus. Donec semper, arcu a ullamcorper iaculis, eros risus pretium urna, vitae maximus tortor turpis sit amet arcu.

<div class="ad-row 2u-combo">
<div class="ad-col-40"><a href="%link%" target="_blank" rel="noopener">
<img src="https://westmiguides.com/wp-content/uploads/2019/12/sample-2U.png" alt="Business Name"></a>
</div>
<div class="ad-col-60 ad-col-desktop">
<h5>Business Name</h5>
<p class="icons"><a href="tel:+12310000000" class="phone">(231) 000-0000</a> <a href="%link%" target="_blank" rel="noopener" class="website">www.website.com</a> <a href="https://www.google.com/maps/place/2875+N+Lakeshore+Dr,+Ludington,+MI+49431/" target="_blank" rel="noopener noreferrer" class="location">2875 N Lakeshore Dr, Ludington, MI 49431</a></p>
</div>
<div class="ad-col-60"><p>Donec sed tempor erat, et mollis ligula. Praesent eu augue nec ante hendrerit maximus. Donec semper, arcu a ullamcorper iaculis, eros risus pretium urna, vitae maximus tortor turpis sit amet arcu.</p></div>
<div class="ad-col-100 ad-col-mobile">
<h5>Business Name</h5>
<p class="icons"><a href="tel:+12310000000" class="phone">(231) 000-0000</a> <a href="%link%" target="_blank" rel="noopener" class="website">www.website.com</a>
<a href="https://www.google.com/maps/place/2875+N+Lakeshore+Dr,+Ludington,+MI+49431/" target="_blank" rel="noopener noreferrer" class="location">2875 N Lakeshore Dr, Ludington, MI 49431</a></p>
</div>
</div>

3U Combo Ad

Business Name

Donec sed tempor erat, et mollis ligula. Praesent eu augue nec ante hendrerit maximus. Donec semper, arcu a ullamcorper iaculis, eros risus pretium urna, vitae maximus tortor turpis sit amet arcu. Donec sed tempor erat, et mollis ligula. Praesent eu augue nec ante hendrerit maximus. Donec semper, arcu a ullamcorper iaculis, eros risus pretium urna, vitae maximus tortor turpis sit amet arcu.

<div class="ad-row 3u-combo">
<div class="ad-col-40">
<a href="%link%" target="_blank" rel="noopener"><img src="https://westmiguides.com/wp-content/uploads/2019/12/sample-3U.png" alt="Business Name"></a>
</div>
<div class="ad-col-60 ad-col-desktop">
<h5>Business Name</h5>
<p class="icons"><a href="tel:+12310000000" class="phone">(231) 000-0000</a> <a href="%link%" target="_blank" rel="noopener" class="website">www.website.com</a> <a href="https://www.google.com/maps/place/2875+N+Lakeshore+Dr,+Ludington,+MI+49431/" target="_blank" rel="noopener noreferrer" class="location">2875 N Lakeshore Dr, Ludington, MI 49431</a></p>
</div>
<div class="ad-col-60"><p>Donec sed tempor erat, et mollis ligula. Praesent eu augue nec ante hendrerit maximus. Donec semper, arcu a ullamcorper iaculis, eros risus pretium urna, vitae maximus tortor turpis sit amet arcu. Donec sed tempor erat, et mollis ligula. Praesent eu augue nec ante hendrerit maximus. Donec semper, arcu a ullamcorper iaculis, eros risus pretium urna, vitae maximus tortor turpis sit amet arcu.</p></div>
<div class="ad-col-100 ad-col-mobile">
<h5>Business Name</h5>
<p class="icons"><a href="tel:+12310000000" class="phone">(231) 000-0000</a> <a href="%link%" target="_blank" rel="noopener" class="website">www.website.com</a>
<a href="https://www.google.com/maps/place/2875+N+Lakeshore+Dr,+Ludington,+MI+49431/" target="_blank" rel="noopener noreferrer" class="location">2875 N Lakeshore Dr, Ludington, MI 49431</a></p>
</div>
</div>