Simple Thumbnails
1 2 3 | < a href = "#" class = "thumbnail" > < img src = "..." alt = "..." > </ a > |
Round Thumbnails
1 2 3 | < a href = "#" class = "thumbnail thumbnail-round" > < img src = "..." alt = "..." > </ a > |
Thumbnails caption
1 2 3 4 5 6 7 | < div class = "thumbnail" > < img src = ".." alt = "..." > < div class = "caption" > < h3 >Thumbnail label</ h3 > < p >...</ p > </ div > </ div > |
Thumbnails hover caption
More info
Title Caption
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam, quas
Title Caption
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Illo, repellendus?
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 | < div class = "img-caption-ar" > < img src = "..." class = "img-responsive" alt = "Image" > < div class = "caption-ar" > < div class = "caption-content" > < a href = "#" class = "animated fadeInDown" >< i class = "fa fa-search" ></ i >More info</ a > < h4 class = "caption-title" >Title Caption</ h4 > </ div > </ div > </ div > < div class = "img-caption-ar" > < img src = "..." class = "img-responsive" alt = "Image" > < div class = "caption-ar" > < div class = "caption-content" > < p >....</ p > </ div > </ div > </ div > < div class = "img-caption-ar" > < img src = "..." class = "img-responsive" alt = "Image" > < div class = "caption-ar" > < div class = "caption-content" > < h4 class = "caption-title" >Title Caption</ h4 > < p >...</ p > </ div > </ div > </ div > |