Skip to main content

Media Picture

Media picture component is a floated image that has variations of where it can sit inside of the paragraph.

Status: In progress

Media Picture Left

.media-picture .media-picture--left

Alt Caption Text

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque sodales tellus a vehicula eleifend. Fusce vestibulum volutpat leo dignissim venenatis. Vivamus sit amet ultricies velit, sit amet posuere ligula. Duis molestie ipsum sed congue varius. Suspendisse lacinia lacus et diam dapibus, ut dictum sapien maximus. Suspendisse et lacus et eros ullamcorper placerat eget porta massa. Interdum et malesuada fames ac ante ipsum primis in faucibus. Maecenas a feugiat magna.

Quisque elementum id enim faucibus laoreet. Vestibulum quis est felis. Nunc vel sapien dignissim, eleifend dolor quis, pretium tortor. Mauris odio nisi, efficitur non lacinia sit amet, congue et sapien. Pellentesque tincidunt at turpis at efficitur. In faucibus lacus vitae porttitor cursus. Donec justo sapien, lobortis in aliquet vel, vehicula sed augue. Mauris facilisis justo et pretium egestas. Nam sodales tempus posuere. Mauris in accumsan augue. Duis eget felis finibus, ultrices massa sed, volutpat mauris. Nam dignissim efficitur mauris et scelerisque. Praesent sodales nisi vel massa cursus rhoncus.

Praesent quis blandit neque, sed dapibus lacus. Vivamus bibendum consectetur mi quis consequat. Nam et ultrices elit. Morbi volutpat, lorem eu lobortis semper, lorem sapien feugiat mauris, ac imperdiet odio augue quis neque. Aliquam lacus metus, pharetra et libero sed, porta fermentum purus. Integer porttitor a felis sed pellentesque. Morbi vehicula, nunc id auctor dignissim, odio nisl rutrum urna, in tincidunt purus arcu sit amet mi. Nam mollis, risus at luctus pharetra, dui odio rutrum augue, sed suscipit justo nunc quis erat. Curabitur mattis volutpat magna a pharetra. Quisque feugiat arcu at ex aliquet interdum. Curabitur elit nisl, rutrum sit amet gravida a, dictum quis lorem.

Media Picture Right

.media-picture .media-picture--right

Alt Text Caption Text

Sed sodales mattis ipsum, ac congue erat fermentum in. Donec accumsan ac magna ac commodo. Pellentesque at condimentum turpis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Ut faucibus viverra urna vel euismod. Phasellus pretium porta ultrices. In non tellus eu justo sagittis posuere. Etiam interdum at turpis nec tincidunt. Donec tristique elementum ex, ut fermentum quam tincidunt vitae. Nunc et mi et dolor fermentum luctus nec viverra dui.

Phasellus et massa quam. Ut enim sapien, suscipit eget odio a, efficitur scelerisque ipsum. Morbi orci neque, molestie quis malesuada quis, facilisis ut ex. Ut cursus nisi diam, non efficitur velit efficitur vitae. Interdum et malesuada fames ac ante ipsum primis in faucibus. Nam nibh mi, mollis non commodo non, imperdiet non velit. Phasellus in velit eget nisl finibus congue eget condimentum massa. Nam accumsan tempus lectus ut imperdiet. Sed erat odio, hendrerit sed rutrum sed, pellentesque et orci. Vestibulum non porttitor metus, nec ultricies massa. Quisque nec ultrices lacus. Nulla facilisi. Fusce eu justo elit. Quisque urna nibh, feugiat nec elit non, pellentesque interdum lectus. Donec mattis fermentum magna in tempor. In porttitor ultrices nisl ut porta.