Paragraphs

Preview

A paragraph consists of several level of headings, a block of text, and an image with description.

Heading 1 Text

Heading 2 Text

Culpa qui officia deserunt mollit anim id esto polujimi laborum. Sed ut perspiciatis unde omnis iste eropluk onatuspop error sit voluptartem accusantium wetrop doloremque laudantium, totam rem aperiam, eaquep ipsa quaeer ab illo inventore veritatisy et quasi weth ropeior architecto beatae vitae dicta sunt explicapbo. Nemo popul eniem ipsam yui voluptatem quialoperyi voluptas sit aspernatur aute odit aut fugit, sed quiawi consequuntur joki erty magni dolores eosep quiklopii ratione wertyuil voluptatem sequi nesciunt.

Alt Text Fig.1. Thumbnail description

Heading 1 Text

Heading 2 Text

Culpa qui officia deserunt mollit anim id esto polujimi laborum. Sed ut perspiciatis unde omnis iste eropluk onatuspop error sit voluptartem accusantium wetrop doloremque laudantium, totam rem aperiam, eaquep ipsa quaeer ab illo inventore veritatisy et quasi weth ropeior architecto beatae vitae dicta sunt explicapbo. Nemo popul eniem ipsam yui voluptatem quialoperyi voluptas sit aspernatur aute odit aut fugit, sed quiawi consequuntur joki erty magni dolores eosep quiklopii ratione wertyuil voluptatem sequi nesciunt.

Alt Text Fig.1. Thumbnail description

Code

                        
                            <article class="container">
                            	<section class="row py-3">
                            		<div class="col-12">
                            			<h2 class="heading-text">Heading Text</h2>
                            		</div>
                            		<div class="col-12 col-lg-6">
                            			<h3>Heading Text</h3>
                            			<p>Culpa qui officia deserunt mollit anim id esto polujimi laborum. Sed ut
                            				perspiciatis unde omnis iste eropluk onatuspop error sit voluptartem accusantium
                            				eosep quiklopii ratione wertyuil voluptatem sequi nesciunt.</p>
                            		</div>
                            		<div class="col-12 col-lg-6 text-center">
                            			<img src="../img/Thumbnail.jpg" class="img-responsive w-100 rounded" alt="Alt Text">
                            			<em>Fig.1. Thumbnail description</em>
                            		</div>
                            	</section>
                            </article>

Accessibility

Ensure to have an image with each block of text to minimize the number of words on a row.

Ensure to that each image has alt-text.