/* Masonry Gallery */
.gallery-container{
width: 100%;
column-count: 3;
column-gap: 8px;
margin: 24px auto;
}
.gallery-container .image img {
width: 100%;
vertical-align: middle;
transition: all 400ms;
}
.gallery-container .image {
position: relative;
margin-bottom: 8px;
overflow: hidden;
}
.gallery-container .image:hover img {
transform: scale(1.3);
}
.gallery-container .image .title {
position: absolute;
bottom: -60px;
left: 0;
right: 0;
padding: 16px;
background: #222;
color: #fff;
font-family: "Roboto", sans-serif;
font-weight: bold;
opacity: 0;
transition: all 400ms;
}
.gallery-container .image:hover .title {
opacity: 1;
bottom: 0;
}
@media (max-width: 800px) {
.gallery-container {
width: 90%;
}
}
@media (max-width: 600px) {
.gallery-container {
column-count: 2;
}
}
@media (max-width: 500px) {
.gallery-container {
column-count: unset;
}
}
HTML:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" href="style.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js" integrity="sha512-894YE6QWD5I59HgZOGReFYm4dnWc1Qt5NtvYSaNcOP+u1T9qYdvdihz0PPSiiqn/+/3e7Jo4EaG7TubfWGUrMQ==" crossorigin="anonymous"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/css/lightbox.min.css" integrity="sha512-ZKX+BvQihRJPA8CROKBhDNvoc2aDMOdAlcm7TUQY+35XYtrd3yh95QOOhsPDQY9QnKE0Wqag9y38OIgEvb88cA==" crossorigin="anonymous" />
<script src="https://cdnjs.cloudflare.com/ajax/libs/lightbox2/2.11.3/js/lightbox.min.js" integrity="sha512-k2GFCTbp9rQU412BStrcD/rlwv1PYec9SNrkbQlo6RZCf75l6KcC3UwDY8H5n5hl4v77IDtIPwOk9Dqjs/mMBQ==" crossorigin="anonymous"></script>
</head>
<body>
<div class="gallery-container">
<div class="image">
<a href="images/1.jpg" data-lightbox="gallery">
<img src="images/1.jpg" alt="">
<div class="title">Title No. 1</div>
</a>
</div>
<div class="image">
<a href="images/2.jpg" data-lightbox="gallery">
<img src="images/2.jpg" alt="">
<div class="title">Title No. 2</div>
</a>
</div>
<div class="image">
<a href="images/3.jpg" data-lightbox="gallery">
<img src="images/3.jpg" alt="">
<div class="title">Title No. 3</div>
</a>
</div>
<div class="image">
<a href="images/4.jpg" data-lightbox="gallery">
<img src="images/4.jpg" alt="">
<div class="title">Title No. 4</div>
</a>
</div>
<div class="image">
<a href="images/5.jpg" data-lightbox="gallery">
<img src="images/5.jpg" alt="">
<div class="title">Title No. 5</div>
</a>
</div>
<div class="image">
<a href="images/6.jpg" data-lightbox="gallery">
<img src="images/6.jpg" alt="">
<div class="title">Title No. 6</div>
</a>
</div>
<div class="image">
<a href="images/7.jpg" data-lightbox="gallery">
<img src="images/7.jpg" alt="">
<div class="title">Title No. 7</div>
</a>
</div>
<div class="image">
<a href="images/8.jpg" data-lightbox="gallery">
<img src="images/8.jpg" alt="">
<div class="title">Title No. 8</div>
</a>
</div>
<div class="image">
<a href="images/9.jpg" data-lightbox="gallery">
<img src="images/9.jpg" alt="">
<div class="title">Title No. 9</div>
</a>
</div>
<div class="image">
<a href="images/10.jpg" data-lightbox="gallery">
<img src="images/10.jpg" alt="">
<div class="title">Title No. 10</div>
</a>
</div>
<div class="image">
<a href="images/11.jpg" data-lightbox="gallery">
<img src="images/11.jpg" alt="">
<div class="title">Title No. 11</div>
</a>
</div>
</div>
</body>
</html>
កូដឧទារហណ៍
<div class="gallery-container">
<div class="separator" style="clear: both;"><div class="image">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy8BM426O-yqnX48XXRvs8L5h4Uu0zW-ihVkP1TqL24fM4meBVyCSL0BJ4hVgHrdrp3TgDvm70VBSTYzhO3tU7avdCENxMObhLX29lrDTeeJaCid09lsOfPXJDXQ-Q1VpyExBVed6rOMVPAHlFTMvmLGI_o30WOOuUi7Bi2jpR8JhZjE821zp6wSV9/s1600/1.jpg"
data-lightbox="gallery"
><img
alt=""
border="0"
data-original-height="1920"
data-original-width="1280"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjy8BM426O-yqnX48XXRvs8L5h4Uu0zW-ihVkP1TqL24fM4meBVyCSL0BJ4hVgHrdrp3TgDvm70VBSTYzhO3tU7avdCENxMObhLX29lrDTeeJaCid09lsOfPXJDXQ-Q1VpyExBVed6rOMVPAHlFTMvmLGI_o30WOOuUi7Bi2jpR8JhZjE821zp6wSV9/s1600/1.jpg"
/></a>
</div>
<div class="separator" style="clear: both;"><div class="image">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHgl-jupHgQqTbftCO6TT_HSOYdbfxoX788Z3leHYjkDkP4nXyNQ5XHDTUw-N-v1dh56YqMIsG7PBLzsvyhGfStAm1YT_eqjeMUTXk3BWzFHpys4QLHFH1dAIyOaJBCWh-CZTF6q3C527ImvO4dHZeG19VLiIaXDQe7esevJ3GBHXmXejoPzCRm70y/s1600/2.jpg"
data-lightbox="gallery"
><img
alt=""
border="0"
data-original-height="4000"
data-original-width="6000"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgHgl-jupHgQqTbftCO6TT_HSOYdbfxoX788Z3leHYjkDkP4nXyNQ5XHDTUw-N-v1dh56YqMIsG7PBLzsvyhGfStAm1YT_eqjeMUTXk3BWzFHpys4QLHFH1dAIyOaJBCWh-CZTF6q3C527ImvO4dHZeG19VLiIaXDQe7esevJ3GBHXmXejoPzCRm70y/s1600/2.jpg"
/></a>
</div>
<div class="separator" style="clear: both;"><div class="image">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3uRM365orMJPWZQh059h9lSjPsSTiXRfVL2xKBb7ECyS_g55zcAE7TYTZ-CbDLsVkkmhFp7BqfW3pxX2vpIl_U-V0V3UcK6LbbilEhzZBT8C49pbowDmmr_iEu1xxBkuGz61jHPLUGlr1YQbic8oG0eCqTMOmI1LeOUI4itDjzcC2FLjmLcjnlyOM/s1600/3.jpg"
data-lightbox="gallery"
><img
alt=""
border="0"
data-original-height="3648"
data-original-width="5472"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3uRM365orMJPWZQh059h9lSjPsSTiXRfVL2xKBb7ECyS_g55zcAE7TYTZ-CbDLsVkkmhFp7BqfW3pxX2vpIl_U-V0V3UcK6LbbilEhzZBT8C49pbowDmmr_iEu1xxBkuGz61jHPLUGlr1YQbic8oG0eCqTMOmI1LeOUI4itDjzcC2FLjmLcjnlyOM/s1600/3.jpg"
/></a>
</div>
<div class="separator" style="clear: both;"><div class="image">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigLxBDnJivelQgaiyMOYtwYD1P-gDe12fvfk8d0qsfe1XgJZYY0r-_sqFqIyDEwCQ1FBzFfBDvtCuybvxNl1K4jYo085R8C16Nzl2gd452rIwT70agTLbhB7t6feszer0HjIYoZSaivGIRVXtChOcl4ytYEui1D8NK9cJULtv8OcGBF1JAuS9Sh3Mf/s1600/4.jpg"
data-lightbox="gallery"
><img
alt=""
border="0"
data-original-height="4000"
data-original-width="6000"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigLxBDnJivelQgaiyMOYtwYD1P-gDe12fvfk8d0qsfe1XgJZYY0r-_sqFqIyDEwCQ1FBzFfBDvtCuybvxNl1K4jYo085R8C16Nzl2gd452rIwT70agTLbhB7t6feszer0HjIYoZSaivGIRVXtChOcl4ytYEui1D8NK9cJULtv8OcGBF1JAuS9Sh3Mf/s1600/4.jpg"
/></a>
</div>
<div class="separator" style="clear: both;"><div class="image">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIA1TAd2juLCYs1NOiJpmNh6ImB2ZySTqkZvDrfE1QCV7xpKTdOMjKhjm66Z53e4e_pHvjjtXFungYqfL_B4lov5UakcugjoQ4rTY1C_1hRt2kbjsXEV04BI0Kv8Zju3kU-E9F1iTCtrGxRaRJ67rNzGjA-JL4H35ptW1slJbH3G2jK0Z1sLZMMmUv/s1600/5.jpg"
data-lightbox="gallery"
><img
alt=""
border="0"
data-original-height="3456"
data-original-width="5184"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIA1TAd2juLCYs1NOiJpmNh6ImB2ZySTqkZvDrfE1QCV7xpKTdOMjKhjm66Z53e4e_pHvjjtXFungYqfL_B4lov5UakcugjoQ4rTY1C_1hRt2kbjsXEV04BI0Kv8Zju3kU-E9F1iTCtrGxRaRJ67rNzGjA-JL4H35ptW1slJbH3G2jK0Z1sLZMMmUv/s1600/5.jpg"
/></a>
</div>
<div class="separator" style="clear: both;"><div class="image">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV5RDR6lw3uBb69whfgoIxekkyGNs6dKL8rpV7fGfzre_w5R6Oog3XTU-jMWUfBF1q3MXNTJCJcujWUeoqjpluHnX3TgcHvX8CUUvje_eIVo9e-LtaBIzQD70ZN1Jyjl3tKv0w5q916gWV99o1fWUaxX2iEIv8VU3aZane-u5hPrgQBpTuPqjtOE0v/s1600/6.jpg"
data-lightbox="gallery"
><img
alt=""
border="0"
data-original-height="5472"
data-original-width="3648"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgV5RDR6lw3uBb69whfgoIxekkyGNs6dKL8rpV7fGfzre_w5R6Oog3XTU-jMWUfBF1q3MXNTJCJcujWUeoqjpluHnX3TgcHvX8CUUvje_eIVo9e-LtaBIzQD70ZN1Jyjl3tKv0w5q916gWV99o1fWUaxX2iEIv8VU3aZane-u5hPrgQBpTuPqjtOE0v/s1600/6.jpg"
/></a>
</div>
<div class="separator" style="clear: both;"><div class="image">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJm9Bb6y3GmAmP1CecLG5o9vqNRZE__pLMbyvENpK6qLvbFvIrYHhkYa5R4rdmZ-NOVmrH2W0SiKc04Wdl-1zB2xGhmNehasKldeQBk7bE8-Kv4jDmnDT8QHbGvi4kCeqO98S3ymgA61ajBmuzprPGVoD-T8sUeN2tnQJ0GXtgpSw3LvEIcBDFk-sk/s1600/7.jpg"
data-lightbox="gallery"
><img
alt=""
border="0"
data-original-height="2000"
data-original-width="3000"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJm9Bb6y3GmAmP1CecLG5o9vqNRZE__pLMbyvENpK6qLvbFvIrYHhkYa5R4rdmZ-NOVmrH2W0SiKc04Wdl-1zB2xGhmNehasKldeQBk7bE8-Kv4jDmnDT8QHbGvi4kCeqO98S3ymgA61ajBmuzprPGVoD-T8sUeN2tnQJ0GXtgpSw3LvEIcBDFk-sk/s1600/7.jpg"
/></a>
</div>
<div class="separator" style="clear: both;"><div class="image">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxteLzt93DFuxjY88GZJOeycUouzaosLn58MGHKw59X0Zm5nD03cEyW6H--CKuS5LJRS6YJxkczG5nLzsKwxUHNsaH2GAwscjpSNcV1rYuFILsWoIFXy9K-SmWeEwub8Nw8shmsbAX2s7P2wuTZUNn1UW5f6EcR0d3SY2TOR3VpDwsuUkqQnAAJwAA/s1600/8.jpg"
data-lightbox="gallery"
><img
alt=""
border="0"
data-original-height="4016"
data-original-width="6016"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxteLzt93DFuxjY88GZJOeycUouzaosLn58MGHKw59X0Zm5nD03cEyW6H--CKuS5LJRS6YJxkczG5nLzsKwxUHNsaH2GAwscjpSNcV1rYuFILsWoIFXy9K-SmWeEwub8Nw8shmsbAX2s7P2wuTZUNn1UW5f6EcR0d3SY2TOR3VpDwsuUkqQnAAJwAA/s1600/8.jpg"
/></a>
</div>
<div class="separator" style="clear: both;"><div class="image">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicIf_wGl5YG4Lu8NmVoVIiXRxJ4bmJ7nVu7algnJ8ZvAaehfeSGxE61AT7v0bW0jDOgshebV44Ev0Sb2UE8vqZbXJMeDjoOVyoT1pRQZB5bDlKvJ64vIloM8TH9Lk48848L2nMy_Qw48Vw6g4eOgSpqE9XJOJiySVEllD7jurWi2OYT9Hbl7Zt_taS/s1600/9.jpg"
data-lightbox="gallery"
><img
alt=""
border="0"
data-original-height="3840"
data-original-width="5760"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEicIf_wGl5YG4Lu8NmVoVIiXRxJ4bmJ7nVu7algnJ8ZvAaehfeSGxE61AT7v0bW0jDOgshebV44Ev0Sb2UE8vqZbXJMeDjoOVyoT1pRQZB5bDlKvJ64vIloM8TH9Lk48848L2nMy_Qw48Vw6g4eOgSpqE9XJOJiySVEllD7jurWi2OYT9Hbl7Zt_taS/s1600/9.jpg"
/></a>
</div>
<div class="separator" style="clear: both;"><div class="image">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCASrlYe6fyAGEue16SHk8Cmioxz3SFp5R3OvzcZde1Yd7pkuWGdVC_uvDPBAZcTYAeSVO49S2rHaxBHWwPNghtmfnupWXTBlYcubN9HMK9dTcgLR0q31Bex6fSYK0CIHT0JxinYzGomNsjSQ0jGUSqdef1pj8_qK084DPpmoulhLsaOZPTHjmDpXk/s1600/10.jpg"
data-lightbox="gallery"
><img
alt=""
border="0"
data-original-height="1919"
data-original-width="1280"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCASrlYe6fyAGEue16SHk8Cmioxz3SFp5R3OvzcZde1Yd7pkuWGdVC_uvDPBAZcTYAeSVO49S2rHaxBHWwPNghtmfnupWXTBlYcubN9HMK9dTcgLR0q31Bex6fSYK0CIHT0JxinYzGomNsjSQ0jGUSqdef1pj8_qK084DPpmoulhLsaOZPTHjmDpXk/s1600/10.jpg"
/></a>
</div>
<div class="separator" style="clear: both;"><div class="image">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt9SWiFoc0S-_2Hq69Xz4lMr0qQcrfIqBgrk2bvDF8L5jjHbiIye4Kj2tOIoDBOenehgH4y19TA6dvmwcvH8iX_CiF6eXlBIFkIei4kPjti4c-t08GGMwhM7-2BakWa52fJmlRt7MudM8QbFOO1z-S5iw-jV0dlfNyDaXxU9f8b-YiaYfJBQmkTSly/s1600/11.jpg"
data-lightbox="gallery"
><img
alt=""
border="0"
data-original-height="4390"
data-original-width="6585"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgt9SWiFoc0S-_2Hq69Xz4lMr0qQcrfIqBgrk2bvDF8L5jjHbiIye4Kj2tOIoDBOenehgH4y19TA6dvmwcvH8iX_CiF6eXlBIFkIei4kPjti4c-t08GGMwhM7-2BakWa52fJmlRt7MudM8QbFOO1z-S5iw-jV0dlfNyDaXxU9f8b-YiaYfJBQmkTSly/s1600/11.jpg"
/></a>
</div>
<div class="separator" style="clear: both;"><div class="image">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_APRC4uVzKQdmCrIKykfZsy6MyWEPfSKwAdmb6pXbGbfHpN-eBxfZ9jLPgcJqNoFmPbJ1bCmYYmiURhltHo-ZdZ59I0zF6sFNKL0ZxvamfSqsCK53Y9TXUyclPJxOF-p-JPWZzyljvf5_DryqWEdFjRub6TV8l-CCBFiuvWbax9rm2pQlSHNOUBql/s1600/1%20%281%29.jpg"
data-lightbox="gallery"
><img
alt=""
border="0"
data-original-height="3366"
data-original-width="5094"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_APRC4uVzKQdmCrIKykfZsy6MyWEPfSKwAdmb6pXbGbfHpN-eBxfZ9jLPgcJqNoFmPbJ1bCmYYmiURhltHo-ZdZ59I0zF6sFNKL0ZxvamfSqsCK53Y9TXUyclPJxOF-p-JPWZzyljvf5_DryqWEdFjRub6TV8l-CCBFiuvWbax9rm2pQlSHNOUBql/s1600/1%20%281%29.jpg"
/></a>
</div>
<div class="separator" style="clear: both;"><div class="image">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqNmiXV_PELVq56SRx58H0nRKLxgWM_3kQlJ4meh-34cgCoCHsZEj6-k7c7danJzKzmteNjl8iPEYTeTLZtvv6Leh0ytLAF15cTmetfyy3n6KKBqNCgpc13jUMvb3gd0mY6gVTvmmvHz_FU55xoBn8prD-l0-j2WO743yQPw7kvRFSbBNQzzj6HScI/s1600/1%20%282%29.jpg"
data-lightbox="gallery"
><img
alt=""
border="0"
data-original-height="3204"
data-original-width="5082"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqNmiXV_PELVq56SRx58H0nRKLxgWM_3kQlJ4meh-34cgCoCHsZEj6-k7c7danJzKzmteNjl8iPEYTeTLZtvv6Leh0ytLAF15cTmetfyy3n6KKBqNCgpc13jUMvb3gd0mY6gVTvmmvHz_FU55xoBn8prD-l0-j2WO743yQPw7kvRFSbBNQzzj6HScI/s1600/1%20%282%29.jpg"
/></a>
</div>
<div class="separator" style="clear: both;"><div class="image">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNPm7XAuqZTksaXXw_9883TNZvp8yGI6MTQXwtV0XFRWzqUenwq9V2sxP1Q53HAJq9DrOkwWKDBhVmiVwoZBHksfgQgeEcVKOgKhY3IfFaTbYFrkQ-Rxe8zYhwbZRMnf2NYUlx5SHfYuXoD3vufGOBT68ftFzGf62HQzIDRk_R53gRihuEqGTPI2gp/s1600/1%20%283%29.jpg"
data-lightbox="gallery"
><img
alt=""
border="0"
data-original-height="1938"
data-original-width="4215"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjNPm7XAuqZTksaXXw_9883TNZvp8yGI6MTQXwtV0XFRWzqUenwq9V2sxP1Q53HAJq9DrOkwWKDBhVmiVwoZBHksfgQgeEcVKOgKhY3IfFaTbYFrkQ-Rxe8zYhwbZRMnf2NYUlx5SHfYuXoD3vufGOBT68ftFzGf62HQzIDRk_R53gRihuEqGTPI2gp/s1600/1%20%283%29.jpg"
/></a>
</div>
<div class="separator" style="clear: both;"><div class="image">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYxB0fELRJDpObplvpnXwADVFKwnzolKLMznEqaD6eyKdyfZSRdl5V9HR72nb3VKfCgfJ7xhfaswSZwJtk9h1bS_5wQQEID9bOikdo2wRmpOs4eXp73ovNqG2TsrUr_aTEuh4mMa7wlWRRxNEovVgiRUwlOycFze-feCBa6l4NSJpXeba_iFR992V8/s1600/1%20%284%29.jpg"
data-lightbox="gallery"
><img
alt=""
border="0"
data-original-height="3168"
data-original-width="5184"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYxB0fELRJDpObplvpnXwADVFKwnzolKLMznEqaD6eyKdyfZSRdl5V9HR72nb3VKfCgfJ7xhfaswSZwJtk9h1bS_5wQQEID9bOikdo2wRmpOs4eXp73ovNqG2TsrUr_aTEuh4mMa7wlWRRxNEovVgiRUwlOycFze-feCBa6l4NSJpXeba_iFR992V8/s1600/1%20%284%29.jpg"
/></a>
</div>
<div class="separator" style="clear: both;"><div class="image">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUwgwr8UpdbnosjjOuGCZkdfc_LLxdP-e1OuWvMZpnNIahGyYUee_74pn0riJxvk0wJAyjKY6pf3vuwmOIRsB-6yFR6GYLwbU_eN1iivIaHnUNMsQfLMZPsVZGNFJ5Egij-aq_Dpnw1LeNWX74sDkQxKYzkO9hWoWNsLVH76-Q0Bm2sqEpwknAJry7/s1600/1%20%285%29.jpg"
data-lightbox="gallery"
><img
alt=""
border="0"
data-original-height="3456"
data-original-width="5184"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUwgwr8UpdbnosjjOuGCZkdfc_LLxdP-e1OuWvMZpnNIahGyYUee_74pn0riJxvk0wJAyjKY6pf3vuwmOIRsB-6yFR6GYLwbU_eN1iivIaHnUNMsQfLMZPsVZGNFJ5Egij-aq_Dpnw1LeNWX74sDkQxKYzkO9hWoWNsLVH76-Q0Bm2sqEpwknAJry7/s1600/1%20%285%29.jpg"
/></a>
</div>
<div class="separator" style="clear: both;"><div class="image">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjN5DSOvXfOB6H2NK66khy4qMpgc0nNXENYjGq0jQm2UIMDNy1h49ELI5LyJh25Wz0QItPIAI9qzOror7QDdKaZ-YhvtCP495wRLFZQw8y_x6lutj19OIoNLGYRPls1JpdkzT1yYCpRl_LQHR04wVFlieXa5DY4Iu2ICty0O99oiuGFUJmCfDl4UJF/s1600/1%20%286%29.jpg"
data-lightbox="gallery"
><img
alt=""
border="0"
data-original-height="2808"
data-original-width="5184"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjN5DSOvXfOB6H2NK66khy4qMpgc0nNXENYjGq0jQm2UIMDNy1h49ELI5LyJh25Wz0QItPIAI9qzOror7QDdKaZ-YhvtCP495wRLFZQw8y_x6lutj19OIoNLGYRPls1JpdkzT1yYCpRl_LQHR04wVFlieXa5DY4Iu2ICty0O99oiuGFUJmCfDl4UJF/s1600/1%20%286%29.jpg"
/></a>
</div>
<div class="separator" style="clear: both;"><div class="image">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTqumkfJh64Ih4Zc6VM6RmYWJpksFSkMWOqiZWd3WPrrDNUMdvrCkoD7NZyDgJZMrj0va0RTLVTzFCPuUCKSd0HfnP5UFg8KumRepuiuTE5NQnTKhfXC_kmCBdyZru04-053v69cNXQZHlO5--GDcZfsT775zVnEI7Ek6NPavnJm0x_wqF0JkSNagI/s1600/1%20%287%29.jpg"
data-lightbox="gallery"
><img
alt=""
border="0"
data-original-height="3312"
data-original-width="5082"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTqumkfJh64Ih4Zc6VM6RmYWJpksFSkMWOqiZWd3WPrrDNUMdvrCkoD7NZyDgJZMrj0va0RTLVTzFCPuUCKSd0HfnP5UFg8KumRepuiuTE5NQnTKhfXC_kmCBdyZru04-053v69cNXQZHlO5--GDcZfsT775zVnEI7Ek6NPavnJm0x_wqF0JkSNagI/s1600/1%20%287%29.jpg"
/></a>
</div>
<div class="separator" style="clear: both;"><div class="image">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibp7X7W2vYdMD5PXzq4dETwSXUhTqtNW0exHddMpMB_A7pGWHKxMPL7ZoWxICXn74z_4VWFMiZGxTW6MiCQbAt0CFlD5YyYHnMJW8E3d5M6wH5ijPNET_0lJwYPaC_AqTHDprJZczGZ1n54ARW976p1xP7LHzJGqn-QkgUD2_RMfQxTL-WYBTUc5ZN/s1600/1%20%288%29.jpg"
data-lightbox="gallery"
><img
alt=""
border="0"
data-original-height="509"
data-original-width="340"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEibp7X7W2vYdMD5PXzq4dETwSXUhTqtNW0exHddMpMB_A7pGWHKxMPL7ZoWxICXn74z_4VWFMiZGxTW6MiCQbAt0CFlD5YyYHnMJW8E3d5M6wH5ijPNET_0lJwYPaC_AqTHDprJZczGZ1n54ARW976p1xP7LHzJGqn-QkgUD2_RMfQxTL-WYBTUc5ZN/s1600/1%20%288%29.jpg"
/></a>
</div>
<div class="separator" style="clear: both;"><div class="image">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2ZSSoMLK_nxX6Hg6jedLnzv8g-Yz_8NN9VIzmPyVS84ciEyCiPWLCjmGrEQYBy8GxKi7u4KOpjiivB1mgxjYiTuXEIx5_uV3bHclDsPv2eUgWYl0XgSzGdMvznR6L4p4e6eZcWwWIUfY_VInH9vp6raq6auS9X_u1rCQeTItpzIbm83l1U1PZ6L05/s1600/1%20%289%29.jpg"
data-lightbox="gallery"
><img
alt=""
border="0"
data-original-height="3093"
data-original-width="4798"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2ZSSoMLK_nxX6Hg6jedLnzv8g-Yz_8NN9VIzmPyVS84ciEyCiPWLCjmGrEQYBy8GxKi7u4KOpjiivB1mgxjYiTuXEIx5_uV3bHclDsPv2eUgWYl0XgSzGdMvznR6L4p4e6eZcWwWIUfY_VInH9vp6raq6auS9X_u1rCQeTItpzIbm83l1U1PZ6L05/s1600/1%20%289%29.jpg"
/></a>
</div>
<div class="separator" style="clear: both;"><div class="image">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiY0LCEY-NzIS30DOTXU2Jjp-53HvPG3V2Ukrp2DmLcS6j_j6rWq9lZrAHqSfPWGlv8WSHKElpDnp9Mkk9KMfV_aPHgKkW_tTdFMfp94Jz35TdMDTx3ND11LEfX6PMhc0sRPV1XyHEA8AMN2qVaReaZ04I5t1BynH-INhXl5IdtTsw_QA_Nq03qaeY/s1600/1%20%2810%29.jpg"
data-lightbox="gallery"
><img
alt=""
border="0"
data-original-height="900"
data-original-width="1600"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgiY0LCEY-NzIS30DOTXU2Jjp-53HvPG3V2Ukrp2DmLcS6j_j6rWq9lZrAHqSfPWGlv8WSHKElpDnp9Mkk9KMfV_aPHgKkW_tTdFMfp94Jz35TdMDTx3ND11LEfX6PMhc0sRPV1XyHEA8AMN2qVaReaZ04I5t1BynH-INhXl5IdtTsw_QA_Nq03qaeY/s1600/1%20%2810%29.jpg"
/></a>
</div>
<div class="separator" style="clear: both;"><div class="image">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbY2N5tr8FEz3D2Xwvva6GsrbG5SrbRSEckyMp0BEt1pRFBPiLbOGcTW8PrveyyJJbVqaF2g12NS1m8SpKPB2OvnmqJWazv4yYEeFIwXd2CsLMs-hAD-DZI8lFCVUtS1SG3iQXEgWyNWdLY_ZoGlXVxIJMQxPANqnDky5OFqkLFuy7r7ofNDFKJfkh/s1600/1%20%2811%29.jpg"
data-lightbox="gallery"
><img
alt=""
border="0"
data-original-height="2448"
data-original-width="4086"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbY2N5tr8FEz3D2Xwvva6GsrbG5SrbRSEckyMp0BEt1pRFBPiLbOGcTW8PrveyyJJbVqaF2g12NS1m8SpKPB2OvnmqJWazv4yYEeFIwXd2CsLMs-hAD-DZI8lFCVUtS1SG3iQXEgWyNWdLY_ZoGlXVxIJMQxPANqnDky5OFqkLFuy7r7ofNDFKJfkh/s1600/1%20%2811%29.jpg"
/></a>
</div>
<div class="separator" style="clear: both;"><div class="image">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikeHlKrZFBsG09LW2cYRY_CJnj2kUQib_i5OJeRjN_wdYA0BGBaTIw90P__Z6_X5JMvXx3oV7UH_4JiWAwQ4lxZvhjmEzBQcz3IwLLOK-lVhYsnv62PlMMwBS7-ODjkROAJN36BPYVpNvu0rvIg74I2PPX3-hnzt12YtaPf5JDEGFuVszEdRRqWw97/s1600/1%20%2812%29.jpg"
data-lightbox="gallery"
><img
alt=""
border="0"
data-original-height="3072"
data-original-width="4680"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikeHlKrZFBsG09LW2cYRY_CJnj2kUQib_i5OJeRjN_wdYA0BGBaTIw90P__Z6_X5JMvXx3oV7UH_4JiWAwQ4lxZvhjmEzBQcz3IwLLOK-lVhYsnv62PlMMwBS7-ODjkROAJN36BPYVpNvu0rvIg74I2PPX3-hnzt12YtaPf5JDEGFuVszEdRRqWw97/s1600/1%20%2812%29.jpg"
/></a>
</div>
<div class="separator" style="clear: both;"><div class="image">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-9u8xAKQ9ke72za9X4IVUVWERVu9jpRbrVlb-p2pKSo5hBDuUNGoCyIYsSLRh_vdrKQmUSnM274PefLmJ3DC5uI4K8Gc5GYLm-S439RMuujitw4q0QC5anRymtdqS9E7-xjGuTN05TT_uC87iX-DUHYrLDW1ivMGTiUOtNeYu6dh0viBRSLfTxBU0/s1600/img-1.jpg"
data-lightbox="gallery"
><img
alt=""
border="0"
data-original-height="416"
data-original-width="626"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-9u8xAKQ9ke72za9X4IVUVWERVu9jpRbrVlb-p2pKSo5hBDuUNGoCyIYsSLRh_vdrKQmUSnM274PefLmJ3DC5uI4K8Gc5GYLm-S439RMuujitw4q0QC5anRymtdqS9E7-xjGuTN05TT_uC87iX-DUHYrLDW1ivMGTiUOtNeYu6dh0viBRSLfTxBU0/s1600/img-1.jpg"
/></a>
</div>
<div class="separator" style="clear: both;"><div class="image">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVxh4uIULOkNV6YHioRaULg2ke49_NFHeakC_HgwvGriZ_mn_YD8U3y4F30uua_DzPx7vM5usVDc7Ou31MvGk5UjLtaVUxt24JBa-bQF1TlEtE7s7d_bOh1VAzKdo08NBiO4vVkz02NnoOPZVACzHgETbngnsazIuQE19FTEAN_fOl9OnHVb7tOEYh/s1600/img-2.jpg"
data-lightbox="gallery"
><img
alt=""
border="0"
data-original-height="626"
data-original-width="416"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVxh4uIULOkNV6YHioRaULg2ke49_NFHeakC_HgwvGriZ_mn_YD8U3y4F30uua_DzPx7vM5usVDc7Ou31MvGk5UjLtaVUxt24JBa-bQF1TlEtE7s7d_bOh1VAzKdo08NBiO4vVkz02NnoOPZVACzHgETbngnsazIuQE19FTEAN_fOl9OnHVb7tOEYh/s1600/img-2.jpg"
/></a>
</div>
<div class="separator" style="clear: both;"><div class="image">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0ZXbmu5mInVPAExEZts8V_uUw7SLyZio0GyH7cAWc8DvJPIHhF6Xa3EzVW5wvNLz2yOGfTcGMShwLsl9MA9P74ev5eZ9_4kUNmfAUX1oXGGMVGzoaZuWDQ12cMd3piuv-zcOsIrt4nOgxbS8aUQVY_0jlW2Ca8RlMSIdPIR6myqpaoIbYFkZJbOph/s1600/img-3.jpg"
data-lightbox="gallery"
><img
alt=""
border="0"
data-original-height="417"
data-original-width="626"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0ZXbmu5mInVPAExEZts8V_uUw7SLyZio0GyH7cAWc8DvJPIHhF6Xa3EzVW5wvNLz2yOGfTcGMShwLsl9MA9P74ev5eZ9_4kUNmfAUX1oXGGMVGzoaZuWDQ12cMd3piuv-zcOsIrt4nOgxbS8aUQVY_0jlW2Ca8RlMSIdPIR6myqpaoIbYFkZJbOph/s1600/img-3.jpg"
/></a>
</div>
<div class="separator" style="clear: both;"><div class="image">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidv95hn2YxaTNfTyZXsl4bOpeGoFiXudQJKA7ePu9Ac3i1UN8x3YfzHRfQ_0rMH-S-Kg6TUF15tz-EPAPUpXKFq4W3V5k479USyGEkxuLVRQAM6tfYMxpFF-FlNZH2LIb9fGE9f7cgNsZSguppwc8Z7-FQusBFXUhehQUlJKAf6-QD1eJAOijLuAPd/s1600/img-4.jpg"
data-lightbox="gallery"
><img
alt=""
border="0"
data-original-height="626"
data-original-width="501"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEidv95hn2YxaTNfTyZXsl4bOpeGoFiXudQJKA7ePu9Ac3i1UN8x3YfzHRfQ_0rMH-S-Kg6TUF15tz-EPAPUpXKFq4W3V5k479USyGEkxuLVRQAM6tfYMxpFF-FlNZH2LIb9fGE9f7cgNsZSguppwc8Z7-FQusBFXUhehQUlJKAf6-QD1eJAOijLuAPd/s1600/img-4.jpg"
/></a>
</div>
<div class="separator" style="clear: both;"><div class="image">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiniGwtoZX8ROHIegcl6ca8zv_trhC5wK22njF8R4YJW767F8_xWvM53cntJ-BXhOi0Of4BtWXeCc8_H6r7-5dc_muHy7E9zr6pcCBY1zT8TAmWQUiwXxqfc7xTyIOLKkw3TO6_nFALvS7wD4YtE5T0ZFuLfB7rFs1MzV_znPoT1Y2W29mHAIhitp8A/s1600/img-5.jpg"
data-lightbox="gallery"
><img
alt=""
border="0"
data-original-height="416"
data-original-width="626"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiniGwtoZX8ROHIegcl6ca8zv_trhC5wK22njF8R4YJW767F8_xWvM53cntJ-BXhOi0Of4BtWXeCc8_H6r7-5dc_muHy7E9zr6pcCBY1zT8TAmWQUiwXxqfc7xTyIOLKkw3TO6_nFALvS7wD4YtE5T0ZFuLfB7rFs1MzV_znPoT1Y2W29mHAIhitp8A/s1600/img-5.jpg"
/></a>
</div>
<div class="separator" style="clear: both;"><div class="image">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYtwpVeQcSWda-ojZRXMR6BrtMOWfn7njacLVp5pwQu1dQU_ncY1F_TMyqwIRkBufJgCOMK2x25uNPPBnx9Tlrmlwv3EUHlbqevM92ORXJt1c79oOYtX4kCIAYHDKLdWoRp7eAjvxI0I-je1cub8b8qiub6pnx51rcHJHP8nadgVEx9gQNeVIVULDQ/s1600/img-6.jpg"
data-lightbox="gallery"
><img
alt=""
border="0"
data-original-height="626"
data-original-width="447"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYtwpVeQcSWda-ojZRXMR6BrtMOWfn7njacLVp5pwQu1dQU_ncY1F_TMyqwIRkBufJgCOMK2x25uNPPBnx9Tlrmlwv3EUHlbqevM92ORXJt1c79oOYtX4kCIAYHDKLdWoRp7eAjvxI0I-je1cub8b8qiub6pnx51rcHJHP8nadgVEx9gQNeVIVULDQ/s1600/img-6.jpg"
/></a>
</div>
<div class="separator" style="clear: both;"><div class="image">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9swOS4BjYW5I9PITlpxwIe_Z0euhjMThCtClZW9gOffKhuaMvMpOqbrDb1Hz44kEShVTJTW4ULzFXSa55ce6eC_3eKNERoJjmzxFWb3nTA-SplO8qmZodKpq9nw7QwpWmrk8m1m1uM7UF7Pj0NUOOH2gNpZaU_7aouOdwiV-W1yHlQHkPI-aP_0XD/s1600/img-7.jpg"
data-lightbox="gallery"
><img
alt=""
border="0"
data-original-height="417"
data-original-width="626"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg9swOS4BjYW5I9PITlpxwIe_Z0euhjMThCtClZW9gOffKhuaMvMpOqbrDb1Hz44kEShVTJTW4ULzFXSa55ce6eC_3eKNERoJjmzxFWb3nTA-SplO8qmZodKpq9nw7QwpWmrk8m1m1uM7UF7Pj0NUOOH2gNpZaU_7aouOdwiV-W1yHlQHkPI-aP_0XD/s1600/img-7.jpg"
/></a>
</div>
<div class="separator" style="clear: both;"><div class="image">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdKLMO9TsAAmsGRepvagWPZWk588ObBEcFO2hHaXZ4JmoB4sulXvDLPci9F2Ge06s2qraEKU9A5UUuk12Y9Z2l2DfyhM4FRUqKvIdvbAbFSUkcD28gkwJawOs0s_V9Hf22mMwWxupC62TrJ4T8lZf-10vMGbKaw4uHAGacQqIGI5wuPoVNlvdXyFhG/s1600/img-8.jpg"
data-lightbox="gallery"
><img
alt=""
border="0"
data-original-height="626"
data-original-width="417"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdKLMO9TsAAmsGRepvagWPZWk588ObBEcFO2hHaXZ4JmoB4sulXvDLPci9F2Ge06s2qraEKU9A5UUuk12Y9Z2l2DfyhM4FRUqKvIdvbAbFSUkcD28gkwJawOs0s_V9Hf22mMwWxupC62TrJ4T8lZf-10vMGbKaw4uHAGacQqIGI5wuPoVNlvdXyFhG/s1600/img-8.jpg"
/></a>
</div>
<div class="separator" style="clear: both;"><div class="image">
<a
href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZkHLJmgClSwz3KL60ehlu4mZp-Bx-zB6NtdAj7Wzez3bHF_ZKOAK_49GCBlcYI0IqiCM_5kCGMR9Q-3K0SKMuWg70d_9yVycY-Fj6cfUeVrfZr1NRd0olxdlp2-YqNap12P7iOrqLrG18xS9mlYGpUFZ-vRu9NA5wC6s8GWWzju6pgOC1J5xaOEz3/s1600/img-9.jpg"
data-lightbox="gallery"
><img
alt=""
border="0"
data-original-height="417"
data-original-width="626"
src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZkHLJmgClSwz3KL60ehlu4mZp-Bx-zB6NtdAj7Wzez3bHF_ZKOAK_49GCBlcYI0IqiCM_5kCGMR9Q-3K0SKMuWg70d_9yVycY-Fj6cfUeVrfZr1NRd0olxdlp2-YqNap12P7iOrqLrG18xS9mlYGpUFZ-vRu9NA5wC6s8GWWzju6pgOC1J5xaOEz3/s1600/img-9.jpg"
/></a>
</div>
</div>
إرسال تعليق