<article class="eight block relative with-action columns alpha"> <a href="images...

Download Link
 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<article class="eight block relative with-action columns alpha">
    
            <a href="images/dummy/slide1.jpg" class="fb" rel="r1">
                <h1>The resort</h1>
                <figure>
                    <img src="images/dummy/bg_new.png" alt="Offer" class="ribbon">
                    <img src="images/dummy/room2.jpg" class="scale-with-grid" alt="">
                </figure>
                <p>Morbi a enim in magna semper bibendum. Etiam scelerisque, nunc ac egestas consequat, odio nibh euismod nulla, eget auctor orci nibh vel nisi.</p>
                <div class="overlay" style="display: none; "></div>
            </a>
    
            <p class="col-action group"> <strong>15 </strong> Photos <a href="images/dummy/slide1.jpg" class="fb link-button" rel="fb">View Set</a></p>
            <div class="hidden">
                <!--Start copying here -->
                <a href="images/dummy/slide2.jpg" class="fb" rel="r1"><img src="images/dummy/slide2.jpg"></a>
                <!--End copy here so that you create a new line like the following: -->
                <a href="images/dummy/slide3.jpg" class="fb" rel="r1"><img src="images/dummy/slide3.jpg"></a> 
                <!-- You then just have to change the name of your .jpg image (in our case I named it slide3.jpg, make sure the directories are all set -->

            </div>
    
</article>