Gallery
HSM Gallery
HSM framework has included a beautiful gallery feature for your restaurant site. Its designed using the Flexbox model.
- To create a gallery for the images use the class .gallery to wrap around the content.
- Add the class .img-responsive to make the images responsive.
![image](../images/6.jpg)
Name 1
Information 1
![image](../img/2-.jpg)
Name 2
Information 2
![image](../img/4.jpg)
Name 3
Information 3
![image](../img/4.jpg)
Name 4
Information 4
![image](../img/6.jpg)
Name 5
Information 5
![image](../img/5.jpg)
Name 6
Information 6
![image](../images/6.jpg)
Name 7
Information 7
![image](../images/4.jpg)
Name 8
Information 8
HTML Structure
<section class="gallery"> <div class="card-container"> <div><img src="images/page-2_img02.jpg" alt="image" class="img-responsive"></div> <div> <h3>Name 1</h3> <p>Information 1</p> </div> </div> <div class="card-container"> <div><img src="images/page-2_img02.jpg" alt="image" class="img-responsive"></div> <div> <h3>Name 2</h3> <p>Information 2</p> </div> </div> <div class="card-container"> <div><img src="images/page-2_img02.jpg" alt="image" class="img-responsive"></div> <div> <h3>Name 3</h3> <p>Information 3</p> </div> </div> <div class="card-container"> <div><img src="images/page-2_img02.jpg" alt="image" class="img-responsive"></div> <div> <h3>Name 4</h3> <p>Information 4</p> </div> </div> </section>