Bulleted List of Links

To display this bulleted list of links with a blurb and a header on the left or right side of the page:

sample list of bulleted links with the title resources and two links underneath called visit GNOIVS and join our mail list that each have a blurb

  1. Go to the Left Callout or Right Callout field. Click the Source button in the Editor Toolbar (#29). 
  2. Copy and paste this code in the field, replacing the bolded portions with your desired content:

 <div class="callout">
 <h3>Resources </h3>
 <ul>
     <li><a href=”#“>Visit GNOVIS</a>— Georgetown  University’s Journal of Communication, Culture, and  Technology</li>
     <li><a href="#“>Join our email list</a>— We will send you offers for free chum</li>
</ul>
</div>

 

 

 

To display links without a blurb but with a header, similar to this:

bulleted list of of four links with the header resources

Copy and paste this code, replacing the bolded portions with your desired content:

 

div class="callout">
<h3>Resources</h3>
<ul>
<li><a href="#">Visit us</a></li>
<li><a href="#">Join our email list</a></li>
<li><a href="#">Plan a visit and schedule a campus tour with a Georgetown Ambassador</a></li>
<li><a href="#">Contact us</a></li>
</ul>
</div>

 

 

To make a Merger of Box and Lists, similar to this:

sample of a merger box of lists with the title What's a Smorgasboard, with three heading underneath, and bulleted links under the headings

Copy and paste this code, replacing the bolded portions with your desired content:

<div class="callout information">
<h3>What's a smorgasbord?</h3>
<h4>Gastronomy</h4>
<p>This is a demo, a sort of <a href="#">coming together</a> of styles.</p>
<h4>Resources, context</h4>
<ul>
<li><a href="#">Visit us</a> - it gets lonely</li>
<li><a href="#">Join us</a> - the collective</li>
</ul>
<h4>Resources, bullets</h4>
<ul>
<li><a href="#">Visit me</a></li>
<li><a href="#">Plan a visit and fall in love with our lawn</a></li>
<li><a href="#">First contact</a></li>
</ul>
</div>

 

“>