Image Styles
This is a sample page with examples on Images Wrapping into content items.
Default Image Wrap
Shadowed Image 1
Shadowed Image 2
Blue Border Image
Grey Border Image
White back description
Blue back description
Caption Image
Bubble description
Border description
Image Link 1
Image Link 2
Code
/* Default Image */ <div class="typo-img-wrap"> <img src="/images/stories/sam-1.jpg" alt="" /> </div> /* Shadowed Image */ <div class="typo-img-wrap img-wrap-2"> <div> <img src="/images/stories/sam-1.jpg" alt="" /> </div> </div> /* Shadowed Image 2 */ <div class="typo-img-wrap img-wrap-3"> <div> <div> <img src="/images/stories/sam-1.jpg" alt="" /> </div> </div> </div> /* Blue Border Image */ <div class="typo-img-wrap img-wrap-4"> <img src="/images/stories/sam-1.jpg" alt="" /> </div> /* Gray Border Image */ <div class="typo-img-wrap img-wrap-5"> <img src="/images/stories/sam-1.jpg" alt="" /> </div> /* Description With White Background */ <div class="typo-img-wrap img-wrap-6"> <img src="/images/stories/sam-1.jpg" alt="" /> <span>Your awesome description</span> </div> /* Description With Blue Background */ <div class="typo-img-wrap img-wrap-7"> <span> <span>Your awesome description</span> </span> <img src="/images/stories/sam-1.jpg" alt="" /> </div> /* Caption Description */ <div class="typo-img-wrap img-wrap-8"> <div> <div> <img src="/images/stories/sam-1.jpg" alt="" /> <span>Your awesome description</span> </div> </div> </div> /* Bubble Description */ <div class="typo-img-wrap img-wrap-9"> <img src="/images/stories/sam-1.jpg" alt="" /> <span><span class="img-wrap-arr"></span> Your awesome description </span> </div> /* Border Description */ <div class="typo-img-wrap img-wrap-10"> <img src="/images/stories/sam-1.jpg" alt="" /> <span>Your awesome description</span> </div> /* Image Link 1 */ <div class="typo-img-wrap img-wrap-11"> <img src="/images/stories/sam-1.jpg" alt="" /> <a href="#">Your awesome description</a> </div> /* Image Link 2 */ <div class="typo-img-wrap img-wrap-12"> <img src="/images/stories/sam-1.jpg" alt="" /> <a href="#">Your awesome description</a> </div>
Examples
IMG-WRAP-7 LEFT
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum'..
IMG-WRAP-3 RIGHT
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English. Many desktop publishing packages and web page editors now use Lorem Ipsum as their default model text, and a search for 'lorem ipsum' will uncover many web sites still in their infancy.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.
-
30.12.2018 | 71 años del nacimiento de la cantautora argentina Teresa Parodi (1947)
-
29.12.2018 | 8 años del fallecimiento del dramaturgo y director de teatro Héctor Mendoza (2010)
-
28.12.2018 | 8 años del deceso del músico y compositor mexicano Zeferino Nandayapa (2010)
-
27.12.2018 | 59 años del fallecimiento de Alfonso Reyes, poeta, ensayista, narrador, diplomático y p
-
26.12.2018 | 185 años del estreno de la ópera Lucrezia Borgia de Gaetano Donizetti (1833)
-
25.12.2018 | 68 años de la muerte del poeta mexicano Xavier Villaurrutia (1950)
-
24.12.2018 | Aniversario luctuoso del dramaturgo mexicano Hugo Argüelles (2003)
-
23.12.2018 | Aniversario luctuoso de la compositora mexicana Ema Elena Valdelamar (2012)
-
22.12.2018 | Nacimiento del compositor de óperas italiano Giacomo Puccini (1858)
-
31.05.2018 | Fallecimiento de la compositora Graciela Olmos, La bandida (1962)
-
02.04.2018 | Aniversario de la toma de Puebla (Batalla 2 de abril) (1867)
-
18.03.2018 | Expropiación petrolera
-
28.02.2018 | “Chalín” Cámara
-
06.01.18 | Ernesto Elorduy
-
24.12.17 | José de Jesús Navarro Moreno
-
22.12.17 | Mario Ruiz Armengol
-
20.12.17 | Arturo Márquez
-
19.12.17 | Chucho Martínez Gil
-
12.12.17 | Lupita Palomera
-
11.12.17 | Dámaso Pérez Prado
-
08.12.17 | Manuel M. Ponce
-
06.12.17 | Manuel Acuña
-
03.12.17 | Fray Servando Teresa de Mier
-
01.12.17 | Jorge Torres Sáenz
-
27.11.17 | Jorge Ibargüengoitia
-
18.11.17 | Francisco Savín
-
17.11.17 | Aniceto Ortega
-
16.11.17 | José Saramago
-
15.11.17 | José Joaquín Fernández de Lizardi
-
13.11.17 | Estanislao Mejía