JSFiddle - React, Tailwind, and code Playground
by wsgrah
HTML
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.0/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css">
<h4>ADVERTISEMENT</h4>
<p><i>THE</i> following Notes were written in Virginia in
the year 1781, and somewhat corrected and enlarged in the winter of 1782, in answer to
Queries proposed to the Author, by a Foreigner of Distinction,
<i class="fa fa-info-circle editorialTrigger" data-container="body" data-title="Editorial Note" data-toggle="popover" data-html="true" data-placement="bottom"
data-content="Jefferson is referring to François Barbé-Marbois (1745-1837), who was secretary to the French legation to the early United States. In 1780, Marbois gave a questionnaire to representatives of each of the thirteen states so that he could produce a report on the new nation. The questionnaire for Virginia was passed on to Jefferson, who took on the project of
answering Marbois's queries; <i>Notes on the State of Virginia</i> is, ultimately, the product. In 1803, when Jefferson was President, Marbois negotiated the Louisiana Purchase with him."></i>
then residing among us. The
subjects are all treated imperfectly; some scarcely touched on. To apologize for this by
developing the circumstances of the time and place of their composition, would be to
open wounds which have already bled enough. To these circumstances some of their
imperfections may with truth be ascribed; the great mass to the want of information and
want of talents in the writer. He had a few copies printed,
<i class="fa fa-info-circle editorialTrigger" data-container="body" data-title="Editorial Note" data-toggle="popover" data-html="true" data-placement="bottom"
data-content="In 1785, Jefferson had a private edition of
200 copies of <i>Notes on the State of Virginia...
JavaScript
$(document).ready(function() {
$('.editorialTrigger').popover();
}