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 .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.
Create social icons layout when users hover on any social content box slowly icons move on the top side & show hidden text on the box.