Image Frames
Tons of ready image frame styles gives to your website infinite ways to show images.
View Examples Buy PortoDefault
By default, thumbnails are designed to showcase linked images with minimal required markup.
![Project Image](img/blog/square/blog-1.jpg)
![Project Image](img/blog/square/blog-2.jpg)
![Project Image](img/blog/square/blog-25.jpg)
![Project Image](img/blog/square/blog-4.jpg)
Hover Styles
The thumbnail details can be displayed in different styles.
Bottom Info Light Linear
Bottom Info Dark Linear
Bottom Info Show More
![](img/blog/square/blog-38.jpg)
Lorem Ipsum is simply dummy text of the printing and typesetting industry
Light Block Hover
![](img/blog/square/blog-20.jpg)
Dark Block Hover
![](img/blog/square/blog-21.jpg)
Color Block Hover
![](img/blog/square/blog-22.jpg)
Show Button on Hover
Show Image on Hover
![](img/blog/square/blog-11.jpg)
Swap Bottom Content
Swap Top Content
Swap Extra Content
Side Image Left
![](img/blog/square/blog-23.jpg)
Project Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Side Image Right
Project Title
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
![](img/blog/square/blog-24.jpg)
Grid
![](img/logos/logo-1.png)
![](img/logos/logo-2.png)
![](img/logos/logo-3.png)
![](img/logos/logo-4.png)
![](img/logos/logo-5.png)
![](img/logos/logo-6.png)
![](img/logos/logo-1.png)
![](img/logos/logo-2.png)
Grid Dashed
![](img/logos/logo-1.png)
![](img/logos/logo-2.png)
![](img/logos/logo-3.png)
![](img/logos/logo-5.png)
![](img/logos/logo-6.png)
![](img/logos/logo-1.png)
![](img/logos/logo-2.png)
![](img/logos/logo-1.png)
![](img/logos/logo-6.png)
Masked Images
![](img/blog/square/blog-11.jpg)
40
Porto Elements
Porto comes with several elements options, it's easy to customize
and create the content of your website's pages.