Get HTML

Get CSS

Get JS

Bootstrap jquery Gallery

3345 06 October 2019

Abhishek Singh

~ onex

Related Elements

11292
1
0

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

Slick Carousel Marquee Demo

onex

10473
1
0

Why Choose us Four Column

onex

10426
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

7729
1
0

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

Tesseract Js demo

onex

7565
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

7520
12
0

Grid service list with lighten

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

client-side image cropping by

Grid service list with lighten

Resourse

Log in