Reference implementation (content highlighted in yellow represent basic elements for Syndicated Content implementation):
Switch to Syndication
<!DOCTYPE html>
<html>
    <head>
        <title>SACS UB Intersession Promotion Sample</title>
    </head>
    <body>

    	<div class="sacs-ub-intersession-promotion">
    		<div id="sacs" data-width="240">{{{intersession-program-promotion-value}}}</div> <!-- the `data-width` attribute controls the width of the UB Intersession Logo image (logo default: 240px by 90px) -->
        </div> <!--end .sacs-* class categories-->

        <!-- for optimal download performance of your web page, paste the script container below immediately before the closing body tag -->
        <script src="http://webservices.buffalo.edu/syndication/datasyn.v2.js" async></script>
    </body>
</html>

CSS Style Guide:
/* you can use in-line styling on either <div> container in the sample or add any of the styles below to your .css stylesheet */

#sacs {
  /* optional and special styles to the <div> container that surrounds the promotional callout widget */
}
#intersessionLogo {
  /* optional and special styles to the <img> tag contains the promotional logo */
}

Sample Widget Result:

{{{intersession-program-promotion-value}}}