Gridder

These modular elements can be readily used and customized in every layout across pages.

For more detail see, Gridder Documentation

Example
Gillian Wearing

Since the beginning of her career, Gillian Wearing has drawn from techniques of theatre, reality television, and fly-on-the-wall documentary-making to construct narratives that explore personal fantasies and confessions, individual traumas, cultural histories.

Visit Website
CATHERINE OPIE

Opie rose to prominence as a photographer at the height of the culture wars between traditional and conservative values in the 1990s. Her portraits of all types of people—figures clad in leather, tattoos, and piercings, as well as surfers, high school football players.

Visit Website
CHRISTOPHER WOOL

Starting out as a "Neo-Pop" painter, Christopher Wool explores painting's elusive and allusive qualities with a variety of methods including using commercial rollers to apply decorative patterns on white panels. "I became more interested in what to paint" he claims.

Visit Website
MARCEL DZAMA

If there were such a thing as an indie draftsman, then Marcel Dzama would be it. Known for working in a wide range of media, Dzama creates collages, dioramas, and large-scale polyptychs that depict fanciful, anachronistic worlds full of humans, animals.

Visit Website
HERNAN BAS

Known for work that is darkly playful and melancholic, Detroit-based artist Hernan Bas often employs references to literature, from Moby Dick to the Hardy Boys to French Romantic writing, reimagining the texts through the figure of the young homosexual dandy.

Visit Website
Sean Scully

Irish-born American painter Sean Scully creates textured architectural compositions of stripes and fields of color. Typically working on a large scale, Scully’s paintings often comprise multiple irregularly sized panels, which he layers and attaches to one another.

Visit Website
ANDY WARHOL

Quite possibly the most influential artist since Marcel Duchamp, Andy Warhol revolutionized modern art, radically altering the relationship of art to notions of authorship and commodity, and blurring the boundaries between photography, and sculpture.

Visit Website
JONAS WOOD

With one foot rooted in Analytic Cubism and the other in Contemporary Pop art, Jonas Wood is an artist who bridges two seemingly disparate traditions to create paintings that present contemporary life from multiple perspectives and concepts.

Visit Website
HERNAN BAS

Known for work that is darkly playful and melancholic, Detroit-based artist Hernan Bas often employs references to literature, from Moby Dick to the Hardy Boys to French Romantic writing, reimagining the texts through the figure of the young homosexual dandy.

Visit Website
<ul class="gridder clearfix" data-options='{"animationSpeed":600}'>
  <li class="gridder-list" data-griddercontent="#content1" data-zanim-timeline="{}" data-zanim-trigger="scroll"><img class="img-fluid rounded" src="../assets/img/gallery/g1.jpg" alt="" data-zanim-xs='{"duration":1,"animation":"zoom-in","delay":0}' /></li>
  <li class="gridder-list" data-griddercontent="#content2" data-zanim-timeline="{}" data-zanim-trigger="scroll"><img class="img-fluid rounded" src="../assets/img/gallery/g2.jpg" alt="" data-zanim-xs='{"duration":1,"animation":"zoom-in","delay":0.1}' /></li>
  <li class="gridder-list" data-griddercontent="#content3" data-zanim-timeline="{}" data-zanim-trigger="scroll"><img class="img-fluid rounded" src="../assets/img/gallery/g3.jpg" alt="" data-zanim-xs='{"duration":1,"animation":"zoom-in","delay":0.2}' /></li>
  <li class="gridder-list" data-griddercontent="#content4" data-zanim-timeline="{}" data-zanim-trigger="scroll"><img class="img-fluid rounded" src="../assets/img/gallery/g4.jpg" alt="" data-zanim-xs='{"duration":1,"animation":"zoom-in","delay":0.3}' /></li>
  <li class="gridder-list" data-griddercontent="#content5" data-zanim-timeline="{}" data-zanim-trigger="scroll"><img class="img-fluid rounded" src="../assets/img/gallery/g5.jpg" alt="" data-zanim-xs='{"duration":1,"animation":"zoom-in","delay":0.4}' /></li>
  <li class="gridder-list" data-griddercontent="#content6" data-zanim-timeline="{}" data-zanim-trigger="scroll"><img class="img-fluid rounded" src="../assets/img/gallery/g6.jpg" alt="" data-zanim-xs='{"duration":1,"animation":"zoom-in","delay":0.5}' /></li>
  <li class="gridder-list" data-griddercontent="#content7" data-zanim-timeline="{}" data-zanim-trigger="scroll"><img class="img-fluid rounded" src="../assets/img/gallery/g7.jpg" alt="" data-zanim-xs='{"duration":1,"animation":"zoom-in","delay":0.6}' /></li>
  <li class="gridder-list" data-griddercontent="#content8" data-zanim-timeline="{}" data-zanim-trigger="scroll"><img class="img-fluid rounded" src="../assets/img/gallery/g8.jpg" alt="" data-zanim-xs='{"duration":1,"animation":"zoom-in","delay":0.7}' /></li>
  <li class="gridder-list" data-griddercontent="#content9" data-zanim-timeline="{}" data-zanim-trigger="scroll"><img class="img-fluid rounded" src="../assets/img/gallery/g9.jpg" alt="" data-zanim-xs='{"duration":1,"animation":"zoom-in","delay":0.8}' /></li>
</ul>
<div class="gridder-content" id="content1">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-lg-7 p-0 d-none d-lg-block"><img class="img-fluid rounded" src="../assets/img/gallery/g1.jpg" alt="" /></div>
      <div class="col-lg-5 pl-lg-4">
        <h5 class="ls-1">Gillian Wearing</h5>
        <p>Since the beginning of her career, Gillian Wearing has drawn from techniques of theatre, reality television, and fly-on-the-wall documentary-making to construct narratives that explore personal fantasies and confessions, individual traumas, cultural histories.</p><a class="btn btn-outline-dark btn-sm hvr-sweep-top mt-2" href="#!">Visit Website</a>
      </div>
    </div>
  </div>
</div>
<div class="gridder-content" id="content2">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-lg-7 p-0 d-none d-lg-block"><img class="img-fluid rounded" src="../assets/img/gallery/g2.jpg" alt="" /></div>
      <div class="col-lg-5 pl-lg-4">
        <h5 class="ls-1">CATHERINE OPIE</h5>
        <p>Opie rose to prominence as a photographer at the height of the culture wars between traditional and conservative values in the 1990s. Her portraits of all types of people—figures clad in leather, tattoos, and piercings, as well as surfers, high school football players.</p><a class="btn btn-outline-dark btn-sm hvr-sweep-top mt-2" href="#!">Visit Website</a>
      </div>
    </div>
  </div>
</div>
<div class="gridder-content" id="content3">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-lg-7 p-0 d-none d-lg-block"><img class="img-fluid rounded" src="../assets/img/gallery/g3.jpg" alt="" /></div>
      <div class="col-lg-5 pl-lg-4">
        <h5 class="ls-1">CHRISTOPHER WOOL</h5>
        <p>Starting out as a "Neo-Pop" painter, Christopher Wool explores painting's elusive and allusive qualities with a variety of methods including using commercial rollers to apply decorative patterns on white panels. "I became more interested in what to paint" he claims.</p><a class="btn btn-outline-dark btn-sm hvr-sweep-top mt-2" href="#!">Visit Website</a>
      </div>
    </div>
  </div>
</div>
<div class="gridder-content" id="content4">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-lg-7 p-0 d-none d-lg-block"><img class="img-fluid rounded" src="../assets/img/gallery/g4.jpg" alt="" /></div>
      <div class="col-lg-5 pl-lg-4">
        <h5 class="ls-1">MARCEL DZAMA</h5>
        <p>If there were such a thing as an indie draftsman, then Marcel Dzama would be it. Known for working in a wide range of media, Dzama creates collages, dioramas, and large-scale polyptychs that depict fanciful, anachronistic worlds full of humans, animals.</p><a class="btn btn-outline-dark btn-sm hvr-sweep-top mt-2" href="#!">Visit Website</a>
      </div>
    </div>
  </div>
</div>
<div class="gridder-content" id="content5">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-lg-7 p-0 d-none d-lg-block"><img class="img-fluid rounded" src="../assets/img/gallery/g5.jpg" alt="" /></div>
      <div class="col-lg-5 pl-lg-4">
        <h5 class="ls-1">HERNAN BAS</h5>
        <p>Known for work that is darkly playful and melancholic, Detroit-based artist Hernan Bas often employs references to literature, from Moby Dick to the Hardy Boys to French Romantic writing, reimagining the texts through the figure of the young homosexual dandy.</p><a class="btn btn-outline-dark btn-sm hvr-sweep-top mt-2" href="#!">Visit Website</a>
      </div>
    </div>
  </div>
</div>
<div class="gridder-content" id="content6">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-lg-7 p-0 d-none d-lg-block"><img class="img-fluid rounded" src="../assets/img/gallery/g6.jpg" alt="" /></div>
      <div class="col-lg-5 pl-lg-4">
        <h5 class="ls-1">Sean Scully</h5>
        <p>Irish-born American painter Sean Scully creates textured architectural compositions of stripes and fields of color. Typically working on a large scale, Scully’s paintings often comprise multiple irregularly sized panels, which he layers and attaches to one another.</p><a class="btn btn-outline-dark btn-sm hvr-sweep-top mt-2" href="#!">Visit Website</a>
      </div>
    </div>
  </div>
</div>
<div class="gridder-content" id="content7">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-lg-7 p-0 d-none d-lg-block"><img class="img-fluid rounded" src="../assets/img/gallery/g7.jpg" alt="" /></div>
      <div class="col-lg-5 pl-lg-4">
        <h5 class="ls-1">ANDY WARHOL</h5>
        <p>Quite possibly the most influential artist since Marcel Duchamp, Andy Warhol revolutionized modern art, radically altering the relationship of art to notions of authorship and commodity, and blurring the boundaries between photography, and sculpture.</p><a class="btn btn-outline-dark btn-sm hvr-sweep-top mt-2" href="#!">Visit Website</a>
      </div>
    </div>
  </div>
</div>
<div class="gridder-content" id="content8">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-lg-7 p-0 d-none d-lg-block"><img class="img-fluid rounded" src="../assets/img/gallery/g8.jpg" alt="" /></div>
      <div class="col-lg-5 pl-lg-4">
        <h5 class="ls-1">JONAS WOOD</h5>
        <p>With one foot rooted in Analytic Cubism and the other in Contemporary Pop art, Jonas Wood is an artist who bridges two seemingly disparate traditions to create paintings that present contemporary life from multiple perspectives and concepts.</p><a class="btn btn-outline-dark btn-sm hvr-sweep-top mt-2" href="#!">Visit Website</a>
      </div>
    </div>
  </div>
</div>
<div class="gridder-content" id="content9">
  <div class="container">
    <div class="row align-items-center">
      <div class="col-lg-7 p-0 d-none d-lg-block"><img class="img-fluid rounded" src="../assets/img/gallery/g9.jpg" alt="" /></div>
      <div class="col-lg-5 pl-lg-4">
        <h5 class="ls-1">HERNAN BAS</h5>
        <p>Known for work that is darkly playful and melancholic, Detroit-based artist Hernan Bas often employs references to literature, from Moby Dick to the Hardy Boys to French Romantic writing, reimagining the texts through the figure of the young homosexual dandy.</p><a class="btn btn-outline-dark btn-sm hvr-sweep-top mt-2" href="#!">Visit Website</a>
      </div>
    </div>
  </div>
</div>
Stylesheet
<link href="assets/lib/Gridder/jquery.gridder.min.css" rel="stylesheet">
Javascript
<script src="assets/lib/Gridder/jquery.gridder.min.js"></script>

Thank you for creating with Reign © 2019| v4.0.1

Made withby Themewagon