{"id":505,"date":"2017-11-03T11:12:58","date_gmt":"2017-11-03T11:12:58","guid":{"rendered":"http:\/\/demo.weblizar.com\/responsive-portfolio-pro\/?page_id=505"},"modified":"2018-12-28T07:20:12","modified_gmt":"2018-12-28T07:20:12","slug":"gallery-with-content","status":"publish","type":"page","link":"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/gallery-with-content\/","title":{"rendered":"Gallery With Content"},"content":{"rendered":"<p><strong>Lorem Ipsum<\/strong>&nbsp;is simply dummied text of the printing and typesetting industry. Lorem Ipsum has been the industry\u2019s standard dummy text ever since the 1500s when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<\/p>\n<h3>The standard Lorem Ipsum passage, used since the 1500s<\/h3>\n    <script src=\"https:\/\/ajax.googleapis.com\/ajax\/libs\/webfont\/1\/webfont.js\"><\/script>\n\t        <script type=\"text\/javascript\">\n            WebFont.load({\n                google: {\n                    families: ['Courgette'] \/\/ saved value\n                }\n            });\n        <\/script>\n\t\n    <style>\n        #rpp_504 a.jp-previous {\n            font-family: Courgette;\n        }\n\n        #rpp_504 a.jp-next {\n            font-family: Courgette;\n        }\n\n        #rpp_504 .owl-prev {\n            font-family: Courgette;\n        }\n\n        #rpp_504 .owl-next {\n            font-family: Courgette;\n        }\n\n        #rpp_504 .weblizar-portfolio-gallery {\n            padding: 0px;\n         box-shadow: 0 0 6px rgba(0, 0, 0, .7);\n          border: 5px solid#FFFFFF;\n                }\n\n        #rpp_504 .weblizar-portfolio-gallery a,\n        #rpp_504 .weblizar-portfolio-gallery a img {\n            display: block;\n            position: relative;\n            border-radius: 0px;\n            -webkit-transition: all .55s linear;\n            -moz-transition: all .55s linear;\n            -o-transition: all .55s linear;\n            transition: all .55s linear;\n                }\n\n        #rpp_330 .gal-container .weblizar-portfolio-gallery a img {\n            border-radius: 50% !important;\n        }\n\n        #rpp_504 .weblizar-portfolio-gallery:hover a img {\n            -moz-transform: scale(1.1)rotate(15deg);\n            -webkit-transform: scale(1.1)rotate(15deg);\n            -o-transform: scale(1.1)rotate(15deg);\n            transform: scale(1.1)rotate(15deg);\n                }\n\n        #rpp_504 .weblizar-portfolio-gallery:hover {\n                }\n\n        #rpp_504 .weblizar-portfolio-gallery a img {\n            display: block;\n            position: relative;\n            width: 100%;\n            height: auto;\n        }\n\n        #rpp_504 .weblizar-portfolio-gallery a {\n            overflow: hidden;\n        }\n\n        #rpp_504 .weblizar-portfolio-gallery a div {\n            position: absolute;\n            background: rgba(49, 163, 221, 0.5);\n            width: 100%;\n            height: 100%;\n            border: 0px solid rgba(0, 0, 0, 0.3);\n         display: flex !important;\n            justify-content: center;\n            align-items: center;\n        }\n\n        #rpp_504 .weblizar-portfolio-gallery a div span {\n            display: block;\n            padding: 10px 0;\n            margin: 20px;\n            text-transform: none;\n            font-weight: normal;\n            text-align: center;\n            color: rgba(255, 255, 255, 0.9);\n            text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);\n        }\n\n        @media (min-width: 992px) {\n            #rpp_504 .col-md-6 {\n                width: 49.97% !important;\n            }\n\n            #rpp_504 .col-md-4 {\n                width: 33.30% !important;\n            }\n\n            #rpp_504 .col-md-3 {\n                width: 24.90% !important;\n            }\n        }\n\n        #rpp_504 .col-md-6 {\n            padding: 0px;\n        }\n\n        #rpp_504 .col-md-4 {\n            padding: 0px;\n        }\n\n        #rpp_504 .col-md-3 {\n            padding: 0px;\n        }\n\n        #rpp_504 .weblizar-portfolio-grid li {\n         padding: 10px;\n        \n        }\n\n        #rpp_504 .weblizar-portfolio-grid-page li {\n         padding: 10px;\n                }\n\n        #rpp_504 .owl-carousel .owl-item {\n            padding-top: 5px;\n            padding-bottom: 5px;\n        }\n\n        #rpp_504 .holder a {\n            background: #31A3DD;\n        }\n\n        #rpp_504 .owl-theme .owl-dots .owl-dot.active span, #rpp_504 .owl-theme .owl-dots .owl-dot:hover span {\n            background: #31A3DD        }\n\n        #rpp_504 .owl-theme .owl-controls .owl-nav [class*=owl-] {\n            color: #fff;\n            background: #31A3DD;\n\n        }\n\n        #rpp_504 .owl-theme .owl-dots .owl-dot span {\n            background: #d6d6d6;\n        }\n\n        #rpp_504 .back_button {\n            color: #FFFFFF;\n            background: #31A3DD;\n            -webkit-transition: all ease 0.5s;\n            -moz-transition: all ease 0.5s;\n            transition: all ease 0.5s;\n            border: 4px solid#31A3DD;\n            display: inline-block;\n            font-family: 'RalewaySemiBold';\n            font-size: 16px;\n            line-height: 20px;\n            border-radius: 4px;\n            padding: 9px 18px;\n            text-align: right;\n            text-transform: none;\n            transition: all 0.3s ease 0s;\n            vertical-align: middle;\n            text-decoration: none;\n            box-shadow: 0 0 6px rgba(0, 0, 0, .7);\n        }\n\n        \/*** Album  view **\/\n        .rpp-portfolio-album {\n            padding: 10px !important;\n            cursor: pointer;\n        }\n\n        .rpp-portfolio-album .weblizar-portfolio-gallery {\n            padding: 0px;\n         box-shadow: 0 0 6px rgba(0, 0, 0, .7) !important;\n         border: 0px !important;\n         border-radius: 0% !important;\n                }\n\n        .rpp-portfolio-album .weblizar-portfolio-gallery a,\n        .rpp-portfolio-album .weblizar-portfolio-gallery a img {\n         border-radius: 0% !important;\n                }\n\n        .rpp-portfolio-album .weblizar-portfolio-gallery:hover a img {\n            -moz-transform: scale(1.0) rotate(0deg) !important;\n            -webkit-transform: scale(1.0) rotate(0deg) !important;\n            -o-transform: scale(1.0) rotate(0deg) !important;\n            transform: scale(1.0) rotate(0deg) !important;\n         border-radius: 0% !important;\n                }\n\n        .rpp-portfolio-album .weblizar-portfolio-gallery:hover {\n\n         border-radius: 0% !important;\n                }\n\n        .rpp-portfolio-album .weblizar-portfolio-gallery a div {\n            background: rgba(0, 116, 162, 0.5) !important;\n            border: 0px solid rgba(0, 0, 0, 0.3) !important;\n         border-radius: 0% !important;\n\n                #rpp_504 .icon-resize-full:before {\n            content: \"\\f065\";\n            display: none !important;\n        }\n\n        }\n\n        .rpp-portfolio-album .tsc_ribbon_wrap .lred.left-edge.fork > span {\n            background-color: #f80000;\n        }\n\n        .rpp-portfolio-album .tsc_ribbon_wrap .lred.left-edge.fork > span:after {\n            border-color: #f80000 transparent#f80000 #f80000;\n        }\n\n        .rpp-portfolio-album .tsc_ribbon_wrap .lred.left-edge.fork > span:before {\n            border-left-color: #f80000;\n            border-top-color: #f80000;\n        }\n\n        #fancybox-loading {\n            display: none !important;\n        }\n\n        \/* 5 column alter Theme CSS conflict  *\/\n        @media (min-width: 992px) {\n            .col-md-5 {\n                width: 19.666667% !important;\n            }\n        }\n\n        .portfolio-gallery-title {\n            font-family: Courgette        }\n\n                          <\/style>\n    <div id=\"rpp_504\" class=\"weblizar-grand-portfolio-wrapper\">\n        <!-- Album View Layout Content ----------------------------------->\n\t\t            <!-- Grid View Layout Content ----------------------------------->\n\t\t\t            <div class=\"gal-container  \">\n\t\t\t\t                    <!--get the post id-->\n\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t                        <ul style=\"padding-top:5px;padding-bottom:5px\"\n                            class=\" weblizar-portfolio-grid-page  effect-1\"\n                            id=\"weblizar-portfolio-grid504\">\n\t\t\t\t\t\t\t                                <li class=\"col-md-6 col-sm-6 wl-gallery\">\n                                    <div id=\"da-thumbs504\" class=\"da-thumb1\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t                                            <div class=\"weblizar-portfolio-gallery\">\n                                                <a class=\"portfolio-zoom icon-resize-full\"  data-rel=\"prettyPhoto_504[portfolio]\"                                                    title=\"\" href=\"http:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2014\/11\/toucan-wallpaper-1280x720.jpg\">\n                                                    <img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2014\/11\/toucan-wallpaper-1280x720-550x340.jpg\" class=\"gall-img-responsive\">\n                                                    <div><span><\/span><\/div>\n                                                <\/a>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t                                                                            <\/div>\n                                <\/li>\n\t\t\t\t\t\t\t\t                                <li class=\"col-md-6 col-sm-6 wl-gallery\">\n                                    <div id=\"da-thumbs504\" class=\"da-thumb1\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t                                            <div class=\"weblizar-portfolio-gallery\">\n                                                <a class=\"portfolio-zoom icon-resize-full\"  data-rel=\"prettyPhoto_504[portfolio]\"                                                    title=\"\" href=\"http:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2014\/11\/happy-feet-two-2-wallpaper-1280x720.jpg\">\n                                                    <img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2014\/11\/happy-feet-two-2-wallpaper-1280x720-550x340.jpg\" class=\"gall-img-responsive\">\n                                                    <div><span><\/span><\/div>\n                                                <\/a>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t                                                                            <\/div>\n                                <\/li>\n\t\t\t\t\t\t\t\t                                <li class=\"col-md-6 col-sm-6 wl-gallery\">\n                                    <div id=\"da-thumbs504\" class=\"da-thumb1\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t                                            <div class=\"weblizar-portfolio-gallery\">\n                                                <a class=\"portfolio-zoom icon-resize-full\"  data-rel=\"prettyPhoto_504[portfolio]\"                                                    title=\"\" href=\"http:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2014\/11\/call_blocking-wallpaper-1280x7201.jpg\">\n                                                    <img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2014\/11\/call_blocking-wallpaper-1280x7201-550x340.jpg\" class=\"gall-img-responsive\">\n                                                    <div><span><\/span><\/div>\n                                                <\/a>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t                                                                            <\/div>\n                                <\/li>\n\t\t\t\t\t\t\t\t                                <li class=\"col-md-6 col-sm-6 wl-gallery\">\n                                    <div id=\"da-thumbs504\" class=\"da-thumb1\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t                                            <div class=\"weblizar-portfolio-gallery\">\n                                                <a class=\"portfolio-zoom icon-resize-full\"  data-rel=\"prettyPhoto_504[portfolio]\"                                                    title=\"\" href=\"http:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2014\/11\/iphone_5c_white_for_colorful-wallpaper-1280x720.jpg\">\n                                                    <img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2014\/11\/iphone_5c_white_for_colorful-wallpaper-1280x720-550x340.jpg\" class=\"gall-img-responsive\">\n                                                    <div><span><\/span><\/div>\n                                                <\/a>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t                                                                            <\/div>\n                                <\/li>\n\t\t\t\t\t\t\t\t                                <li class=\"col-md-6 col-sm-6 wl-gallery\">\n                                    <div id=\"da-thumbs504\" class=\"da-thumb1\">\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t                                            <div class=\"weblizar-portfolio-gallery\">\n                                                <a class=\"portfolio-zoom icon-resize-full\"  data-rel=\"prettyPhoto_504[portfolio]\"                                                    title=\"\" href=\"http:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2014\/12\/car-3.jpg\">\n                                                    <img decoding=\"async\" src=\"http:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-content\/uploads\/sites\/34\/2014\/12\/car-3-550x340.jpg\" class=\"gall-img-responsive\">\n                                                    <div><span><\/span><\/div>\n                                                <\/a>\n                                            <\/div>\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t                                                                            <\/div>\n                                <\/li>\n\t\t\t\t\t\t\t\t                        <\/ul>\n\t\t\t\t\t\t                            <div class=\"holder holder504\"><\/div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t            <\/div>\n\n            <script type=\"text\/javascript\">\n                jQuery(function () {\n                    \/\/ Random\n\t\t\t\t\t                    jQuery(' #da-thumbs504 > .weblizar-portfolio-gallery ').each(function () {\n                        jQuery(this).hoverdir({\n                            hoverDelay: 0,\n                            inverse: false\n                        });\n                    });\n\t\t\t\t\t\n                    \/\/ Rivert Random\n\t\t\t\t\t\n                    \/\/ Top To Bottom\n\t\t\t\t\t\n\n                    \/\/ Bottom To Top\n\t\t\t\t\t\n                    \/\/ Right To Left\n\t\t\t\t\t\n                    \/\/ Left To Right\n\t\t\t\t\t\n                });\n            <\/script>\n\n\t\t\t\t            <script>\n                \/* jPages plugin for pagination start *\/\n                \/* when document is ready*\/\n                jQuery(function () {\n                    \/* initiate plugin *\/\n                    jQuery(\"div.holder504\").jPages({\n                        containerID: \"weblizar-portfolio-grid504\",\n                        perPage: 2,\n                        animation: \"fadeIn\",\n                        minHeight: false,\n                        previous: \"\u21d0 prev\",\n                        next: \"next \u21d2\",\n                    });\n                });\n\n                \/* jPages plugin for pagination end *\/\n            <\/script>\n\t\t\n\n\t\t\n            <!-- nivo box call js -->\n\t\t            <!-- Pretty Photo -->\n\t\t            <script>\n                jQuery(\"a[data-rel^='prettyPhoto_504']\").prettyPhoto({\n                    animation_speed: 'fast', \/* fast\/slow\/normal *\/\n                    slideshow: 2000, \/* false OR interval time in ms *\/\n                    autoplay_slideshow: false, \/* true\/false *\/\n                    opacity: 0.80  \/* Value between 0 and 1 *\/\n                });\n            <\/script>\n\t\t            <!-- Swipe Box-->\n\t\t\n            <!-- Fancy box-->\n\t\t          <!-- Fancy box Advance-->\n                <!-- End Of Grid View Layout Content ----------------------------------->\n    <\/div>\n\t\n<p>But also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.<\/p>\n<p>\u201cLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\u201d<\/p>\n<div id=\"example2_393\" class=\"slider-pro sp-horizontal sp-has-buttons\">\n<p>\u201cLorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.\u201d<\/p>\n<div>\n<div id=\"example2_393\" class=\"slider-pro sp-horizontal sp-has-buttons\"><\/div>\n<\/div>\n<\/div>\n<p>&nbsp;<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Lorem Ipsum&nbsp;is simply dummied text of the printing and typesetting industry. Lorem Ipsum has been the industry\u2019s standard dummy text ever since the 1500s when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic<\/p>\n","protected":false},"author":8,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-full-width.php","meta":{"footnotes":""},"class_list":["post-505","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-json\/wp\/v2\/pages\/505","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-json\/wp\/v2\/users\/8"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-json\/wp\/v2\/comments?post=505"}],"version-history":[{"count":5,"href":"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-json\/wp\/v2\/pages\/505\/revisions"}],"predecessor-version":[{"id":667,"href":"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-json\/wp\/v2\/pages\/505\/revisions\/667"}],"wp:attachment":[{"href":"https:\/\/demo.weblizar.com\/responsive-portfolio-pro\/wp-json\/wp\/v2\/media?parent=505"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}