# Gallery

### Gallery

> Note : Portfolio Filter Gallery plugin is used here

![](https://460755057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl1d49lBAg3jv6axyszMB%2Fuploads%2F9zam8B1uaXXDAnu1ltmV%2Fgallery.png?alt=media\&token=96d9b32d-71df-484c-9b53-5e372e022f45)

![](https://460755057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl1d49lBAg3jv6axyszMB%2Fuploads%2FL2vm4nti0Cmwd10hxBus%2Fpage.png?alt=media\&token=bcaf41ff-5019-41cb-ad9b-b35e70615fb2)

Edit this code as your need

```html
<section id="gallery">
<div class="food-menu">
<div class="container">
<div class="food-heading">
<h1>Food menu gallery</h1>
<p>Welcome to Awesome Restaurant Theme: FoodHunt </p>
</div>
<div class="gallery">
[PFG id=51]
</div>
</div>
</div>
</section>
```

**How to use portfolio filter gallery plugin**

> Note : After installing portfolio filter gallery plugin , follow the below steps

![](https://460755057-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2Fl1d49lBAg3jv6axyszMB%2Fuploads%2FQXcqtUD0fhZXP0UCytj3%2Fportfolio1.png?alt=media\&token=6a285db1-0245-4958-80ae-891b8983f62e)