LibApps Content Storage Guide

Code for the Icon Legend Modal

 

<!-- Trigger the modal with a button -->
<div style="border:0px solid #cccccc;padding:5px 10px;"><button class="btn btn-info btn-lg" data-target="#myModal" data-toggle="modal" type="button">Database Icon Legend</button><!-- Modal --></div>

<div class="modal fade" id="myModal" role="dialog">
<div class="modal-dialog"><!-- Modal content-->
<div class="modal-content">
<div class="modal-header"><button class="close" data-dismiss="modal" type="button">&times;</button>

<h4 class="modal-title">Legend</h4>
</div>

<div class="modal-body">
<p><img alt="Opens a new window" loading="lazy" src="https://libapps.s3.amazonaws.com/sites/256/icons/23146/iconwin.fw.png" style="width: 32px; height: 32px;" /> <span style="font-size:16px;"><span style="font-family:Arial,Helvetica,sans-serif;">Opens in a new Window</span></span></p>

<p><span style="font-size:16px;"><span style="font-family:Arial,Helvetica,sans-serif;"><img alt="Abstracts/Citations Only icons" loading="lazy" src="https://libapps.s3.amazonaws.com/customers/245/images/—Pngtree—classic_quote_icon_commas_with_4351489.png" style="width: 32px; height: 32px;" /> Abstracts/Citations Only</span></span></p>

<p><span style="font-size:16px;"><span style="font-family:Arial,Helvetica,sans-serif;"><img alt="e-books icon" loading="lazy" src="https://libapps.s3.amazonaws.com/customers/245/images/ebook.png" style="width: 32px; height: 32px;" /> E-Books</span></span></p>

<p><span style="font-size:16px;"><span style="font-family:Arial,Helvetica,sans-serif;"><img alt="Foreign Languages icon" loading="lazy" src="https://libapps.s3.amazonaws.com/customers/245/images/—Pngtree—planet_earth_vector_icon_3728954.png" style="width: 32px; height: 32px;" /> Foreign Languages</span></span></p>

<p><span style="font-size:16px;"><span style="font-family:Arial,Helvetica,sans-serif;"><img alt="Images icon" loading="lazy" src="https://libapps.s3.amazonaws.com/customers/245/images/—Pngtree—image_icon_isolated_on_background_5219381.png" style="width: 32px; height: 32px;" /> Images</span></span></p>

<p><span style="font-size:16px;"><span style="font-family:Arial,Helvetica,sans-serif;"><img alt="Magazine icon" loading="lazy" src="https://libapps.s3.amazonaws.com/customers/245/images/magazine2.png" style="width: 32px; height: 32px;" /> Magazines</span></span></p>

<p><span style="font-size:16px;"><span style="font-family:Arial,Helvetica,sans-serif;"><img alt="newspaper icon" loading="lazy" src="https://libapps.s3.amazonaws.com/customers/245/images/news.png" style="width: 32px; height: 32px;" /> Newspapers</span></span></p>

<p><span style="font-size:16px;"><span style="font-family:Arial,Helvetica,sans-serif;"><img alt="open access icon" loading="lazy" src="https://libapps.s3.amazonaws.com/customers/245/images/32px-Open_Access_logo_PLoS_white.svg.png" style="width: 32px; height: 36px;" /> Open Access</span></span></p>

<p><span style="font-size:16px;"><span style="font-family:Arial,Helvetica,sans-serif;"><img alt="primary resources icons" loading="lazy" src="https://libapps.s3.amazonaws.com/customers/245/images/primary-icon.png" style="width: 28px; height: 28px;" /> Primary Sources</span></span></p>

<p><span style="font-size:16px;"><span style="font-family:Arial,Helvetica,sans-serif;"><img alt="Scholarly/Peer Review icon" loading="lazy" src="https://libapps.s3.amazonaws.com/customers/245/images/—Pngtree—cartoon_hand_drawn_gradient_graduation_5347162.png" style="width: 32px; height: 32px;" /> Scholarly/Peer-reviewed</span></span></p>

<p><span style="font-size:16px;"><span style="font-family:Arial,Helvetica,sans-serif;"><img alt="Video icon" loading="lazy" src="https://libapps.s3.amazonaws.com/customers/245/images/Windows-Media-Player-11-icon-library.png" /> Videos</span></span></p>
</div>

<div class="modal-footer"><button class="btn btn-default" data-dismiss="modal" type="button">Close</button></div>
</div>
</div>
</div>