01.
<div
class
=
"tab-content "
>
02.
<div id=
"home2"
class
=
"tab-pane fade in active "
style=
"padding-left:0; padding-right:0;"
>
03.
<p style=
" padding-top: 20px;"
><center>Image idea 3D 2D ,Ads</center></p>
04.
05.
<div
class
=
"row demo-gallery grid js-masonry ggo"
id=
"demo-test-gallery"
>
06.
<a href=
"images/V1.jpg"
class
=
" demo-gallery__img--main col-lg-4 col-md-4 col-sm-4 col-xs-6 "
07.
data-size=
"1620x1080"
data-med=
"images/V1.jpg"
data-med-size=
"1620x1080"
>
08.
<img src=
"images/V1.jpg"
width=
"100%"
height=
"auto"
class
=
"lazy photo_in"
/>
09.
</a>
10.
<a href=
"images/V2.jpg"
class
=
" col-lg-4 col-md-4 col-sm-4 col-xs-6 "
11.
data-size=
"1476x1080"
data-med=
"images/V2.jpg"
data-med-size=
"1476x1080"
>
12.
<img src=
"images/V2.jpg"
width=
"100%"
height=
"auto"
class
=
"lazy photo_in"
/>
13.
</a>
14.
<a href=
"images/V3.jpg"
class
=
" col-lg-4 col-md-4 col-sm-4 col-xs-6 "
15.
data-size=
"1620x1080"
data-med=
"images/V3.jpg"
data-med-size=
"1620x1080"
>
16.
<img src=
"images/V3.jpg"
width=
"100%"
height=
"auto"
class
=
"lazy photo_in"
/>
17.
</a>
18.
<a href=
"images/V4.jpg"
class
=
" col-lg-4 col-md-4 col-sm-4 col-xs-6 "
19.
data-size=
"1620x1080"
data-med=
"images/V4.jpg"
data-med-size=
"1620x1080"
>
20.
<img src=
"images/V4.jpg"
width=
"100%"
height=
"auto"
class
=
"lazy photo_in"
/>
21.
</a>
22.
<a href=
"images/V5.jpg"
class
=
" col-lg-4 col-md-4 col-sm-4 col-xs-6"
23.
data-size=
"1920x1080"
data-med=
"images/V5.jpg"
data-med-size=
"1920x1080"
>
24.
<img src=
"images/V5.jpg"
width=
"100%"
height=
"auto"
class
=
"lazy photo_in"
/>
25.
</a>
26.
<a href=
"images/V6.jpg"
class
=
" col-lg-4 col-md-4 col-sm-4 col-xs-6 "
27.
data-size=
"1756x1080"
data-med=
"images/V6.jpg"
data-med-size=
"1756x1080"
>
28.
<img src=
"images/V6.jpg"
width=
"100%"
height=
"auto"
class
=
"lazy photo_in"
/>
29.
</a>
30.
<a href=
"images/V8.jpg"
class
=
" col-lg-4 col-md-4 col-sm-4 col-xs-6 "
31.
data-size=
"1620x1080"
data-med=
"images/V8.jpg"
data-med-size=
"1620x1080"
>
32.
<img src=
"images/V8.jpg"
width=
"100%"
height=
"auto"
class
=
"lazy photo_in"
/>
33.
</a>
34.
35.
</div>
36.
37.
</div>
38.
39.
40.
41.
42.
<script type=
"text/javascript"
>
43.
$(document).ready(
function
() {
44.
var
$items
= $(
'.item'
);
45.
var
$container
= $(
'#container'
);
46.
47.
$items
.hide();
48.
$container
.imagesLoaded(
function
(){
49.
$items
.fadeIn();
50.
$container
.masonry({
51.
columnWidth: 240,
52.
itemSelector:
'.item'
53.
});
54.
});
55.
});
56.
</script>