pull quote html code

sherri
Posted by May 19, 2017 Nov 24, 2017 notes Add Comment 2808 Views
javascript html

would you like to add a pull quote into your web site to make it appear like the paragraphs below ?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer nec odio. Praesent libero. Sed cursus ante dapibus diam. Sed nisi. Nulla quis sem at nibh elementum imperdiet. Duis sagittis ipsum. Praesent mauris. Fusce nec tellus sed augue semper porta. Mauris massa. Vestibulum lacinia arcu eget nulla. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Curabitur sodales ligula in libero.

This is my pull quote text

Sed dignissim lacinia nunc. Curabitur tortor. Pellentesque nibh. Aenean quam. In scelerisque sem at dolor. Maecenas mattis. Sed convallis tristique sem. Proin ut ligula vel nunc egestas porttitor. Morbi lectus risus, iaculis vel, suscipit quis, luctus non, massa. Fusce ac turpis quis ligula lacinia aliquet. Mauris ipsum. Nulla metus metus, ullamcorper vel, tincidunt sed, euismod in, nibh. Quisque volutpat condimentum velit.

Et amet venenatis lectus, vel risus ante elit tincidunt, lectus in laoreet, eget mauris bibendum taciti nunc placerat lectus. Condimentum est magna erat elementum, pellentesque nunc elit velit est id, nec sed leo a. Sed quia cumque leo ligula ultrices sed, libero enim quis cursus at dictum non, justo eu id rutrum eu congue vehicula. Sodales a dolor, sagittis facilisis velit.

the code to accomplish the pull quote is below.


<div style="color:#333333;width:220px;height:140px;background:transparent;filter:alpha
(opacity=90);opacity:.90;float:left;margin-top:10px;margin-bottom:10px;margin-right:10px;
margin-left:10px;font-family:Verdana, Arial, Helvetica,Georgia;font-size: 24px;
line-height:26px; text-align: left;"><span style="filter:alpha(opacity=75); opacity:.75;">
This is my pull quote text</span><span style="filter:alpha(opacity=90);
opacity:.90;"></span>

note: depending on the CSS of your site, you may have to tweak the code and in some cases it may not work at all. remember it’s old html code and there may be a conflict. however, just because something is old doesn’t mean it’s useless.