body-content

Body content

Body content is used to display long form text with the option to embed multimedia, images, data, links, and lists.

Body content
Body content expand
Inline Lists
Inline Image
Inline Table

_{In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.} Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.

Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. The WorldBank GroupCurabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.

<div class="lp__body_content">
    <p>Lorem ipsum dolor sit amet,<a href=""> consectetuer adipiscing elit.</a> Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. </p>

    <p><sub>In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo.</sub> Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus.</p>

    <p>Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue.
    <span class="tweetable" data-text="The WorldBank Group" data-tweet="WorldBank,tweetHash=#ItsPossible #EndPoverty">
    <a id="twd-id" href="#" onclick="s.linkTrackVars=&quot;eVar40,events&quot;;s.linkTrackEvents=&quot;event18&quot;;s.eVar40=&quot;Tweetable&quot;;s.events=&quot;event18&quot;;s.tl(this,&quot;o&quot;,&quot;Share&quot;);">The WorldBank Group<i class="loop loop-twitter"></i></a></span>Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum.</p>
</div>

Over recent decades, successive Indian governments, civil society, and the private sector have expressed a national aspiration and motivation to tackle poverty and create conducive conditions for shared prosperity. In the run-up to national elections scheduled for May–June 2019, discussion on nuances of specific policies and priorities animates the world’s largest democracy. However, there is no debate about safeguarding India’s economic achievements and expediting its transition from a low-middle-income to a high-middle-income country by 2030. This transition will be driven by a more globally competitive private sector and government that improves its regulatory and service delivery performance. Furthermore, in the context of India’s federal system, there is a recognition across the mainstream politicalspectrum that India’s gains as a nation can only be secure if such gains bring convergence rather than divergence of economic welfare among states and among population groups.spectrum that India’s gains as a nation can only be secure if such gains bring convergence rather than divergence of economic welfare among states and among population groups.

<div class="lp__morecontent lp__body_content">
<div class="more">
    Over recent decades, successive Indian governments, civil society, and the private sector have expressed a national aspiration and motivation to tackle poverty and create conducive conditions for shared prosperity. In the run-up to national elections scheduled for May–June 2019, discussion on nuances of specific policies and priorities animates the world’s largest democracy. However, there is no debate about safeguarding India’s economic achievements and expediting its transition from a low-middle-income to a high-middle-income country by 2030. This transition will be driven by a more globally competitive private sector and government that improves its regulatory and service delivery performance. Furthermore, in the context of India’s federal system, there is a recognition across the mainstream politicalspectrum that India’s gains as a nation can only be secure if such gains bring convergence rather than divergence of economic welfare among states and among population groups.spectrum that India’s gains as a nation can only be secure if such gains bring convergence rather than divergence of economic welfare among states and among population groups.
</div>
</div>

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
Nulla consequat massa quis enim.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.
Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem.
Nulla consequat massa quis enim.

 <div class="lp__body_content">
    <ul>
        <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</li>
        <li>Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. </li>
        <li>Nulla consequat massa quis enim. </li>
    </ul>
    <hr>
        <ol>
        <li>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor.</li>
        <li>Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. </li>
        <li>Nulla consequat massa quis enim.</li>
    </ol>
</div>

nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero,sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,

Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu.

consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,

<div class="lp__body_content">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. </p>
<figure class="lp__body_content_sm_hor">
    <img src="/assets/img/780x439-6.jpg" title="image" alt="image" class="lp__img_responsive" />
     <figcaption>Fig.1 - Trulli, Puglia, Italy.</figcaption>
</figure>

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim.Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies <figure class="lp__body_content_lg_hor" style="float: right;margin-left: 8px;">
    <img src="/assets/img/780x439-6.jpg" title="image" alt="image" class="lp__img_responsive" />
     <figcaption>Fig.1 - Trulli, Puglia, Italy.</figcaption>
</figure>nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero,sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus.Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p>
<figure class="lp__body_content_sm_ver" style="float: left;">
    <img src="/assets/img/780x439-6.jpg" title="image" alt="image" class="lp__img_responsive" />
     <figcaption>Fig.1 - Trulli, Puglia, Italy.</figcaption>
</figure>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. 
<figure class="lp__body_content_lg_ver" style="float: right;margin-left: 8px;">
    <img src="/assets/img/780x439-6.jpg" title="image" alt="image" class="lp__img_responsive" />
     <figcaption><b>Fig.1 </b>- Trulli, Puglia, Italy.</figcaption>
</figure>
Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.

<figure class="lp__body_content_sm_squ">
    <img src="/assets/img/780x439-6.jpg" title="image" alt="image" class="lp__img_responsive" />
     <figcaption>Fig.1 - Trulli, Puglia, Italy.</figcaption>
</figure>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt.
<figure class="lp__body_content_lg_squ" style="float: right;margin-left: 8px;">
    <img src="/assets/img/780x439-6.jpg" title="image" alt="image" class="lp__img_responsive" />
     <figcaption>Fig.1 - Trulli, Puglia, Italy.</figcaption>
</figure>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu.

<figure class="lp__body_content_full_size">
    <img src="/assets/img/780x439-6.jpg" title="image" alt="image" class="lp__img_responsive" />
     <figcaption>Fig.1 - Trulli, Puglia, Italy.</figcaption>
</figure>
consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus. Nullam quis ante. Etiam sit amet orci eget eros faucibus tincidunt. Duis leo. Sed fringilla mauris sit amet nibh. Donec sodales sagittis magna. Sed consequat, leo eget bibendum sodales, augue velit cursus nunc,</p>

Project Title	Project ID	Commitment Amount *	Status	Approval Date
TOGO Economic Governance	P158078	15.0	Active	October 3, 2017
Third South West Indian Ocean Fisheries Governance and Shared Growth Project (SWIOFish3)	P158078	0.23	Active	October 23, 2017
Third South West Indian Ocean Fisheries Governance and Shared Growth Project (SWIOFish3)	P158078	54	Active	October 13, 2017
Lesotho Smallholder Agriculture Development Project Additional Financing	P158078	150	Active	October 13, 2017

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus.

<div class="lp__body_content">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. </p>
<table class="responsive lp_body_content_table" id="sortTable">
    <thead>
        <tr>
        <th colspan="undefined" class="header">Project Title</th>
        <th colspan="undefined" class="header">Project ID</th>
        <th colspan="undefined" class="header">Commitment Amount *</th>
        <th colspan="undefined" class="header">Status</th>
        <th colspan="undefined" class="header">Approval Date</th>
    </tr>
    </thead>
    <tbody>
    <tr>
        <td><a href="#">TOGO Economic Governance</a></td>
        <td>P158078</td>
        <td>15.0</td>
        <td>Active</td>
        <td>October 3, 2017</td>
    </tr>
    <tr>
        <td><a href="#">Third South West Indian Ocean Fisheries Governance and Shared Growth Project (SWIOFish3)</a></td>
        <td>P158078</td>
        <td>0.23</td>
        <td>Active</td>
        <td>October 23, 2017</td>
    </tr>
    <tr>
        <td><a href="#">Third South West Indian Ocean Fisheries Governance and Shared Growth Project (SWIOFish3)</a></td>
        <td>P158078</td>
        <td>54</td>
        <td>Active</td>
        <td>October 13, 2017</td>
    </tr>
    <tr>
        <td><a href="#">Lesotho Smallholder Agriculture Development Project Additional Financing</a></td>
        <td>P158078</td>
        <td>150</td>
        <td>Active</td>
        <td>October 13, 2017</td>
    </tr>
    </tbody>
</table>

<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim. Donec pede justo, fringilla vel, aliquet nec, vulputate eget, arcu. In enim justo, rhoncus ut, imperdiet a, venenatis vitae, justo. Nullam dictum felis eu pede mollis pretium. Integer tincidunt. Cras dapibus. Vivamus elementum semper nisi. Aenean vulputate eleifend tellus. Aenean leo ligula, porttitor eu, consequat vitae, eleifend ac, enim. Aliquam lorem ante, dapibus in, viverra quis, feugiat a, tellus. Phasellus viverra nulla ut metus varius laoreet. Quisque rutrum. Aenean imperdiet. Etiam ultricies nisi vel augue. Curabitur ullamcorper ultricies nisi. Nam eget dui. Etiam rhoncus. Maecenas tempus, tellus eget condimentum rhoncus, sem quam semper libero, sit amet adipiscing sem neque sed ipsum. Nam quam nunc, blandit vel, luctus pulvinar, hendrerit id, lorem. Maecenas nec odio et ante tincidunt tempus. Donec vitae sapien ut libero venenatis faucibus.</p>

Visual Style:

Body text should never stretch all of the way across a page on non-mobile devices. It is generally suggested that a Body Content component stretch across no more than seven Columns, even in the absence of a Left Navigation and/or right-rail content. Academic research strongly suggests that shorter line lengths have a substantial positive effect on both user engagement and comprehension.

Responsiveness:

Long-form Body Content should never occupy fewer than three columns in width. On small screens, Body Content should displace rail content if horizontal space is limited.

Accessibility:

Body content and the background colors must not fall below the WCAG recommended threshold ratio of 4.5:1, and optimaly should be above 7:1. More on accessibility standards can be found in the Practices section.
New Financing to Improve Efficiency and Improve Capacity at Port of Dar es Salaam:
In this example, you can see that dispite having ample open whitespace, the width of the body text area is constrained to as to not look overwhelming.

components

Body content

Visual Style:

Responsiveness:

Accessibility: