<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<div class="container">
<div class="row">
<div class="gallery col-lg-12 col-md-12 col-sm-12 col-xs-12">
<h1 class="gallery-title">Gallery</h1>
</div>
<div align="center">
<button class="btn btn-default filter-button" data-filter="all">All</button>
<button class="btn btn-default filter-button" data-filter="hdpe">Virtual Reality</button>
<button class="btn btn-default filter-button" data-filter="spray">Video Tutorials</button>
<button class="btn btn-default filter-button" data-filter="irrigation">Customised For You</button>
</div>
<br/>
<div class="gallery_product col-lg-3 col-md-3 col-sm-3 col-xs-6 filter hdpe">
<img src="https://vrook.co/img/vr2.png" class="img-responsive">
</div>
<div class="gallery_product col-lg-3 col-md-3 col-sm-3 col-xs-6 filter hdpe">
<img src="https://vrook.co/img/vr.png" class="img-responsive">
</div>
<div class="gallery_product col-lg-3 col-md-3 col-sm-3 col-xs-6 filter hdpe">
<img src="https://vrook.co/img/vr5.png" class="img-responsive">
</div>
<div class="gallery_product col-lg-3 col-md-3 col-sm-3 col-xs-6 filter hdpe">