Get HTML

Get CSS

Get JS

Bootstrap jquery Gallery

2105 06 October 2019

Abhishek Singh

~ onex

Related Elements

7922
1
0

Why Choose us Four Column

onex

5578
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

4623
12
0

Grid service list with lighten

onex

3991
15
0

Awesome services section in gr

onex

3358
1
0

contact us section

onex

3303
1
0

This sidebar contact form is used to get user query form the same page.

Sidebar contact form

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

Why Choose us Four Column

Dynamically Create Form fields

Grid service list with lighten

Awesome services section in gr

contact us section

Sidebar contact form

Resourse

Log in