Use <pre>
s for multiple lines of code. Once again, be sure to escape any angle brackets in the code for proper rendering. You may optionally add the .pre-scrollable
class, which will set a max-height of 350px and provide a y-axis scrollbar.
<ul class="list-unstyled f_social_icon">
<li><a href="#"><i class="social_facebook"><i><a><li>
<li><a href="#"><i class="social_twitter"><i><a><li>
<li><a href="#"><i class="social_vimeo"><i><a><li>
<li><a href="#"><i class="social_linkedin"><i><a><li>
<ul>
$(".img_popup").each(function () {
$(".img_popup").magnificPopup({
type: 'image',
closeOnContentClick: true,
closeBtnInside: false,
fixedContentPos: true,
removalDelay: 300,
mainClass: 'mfp-no-margins mfp-with-zoom',
image: {
enabled: true,
navigateByImgClick: true,
preload: [0, 1]
}
});
})