Featured Content Sidebar

<div class="bg-gray-100 py-10">

    {{!-- component start --}}

    {{!-- 
        When implementing:
        - move inline styling to stylesheet
        - update url
        - update clicky and ga params
        - update image, alt text
        - update text
     --}}

    <style>
        .related-content {
            width: 200px;
        }
    </style>

    <div class="related-content mx-auto">

        <div class="block bg-white shadow-sm hover:shadow-md"></div>
        <a href="http://bolexcollector.com" rel="noopener">
            <img class="mx-auto" src="https://source.unsplash.com/random/200x150" alt="Advertiser name" width="200"
                height="150">

            <div class="text-white bg-green-500 p-4 text-xl font-light leading-snug">
                activities &amp; adventures
            </div>
        </a>
        <div class="bg-white p-4 text-xs">
            <p>Numerous Canmore, Banff, and Kananaskis-based companies which are featured on this website offer guided
                services, outdoor adventures and activities to make the most of your visist and enjoy a safe outdoor
                experience.</p>
            <p class="mt-2">
                <a class="mt-4 bg-green-500 px-2 py-1 text-white" href="">More Info</a>
            </p>
        </div>
    </div>

</div>

{{!-- component end --}}

</div>