Get HTML

Get CSS

Get JS

Bootstrap jquery Gallery

3280 06 October 2019

Abhishek Singh

~ onex

Related Elements

10843
1
0

Slick marquee slider - manage HTML marquee with slick javascript library.

Slick Carousel Marquee Demo

onex

10378
1
0

Why Choose us Four Column

onex

10269
1
0

This is a multiple-input fields generator that can generate or add or create multiple input fields dynamically at a time.

Dynamically Create Form fields

onex

7496
1
0

Tesseract js demo scan text over the image by just doing small amounts of code.

Tesseract Js demo

onex

7416
12
0

Grid service list with lighten

onex

7339
0
0

Cropperjs is a feature-rich pure javascript library for cropping image. using this you can able to able to provide image cropping to the client-side.

client-side image cropping by

onex

<section>
    <div class="container">
        <div class="row">
            <h1 class="adp-heading">Simple Bootstrap Gallery</h1>
        </div>
        <div class="row">
            <div class="col-md-3 col-sm-6 col-xs-12">
                <div class="adp-box">
                    <a href="https://ak6.picdn.net/shutterstock/videos/1023226366/preview/stock-footage-aerial-view-of-the-east-river-and-roosevelt-island-new-york-city-dark-sunset-lighting-with.webm" data-type="video">
                        <img src="https://images4.alphacoders.com/378/37864.jpg" class="adp-thumb">
                    </a>
                     <div class="adp-titile">
                        <h4>Js Gallery</h4>
                    </div>
                </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
                <div class="adp-box">
                    <a href="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcSIekuJOwtOWtZl9QX3t46Yz_7RCZ4Kpebnugsst2OFfNl-SGjf">
                        <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcSIekuJOwtOWtZl9QX3t46Yz_7RCZ4Kpebnugsst2OFfNl-SGjf" class="adp-thumb">
                    </a>
                     <div class="adp-titile">
                        <h4>Js Gallery</h4>
                    </div>
                </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
                <div class="adp-box">
                    <a href="https://upload.wikimedia.org/wikipedia/commons/thumb/4/42/Shaqi_jrvej.jpg/1200px-Shaqi_jrvej.jpg">
                        <img src="https://upload.wikimedia.org/wikipedia/commons/thumb/4/42/Shaqi_jrvej.jpg/1200px-Shaqi_jrvej.jpg" class="adp-thumb" alt="Adminspress Production">
                    </a>
                     <div class="adp-titile">
                        <h4>Js Gallery</h4>
                    </div>
                </div>
            </div>
            <div class="col-md-3 col-sm-6 col-xs-12">
                <div class="adp-box">
                    <a href="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcTND5d4jdsypZBKxhDqVBGrywJJ6aHQ_asy5PjUntoh7FTjzbyj">
                        <img src="https://encrypted-tbn0.gstatic.com/images?q=tbn%3AANd9GcTND5d4jdsypZBKxhDqVBGrywJJ6aHQ_asy5PjUntoh7FTjzbyj" class="adp-thumb">
                    </a>
                    <div class="adp-titile">
                        <h4>Js Gallery</h4>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>

<!--Modal-->
<div class="modal fade" id="adpModal">
  <div class="modal-dialog">
    <div class="modal-content">

      <!-- Modal Header -->
      <div class="modal-header">
        <h4 class="modal-title">Preview</h4>
        <button type="button" class="close" data-dismiss="modal">&times;</button>
      </div>

      <!-- Modal body -->
      <div class="modal-body">
        Modal body..
      </div>

      <!-- Modal footer -->
      <div class="modal-footer">
          <div class="justify-left text-left">
          <span id="rank" class="badge badge-primary"></span>
          <span id="name" class="badge"></span>
          </div>
        <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
      </div>

    </div>
  </div>
</div>

Get HTML

Get CSS

Get JS

Bootstrap jquery Gallery

Abhishek Singh

Related Elements

Slick Carousel Marquee Demo

Why Choose us Four Column

Dynamically Create Form fields

Tesseract Js demo

Grid service list with lighten

client-side image cropping by

Resourse

Log in