Simple content detail box layout

Design product information or Image Content information layout using Html, Bootstrap & CSS.you can use this section on the website for show highlight your main content or information.

simply make two div for image & texts after using "display:table-cell" arrange paragraph text in center using "vertical-align middle" proprety give "max-width" in image-box div for specific size image show in div.after using psecudo element "nth:child(odd)" manage odd content row in right direction using "direction: rtl" property.

use font family in layout which I use the direct link from Google font.all images & content are free resources used in layout design.

• all the design & layout created in 1920 x 1080 screen size.
• all the design & layout is responsive in desktop,tablet & mobile view.
• all the content, fonts & image are free resources.

I use Fonts from Google font use Bootstrap cdn free stock images from pexels or unsplash

HTML

CSS

Output