@extends('layouts.frontend')
@section('page_heading','Gallery')
@section('section')

<link href="{{ Theme::url('/pages/css/gallery.css') }}" rel="stylesheet">
    <div class="main">
      <div class="container">
        <ul class="breadcrumb">
            <li><a href="index.html">Home</a></li>
            <li><a href="javascript:;">Pages</a></li>
            <li class="active">Gallery</li>
        </ul>
        <!-- BEGIN SIDEBAR & CONTENT -->
        <div class="row margin-bottom-40">
          <!-- BEGIN CONTENT -->
          <div class="col-md-12">
            <h1>Gallery</h1>
            <div class="content-page">
              <div class="row margin-bottom-40">
                <div class="col-md-3 col-sm-4 gallery-item">
                  <a data-rel="fancybox-button" title="Project Name" href="{{ Theme::url('/pages/img/works/img1.jpg') }}" class="fancybox-button">
                    <img alt="" src="{{ Theme::url('/pages/img/works/img1.jpg') }}" class="img-responsive">
                    <div class="zoomix"><i class="fa fa-search"></i></div>
                  </a> 
                </div>
                <div class="col-md-3 col-sm-4 gallery-item">
                  <a data-rel="fancybox-button" title="Project Name" href="{{ Theme::url('/pages/img/works/img2.jpg') }}" class="fancybox-button">
                    <img alt="" src="{{ Theme::url('/pages/img/works/img2.jpg') }}" class="img-responsive">
                    <div class="zoomix"><i class="fa fa-search"></i></div>
                  </a> 
                </div>
                <div class="col-md-3 col-sm-4 gallery-item">
                  <a data-rel="fancybox-button" title="Project Name" href="{{ Theme::url('/pages/img/works/img3.jpg') }}" class="fancybox-button">
                    <img alt="" src="{{ Theme::url('/pages/img/works/img3.jpg') }}" class="img-responsive">
                    <div class="zoomix"><i class="fa fa-search"></i></div>
                  </a> 
                </div>
                <div class="col-md-3 col-sm-4 gallery-item">
                  <a data-rel="fancybox-button" title="Project Name" href="{{ Theme::url('/pages/img/works/img4.jpg') }}" class="fancybox-button">
                    <img alt="" src="{{ Theme::url('/pages/img/works/img4.jpg') }}" class="img-responsive">
                    <div class="zoomix"><i class="fa fa-search"></i></div>
                  </a> 
                </div>
                <div class="col-md-3 col-sm-4 gallery-item">
                  <a data-rel="fancybox-button" title="Project Name" href="{{ Theme::url('/pages/img/works/img5.jpg') }}" class="fancybox-button">
                    <img alt="" src="{{ Theme::url('/pages/img/works/img5.jpg') }}" class="img-responsive">
                    <div class="zoomix"><i class="fa fa-search"></i></div>
                  </a> 
                </div>
                <div class="col-md-3 col-sm-4 gallery-item">
                  <a data-rel="fancybox-button" title="Project Name" href="{{ Theme::url('/pages/img/works/img6.jpg') }}" class="fancybox-button">
                    <img alt="" src="{{ Theme::url('/pages/img/works/img6.jpg') }}" class="img-responsive">
                    <div class="zoomix"><i class="fa fa-search"></i></div>
                  </a> 
                </div>
                <div class="col-md-3 col-sm-4 gallery-item">
                  <a data-rel="fancybox-button" title="Project Name" href="{{ Theme::url('/pages/img/works/img1.jpg') }}" class="fancybox-button">
                    <img alt="" src="{{ Theme::url('/pages/img/works/img1.jpg') }}" class="img-responsive">
                    <div class="zoomix"><i class="fa fa-search"></i></div>
                  </a> 
                </div>
                <div class="col-md-3 col-sm-4 gallery-item">
                  <a data-rel="fancybox-button" title="Project Name" href="{{ Theme::url('/pages/img/works/img2.jpg') }}" class="fancybox-button">
                    <img alt="" src="{{ Theme::url('/pages/img/works/img2.jpg') }}" class="img-responsive">
                    <div class="zoomix"><i class="fa fa-search"></i></div>
                  </a> 
                </div>
                <div class="col-md-3 col-sm-4 gallery-item">
                  <a data-rel="fancybox-button" title="Project Name" href="{{ Theme::url('/pages/img/works/img3.jpg') }}" class="fancybox-button">
                    <img alt="" src="{{ Theme::url('/pages/img/works/img3.jpg') }}" class="img-responsive">
                    <div class="zoomix"><i class="fa fa-search"></i></div>
                  </a> 
                </div>
                <div class="col-md-3 col-sm-4 gallery-item">
                  <a data-rel="fancybox-button" title="Project Name" href="{{ Theme::url('/pages/img/works/img4.jpg') }}" class="fancybox-button">
                    <img alt="" src="{{ Theme::url('/pages/img/works/img4.jpg') }}" class="img-responsive">
                    <div class="zoomix"><i class="fa fa-search"></i></div>
                  </a> 
                </div>
                <div class="col-md-3 col-sm-4 gallery-item">
                  <a data-rel="fancybox-button" title="Project Name" href="{{ Theme::url('/pages/img/works/img5.jpg') }}" class="fancybox-button">
                    <img alt="" src="{{ Theme::url('/pages/img/works/img5.jpg') }}" class="img-responsive">
                    <div class="zoomix"><i class="fa fa-search"></i></div>
                  </a> 
                </div>
                <div class="col-md-3 col-sm-4 gallery-item">
                  <a data-rel="fancybox-button" title="Project Name" href="{{ Theme::url('/pages/img/works/img2.jpg') }}" class="fancybox-button">
                    <img alt="" src="{{ Theme::url('/pages/img/works/img2.jpg') }}" class="img-responsive">
                    <div class="zoomix"><i class="fa fa-search"></i></div>
                  </a> 
                </div>
                <div class="col-md-3 col-sm-4 gallery-item">
                  <a data-rel="fancybox-button" title="Project Name" href="{{ Theme::url('/pages/img/works/img2.jpg') }}" class="fancybox-button">
                    <img alt="" src="{{ Theme::url('/pages/img/works/img2.jpg') }}" class="img-responsive">
                    <div class="zoomix"><i class="fa fa-search"></i></div>
                  </a> 
                </div>
                <div class="col-md-3 col-sm-4 gallery-item">
                  <a data-rel="fancybox-button" title="Project Name" href="{{ Theme::url('/pages/img/works/img3.jpg') }}" class="fancybox-button">
                    <img alt="" src="{{ Theme::url('/pages/img/works/img3.jpg') }}" class="img-responsive">
                    <div class="zoomix"><i class="fa fa-search"></i></div>
                  </a> 
                </div>        
              </div>
            </div>
          </div>
          <!-- END CONTENT -->
        </div>
      </div>
    </div>

@stop