{"id":21,"date":"2016-10-25T12:12:32","date_gmt":"2016-10-25T12:12:32","guid":{"rendered":"http:\/\/dev.quantumcloud.com\/portfolio-x\/?page_id=21"},"modified":"2017-05-31T07:29:25","modified_gmt":"2017-05-31T07:29:25","slug":"template-03","status":"publish","type":"page","link":"https:\/\/dev.quantumcloud.com\/portfolio-x\/template-03\/","title":{"rendered":"Template 03"},"content":{"rendered":"<p>[et_pb_section admin_label=&#8221;Section&#8221; fullwidth=&#8221;on&#8221; specialty=&#8221;off&#8221; transparent_background=&#8221;off&#8221; background_color=&#8221;#0c71c3&#8243; allow_player_pause=&#8221;off&#8221; inner_shadow=&#8221;off&#8221; parallax=&#8221;off&#8221; parallax_method=&#8221;off&#8221; padding_mobile=&#8221;off&#8221; make_fullwidth=&#8221;off&#8221; use_custom_width=&#8221;off&#8221; width_unit=&#8221;on&#8221; make_equal=&#8221;off&#8221; use_custom_gutter=&#8221;off&#8221;][et_pb_fullwidth_header admin_label=&#8221;Fullwidth Header&#8221; title=&#8221;Template 03&#8243; background_layout=&#8221;dark&#8221; text_orientation=&#8221;left&#8221; header_fullscreen=&#8221;off&#8221; header_scroll_down=&#8221;off&#8221; parallax=&#8221;off&#8221; parallax_method=&#8221;off&#8221; content_orientation=&#8221;center&#8221; image_orientation=&#8221;center&#8221; custom_button_one=&#8221;off&#8221; button_one_letter_spacing=&#8221;0&#8243; button_one_use_icon=&#8221;default&#8221; button_one_icon_placement=&#8221;right&#8221; button_one_on_hover=&#8221;on&#8221; button_one_letter_spacing_hover=&#8221;0&#8243; custom_button_two=&#8221;off&#8221; button_two_letter_spacing=&#8221;0&#8243; button_two_use_icon=&#8221;default&#8221; button_two_icon_placement=&#8221;right&#8221; button_two_on_hover=&#8221;on&#8221; button_two_letter_spacing_hover=&#8221;0&#8243; subhead=&#8221;Portfolio &#8211; Two Column, Animated Appearence&#8221; button_one_text=&#8221;Buy Now&#8221; button_one_url=&#8221;https:\/\/www.quantumcloud.com\/products\/portfolio-x\/&#8221;] [\/et_pb_fullwidth_header][\/et_pb_section][et_pb_section admin_label=&#8221;Section&#8221; fullwidth=&#8221;on&#8221; specialty=&#8221;off&#8221; transparent_background=&#8221;off&#8221; background_color=&#8221;#0c71c3&#8243; allow_player_pause=&#8221;off&#8221; inner_shadow=&#8221;off&#8221; parallax=&#8221;off&#8221; parallax_method=&#8221;off&#8221; padding_mobile=&#8221;off&#8221; make_fullwidth=&#8221;off&#8221; use_custom_width=&#8221;off&#8221; width_unit=&#8221;on&#8221; make_equal=&#8221;off&#8221; use_custom_gutter=&#8221;off&#8221;][et_pb_fullwidth_menu admin_label=&#8221;Fullwidth Menu&#8221; menu_id=&#8221;6&#8243; background_color=&#8221;#f5f5f5&#8243; background_layout=&#8221;light&#8221; text_orientation=&#8221;left&#8221; submenu_direction=&#8221;downwards&#8221; fullwidth_menu=&#8221;off&#8221; dropdown_menu_animation=&#8221;fade&#8221;] [\/et_pb_fullwidth_menu][\/et_pb_section][et_pb_section admin_label=&#8221;section&#8221;][et_pb_row admin_label=&#8221;row&#8221;][et_pb_column type=&#8221;4_4&#8243;][et_pb_code admin_label=&#8221;Code&#8221;]<!--Adding Template Specific Style -->\r\n\r\n<link rel=\"stylesheet\" href=\"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/plugins\/portfolio-x-pro\/\/themes\/\/template-03\/css\/layout-catalog.css\">\r\n<link rel=\"stylesheet\" href=\"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/plugins\/portfolio-x-pro\/\/themes\/\/template-03\/css\/animate.css\">\r\n<script src=\"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/plugins\/portfolio-x-pro\/\/themes\/\/template-03\/js\/masonry.pkgd.min.js\"><\/script>\r\n<script src=\"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/plugins\/portfolio-x-pro\/\/themes\/\/template-03\/js\/wow.min.js\"><\/script>\r\n\r\n<!-- Font Settings -->\r\n<!-- End of Font Settings -->\r\n\r\n<!-- Custom CSS -->\r\n<style>\r\n    .sl-list-title {\r\n      font-size: 20px !important;\r\n      color: #adadad !important;\r\n    }\r\n<\/style>\r\n\r\n\r\n<!-- filter-row -->\r\n<!-- \/filter-row -->\r\n\r\n<!-- Template Markup --> \r\n<!-- qcpx_tpl_03 -->  \r\n<div class=\"qcpx_tpl_03\">\r\n    <!-- sl-wrapper -->\r\n    <div class=\"sl-wrapper\">\r\n        <!-- sl-container -->\r\n        <div class=\"sl-container\"\r\n            \r\n        >\r\n\r\n            <div class=\"hidden-items\" style=\"opacity: 0; height: 1px;\">\r\n                <div style=\"opacity: 0; height: 1px;\" id=\"total-posts-count\">7<\/div>\r\n                <div style=\"opacity: 0; height: 1px;\" id=\"total-orderby\">title<\/div>\r\n                <div style=\"opacity: 0; height: 1px;\" id=\"total-order\">ASC<\/div>\r\n                <div style=\"opacity: 0; height: 1px;\" id=\"total-per-page\">6<\/div>\r\n                <div style=\"opacity: 0; height: 1px;\" id=\"total-portfolio-id\">129<\/div>\r\n            <\/div>\r\n            \r\n            <!-- sl-list-menu -->\r\n            <ul id=\"tpl-adapt-more\" class=\"sl-list-menu masonry\">\r\n\r\n            \r\n                <!-- list-item -->\r\n                <li id=\"portfolio-id-107\" class=\"list-item single-post fleft portfolio-fire-hover\">                                                                \r\n                   <div class=\"animation-element bounce-up\">\r\n                                                                   \r\n                        <div class=\"sl-list-content\">\r\n\r\n                            <div class=\"sl-list-image\">\r\n                                \r\n                                \r\n                                \r\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-08.jpg\" class=\"portfolio_img wp-post-image\" alt=\"\" srcset=\"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-08.jpg 800w, https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-08-300x188.jpg 300w, https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-08-768x480.jpg 768w, https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-08-400x250.jpg 400w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/>\r\n                                \r\n                                <!--new hover effect-->\r\n                                <div class=\"qc-grid-hover-effect\">\r\n                                    <div class=\"qc-grid-hover-effect-button\">\r\n                                        <div class=\"qc-grid-hover-effect-button-area\">\r\n                                            <a class=\"first-anchor\" href=\"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-08.jpg\" data-lity title=\"Zoom Image\">\r\n                                                <i class=\"fa fa-search\"><\/i>\r\n                                            <\/a>\r\n\r\n                                                                                                                                                <a class=\"second-anchor\" href=\"https:\/\/www.quantumcloud.com\/\" target=\"_blank\" title=\"Visit Link\">\r\n                                                        <i class=\"fa fa-link\"><\/i>\r\n                                                    <\/a>\r\n                                                                                                                                        \r\n                                                                                            <a class=\"third-anchor px-open-popup-il load-content-inlb\" data-pid=\"107\" data-mfp-src=\"#inline-107-d8475\"  href=\"#\" data-rand=\"d8475\">\r\n                                                    <i class=\"fa fa-plus-circle\"><\/i>\r\n                                                <\/a> \r\n                                            \r\n                                        <\/div>\r\n                                        <!--\/qc-circle-grid-button-area-->\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <!--\/new hover effect-->\r\n\r\n                            <\/div>\r\n                            <div class=\"sl-list-text\">\r\n                                <h3 class=\"sl-list-title\">\r\n                                    Counseling                                <\/h3>\r\n                            <\/div>\r\n                            \r\n                        <\/div>\r\n                        <!-- \/sl-list-content -->\r\n\r\n                    <\/div>\r\n                    <!-- \/animation-element bounce-up -->\r\n\r\n                    <!--lightbox-content-->\r\n                    <!-- #dump-content -->\r\n                    <div style=\"display: none;\">\r\n                       <!-- Contents Will be dumpped here --> \r\n                       <div class=\"inside-popup-details\" id=\"inline-107-d8475\">\r\n                            <div id=\"dump-content-107-d8475\">\r\n                               \r\n                           <\/div>\r\n                       <\/div>\r\n                    <\/div>\r\n                    <!-- \/#dump-content -->\r\n                    <!--\/lightbox-content-->\r\n                    \r\n                <\/li>\r\n                <!-- \/list-item -->\r\n\r\n                \r\n                <!-- list-item -->\r\n                <li id=\"portfolio-id-104\" class=\"list-item single-post fright portfolio-fire-hover\">                                                                \r\n                   <div class=\"animation-element bounce-up\">\r\n                                                                   \r\n                        <div class=\"sl-list-content\">\r\n\r\n                            <div class=\"sl-list-image\">\r\n                                \r\n                                \r\n                                \r\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-06.jpg\" class=\"portfolio_img wp-post-image\" alt=\"\" srcset=\"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-06.jpg 800w, https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-06-300x188.jpg 300w, https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-06-768x480.jpg 768w, https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-06-400x250.jpg 400w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/>\r\n                                \r\n                                <!--new hover effect-->\r\n                                <div class=\"qc-grid-hover-effect\">\r\n                                    <div class=\"qc-grid-hover-effect-button\">\r\n                                        <div class=\"qc-grid-hover-effect-button-area\">\r\n                                            <a class=\"first-anchor\" href=\"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-06.jpg\" data-lity title=\"Zoom Image\">\r\n                                                <i class=\"fa fa-search\"><\/i>\r\n                                            <\/a>\r\n\r\n                                                                                                                                                <a class=\"second-anchor\" href=\"https:\/\/www.quantumcloud.com\/\" target=\"_blank\" title=\"Visit Link\">\r\n                                                        <i class=\"fa fa-link\"><\/i>\r\n                                                    <\/a>\r\n                                                                                                                                        \r\n                                                                                            <a class=\"third-anchor px-open-popup-il load-content-inlb\" data-pid=\"104\" data-mfp-src=\"#inline-104-eb261\"  href=\"#\" data-rand=\"eb261\">\r\n                                                    <i class=\"fa fa-plus-circle\"><\/i>\r\n                                                <\/a> \r\n                                            \r\n                                        <\/div>\r\n                                        <!--\/qc-circle-grid-button-area-->\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <!--\/new hover effect-->\r\n\r\n                            <\/div>\r\n                            <div class=\"sl-list-text\">\r\n                                <h3 class=\"sl-list-title\">\r\n                                    Cycling                                <\/h3>\r\n                            <\/div>\r\n                            \r\n                        <\/div>\r\n                        <!-- \/sl-list-content -->\r\n\r\n                    <\/div>\r\n                    <!-- \/animation-element bounce-up -->\r\n\r\n                    <!--lightbox-content-->\r\n                    <!-- #dump-content -->\r\n                    <div style=\"display: none;\">\r\n                       <!-- Contents Will be dumpped here --> \r\n                       <div class=\"inside-popup-details\" id=\"inline-104-eb261\">\r\n                            <div id=\"dump-content-104-eb261\">\r\n                               \r\n                           <\/div>\r\n                       <\/div>\r\n                    <\/div>\r\n                    <!-- \/#dump-content -->\r\n                    <!--\/lightbox-content-->\r\n                    \r\n                <\/li>\r\n                <!-- \/list-item -->\r\n\r\n                \r\n                <!-- list-item -->\r\n                <li id=\"portfolio-id-218\" class=\"list-item single-post fleft portfolio-fire-hover\">                                                                \r\n                   <div class=\"animation-element bounce-up\">\r\n                                                                   \r\n                        <div class=\"sl-list-content\">\r\n\r\n                            <div class=\"sl-list-image\">\r\n                                \r\n                                \r\n                                \r\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-10.jpg\" class=\"portfolio_img wp-post-image\" alt=\"\" srcset=\"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-10.jpg 800w, https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-10-300x188.jpg 300w, https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-10-768x480.jpg 768w, https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-10-400x250.jpg 400w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/>\r\n                                \r\n                                <!--new hover effect-->\r\n                                <div class=\"qc-grid-hover-effect\">\r\n                                    <div class=\"qc-grid-hover-effect-button\">\r\n                                        <div class=\"qc-grid-hover-effect-button-area\">\r\n                                            <a class=\"first-anchor\" href=\"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-10.jpg\" data-lity title=\"Zoom Image\">\r\n                                                <i class=\"fa fa-search\"><\/i>\r\n                                            <\/a>\r\n\r\n                                                                                        \r\n                                                                                            <a class=\"third-anchor px-open-popup-il load-content-inlb\" data-pid=\"218\" data-mfp-src=\"#inline-218-227ad\"  href=\"#\" data-rand=\"227ad\">\r\n                                                    <i class=\"fa fa-plus-circle\"><\/i>\r\n                                                <\/a> \r\n                                            \r\n                                        <\/div>\r\n                                        <!--\/qc-circle-grid-button-area-->\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <!--\/new hover effect-->\r\n\r\n                            <\/div>\r\n                            <div class=\"sl-list-text\">\r\n                                <h3 class=\"sl-list-title\">\r\n                                    Feeling Music                                <\/h3>\r\n                            <\/div>\r\n                            \r\n                        <\/div>\r\n                        <!-- \/sl-list-content -->\r\n\r\n                    <\/div>\r\n                    <!-- \/animation-element bounce-up -->\r\n\r\n                    <!--lightbox-content-->\r\n                    <!-- #dump-content -->\r\n                    <div style=\"display: none;\">\r\n                       <!-- Contents Will be dumpped here --> \r\n                       <div class=\"inside-popup-details\" id=\"inline-218-227ad\">\r\n                            <div id=\"dump-content-218-227ad\">\r\n                               \r\n                           <\/div>\r\n                       <\/div>\r\n                    <\/div>\r\n                    <!-- \/#dump-content -->\r\n                    <!--\/lightbox-content-->\r\n                    \r\n                <\/li>\r\n                <!-- \/list-item -->\r\n\r\n                \r\n                <!-- list-item -->\r\n                <li id=\"portfolio-id-105\" class=\"list-item single-post fright portfolio-fire-hover\">                                                                \r\n                   <div class=\"animation-element bounce-up\">\r\n                                                                   \r\n                        <div class=\"sl-list-content\">\r\n\r\n                            <div class=\"sl-list-image\">\r\n                                \r\n                                \r\n                                \r\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-03.jpg\" class=\"portfolio_img wp-post-image\" alt=\"\" srcset=\"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-03.jpg 800w, https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-03-300x188.jpg 300w, https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-03-768x480.jpg 768w, https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-03-400x250.jpg 400w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/>\r\n                                \r\n                                <!--new hover effect-->\r\n                                <div class=\"qc-grid-hover-effect\">\r\n                                    <div class=\"qc-grid-hover-effect-button\">\r\n                                        <div class=\"qc-grid-hover-effect-button-area\">\r\n                                            <a class=\"first-anchor\" href=\"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-03.jpg\" data-lity title=\"Zoom Image\">\r\n                                                <i class=\"fa fa-search\"><\/i>\r\n                                            <\/a>\r\n\r\n                                                                                                                                                <a class=\"second-anchor\" href=\"https:\/\/www.quantumcloud.com\/\" target=\"_blank\" title=\"Visit Link\">\r\n                                                        <i class=\"fa fa-link\"><\/i>\r\n                                                    <\/a>\r\n                                                                                                                                        \r\n                                                                                            <a class=\"third-anchor px-open-popup-il load-content-inlb\" data-pid=\"105\" data-mfp-src=\"#inline-105-ba599\"  href=\"#\" data-rand=\"ba599\">\r\n                                                    <i class=\"fa fa-plus-circle\"><\/i>\r\n                                                <\/a> \r\n                                            \r\n                                        <\/div>\r\n                                        <!--\/qc-circle-grid-button-area-->\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <!--\/new hover effect-->\r\n\r\n                            <\/div>\r\n                            <div class=\"sl-list-text\">\r\n                                <h3 class=\"sl-list-title\">\r\n                                    Happy mon                                <\/h3>\r\n                            <\/div>\r\n                            \r\n                        <\/div>\r\n                        <!-- \/sl-list-content -->\r\n\r\n                    <\/div>\r\n                    <!-- \/animation-element bounce-up -->\r\n\r\n                    <!--lightbox-content-->\r\n                    <!-- #dump-content -->\r\n                    <div style=\"display: none;\">\r\n                       <!-- Contents Will be dumpped here --> \r\n                       <div class=\"inside-popup-details\" id=\"inline-105-ba599\">\r\n                            <div id=\"dump-content-105-ba599\">\r\n                               \r\n                           <\/div>\r\n                       <\/div>\r\n                    <\/div>\r\n                    <!-- \/#dump-content -->\r\n                    <!--\/lightbox-content-->\r\n                    \r\n                <\/li>\r\n                <!-- \/list-item -->\r\n\r\n                \r\n                <!-- list-item -->\r\n                <li id=\"portfolio-id-219\" class=\"list-item single-post fleft portfolio-fire-hover\">                                                                \r\n                   <div class=\"animation-element bounce-up\">\r\n                                                                   \r\n                        <div class=\"sl-list-content\">\r\n\r\n                            <div class=\"sl-list-image\">\r\n                                \r\n                                \r\n                                \r\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"500\" src=\"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-11.jpg\" class=\"portfolio_img wp-post-image\" alt=\"\" srcset=\"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-11.jpg 800w, https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-11-300x188.jpg 300w, https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-11-768x480.jpg 768w, https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-11-400x250.jpg 400w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/>\r\n                                \r\n                                <!--new hover effect-->\r\n                                <div class=\"qc-grid-hover-effect\">\r\n                                    <div class=\"qc-grid-hover-effect-button\">\r\n                                        <div class=\"qc-grid-hover-effect-button-area\">\r\n                                            <a class=\"first-anchor\" href=\"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-11.jpg\" data-lity title=\"Zoom Image\">\r\n                                                <i class=\"fa fa-search\"><\/i>\r\n                                            <\/a>\r\n\r\n                                                                                                                                                <a class=\"second-anchor\" href=\"https:\/\/www.quantumcloud.com\/\" target=\"_blank\" title=\"Visit Link\">\r\n                                                        <i class=\"fa fa-link\"><\/i>\r\n                                                    <\/a>\r\n                                                                                                                                        \r\n                                                                                            <a class=\"third-anchor px-open-popup-il load-content-inlb\" data-pid=\"219\" data-mfp-src=\"#inline-219-ce593\"  href=\"#\" data-rand=\"ce593\">\r\n                                                    <i class=\"fa fa-plus-circle\"><\/i>\r\n                                                <\/a> \r\n                                            \r\n                                        <\/div>\r\n                                        <!--\/qc-circle-grid-button-area-->\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <!--\/new hover effect-->\r\n\r\n                            <\/div>\r\n                            <div class=\"sl-list-text\">\r\n                                <h3 class=\"sl-list-title\">\r\n                                    Leisure Time                                <\/h3>\r\n                            <\/div>\r\n                            \r\n                        <\/div>\r\n                        <!-- \/sl-list-content -->\r\n\r\n                    <\/div>\r\n                    <!-- \/animation-element bounce-up -->\r\n\r\n                    <!--lightbox-content-->\r\n                    <!-- #dump-content -->\r\n                    <div style=\"display: none;\">\r\n                       <!-- Contents Will be dumpped here --> \r\n                       <div class=\"inside-popup-details\" id=\"inline-219-ce593\">\r\n                            <div id=\"dump-content-219-ce593\">\r\n                               \r\n                           <\/div>\r\n                       <\/div>\r\n                    <\/div>\r\n                    <!-- \/#dump-content -->\r\n                    <!--\/lightbox-content-->\r\n                    \r\n                <\/li>\r\n                <!-- \/list-item -->\r\n\r\n                \r\n                <!-- list-item -->\r\n                <li id=\"portfolio-id-220\" class=\"list-item single-post fright portfolio-fire-hover\">                                                                \r\n                   <div class=\"animation-element bounce-up\">\r\n                                                                   \r\n                        <div class=\"sl-list-content\">\r\n\r\n                            <div class=\"sl-list-image\">\r\n                                \r\n                                \r\n                                \r\n                                    <img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"533\" src=\"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-12.jpg\" class=\"portfolio_img wp-post-image\" alt=\"\" srcset=\"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-12.jpg 800w, https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-12-300x200.jpg 300w, https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-12-768x512.jpg 768w, https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-12-500x333.jpg 500w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/>\r\n                                \r\n                                <!--new hover effect-->\r\n                                <div class=\"qc-grid-hover-effect\">\r\n                                    <div class=\"qc-grid-hover-effect-button\">\r\n                                        <div class=\"qc-grid-hover-effect-button-area\">\r\n                                            <a class=\"first-anchor\" href=\"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/Portfolio-Item-12.jpg\" data-lity title=\"Zoom Image\">\r\n                                                <i class=\"fa fa-search\"><\/i>\r\n                                            <\/a>\r\n\r\n                                                                                                                                                <a class=\"second-anchor\" href=\"https:\/\/www.quantumcloud.com\/\" target=\"_blank\" title=\"Visit Link\">\r\n                                                        <i class=\"fa fa-link\"><\/i>\r\n                                                    <\/a>\r\n                                                                                                                                        \r\n                                                                                            <a class=\"third-anchor px-open-popup-il load-content-inlb\" data-pid=\"220\" data-mfp-src=\"#inline-220-8549a\"  href=\"#\" data-rand=\"8549a\">\r\n                                                    <i class=\"fa fa-plus-circle\"><\/i>\r\n                                                <\/a> \r\n                                            \r\n                                        <\/div>\r\n                                        <!--\/qc-circle-grid-button-area-->\r\n                                    <\/div>\r\n                                <\/div>\r\n                                <!--\/new hover effect-->\r\n\r\n                            <\/div>\r\n                            <div class=\"sl-list-text\">\r\n                                <h3 class=\"sl-list-title\">\r\n                                    Live Concert                                <\/h3>\r\n                            <\/div>\r\n                            \r\n                        <\/div>\r\n                        <!-- \/sl-list-content -->\r\n\r\n                    <\/div>\r\n                    <!-- \/animation-element bounce-up -->\r\n\r\n                    <!--lightbox-content-->\r\n                    <!-- #dump-content -->\r\n                    <div style=\"display: none;\">\r\n                       <!-- Contents Will be dumpped here --> \r\n                       <div class=\"inside-popup-details\" id=\"inline-220-8549a\">\r\n                            <div id=\"dump-content-220-8549a\">\r\n                               \r\n                           <\/div>\r\n                       <\/div>\r\n                    <\/div>\r\n                    <!-- \/#dump-content -->\r\n                    <!--\/lightbox-content-->\r\n                    \r\n                <\/li>\r\n                <!-- \/list-item -->\r\n\r\n                \r\n            <\/ul>\r\n            <!-- \/sl-list-menu masonry -->\r\n\r\n            <!-- <div class=\"load-more-item\" style=\"text-align: center;\">\r\n                <a href=\"#\" id=\"more-posts-button\" class=\"load-more-btn\">Load More...<\/a>\r\n            <\/div> -->  \r\n\r\n            <div class=\"portfolio-row portfolio-pagination\">\r\n                <nav class='custom-pagination'><span aria-current=\"page\" class=\"page-numbers current\">1<\/span>\n<a class=\"page-numbers\" href=\"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-json\/wp\/v2\/pages\/21?portfolio_page=2\">2<\/a>\n<a class=\"page-numbers\" href=\"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-json\/wp\/v2\/pages\/21?portfolio_page=3\">3<\/a>\n<a class=\"next page-numbers\" href=\"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-json\/wp\/v2\/pages\/21?portfolio_page=2\">&raquo;<\/a><\/nav>            <\/div>\r\n            \r\n            <div class=\"clear\"><\/div>            \r\n            \r\n        <\/div>\r\n        <!-- \/sl-container --> \r\n\r\n    <\/div> \r\n    <!-- \/sl-wrapper --> \r\n\r\n<\/div>\r\n<!-- \/qcpx_tpl_03 -->\r\n\r\n<script>\r\n    jQuery(document).ready(function($){\r\n\r\n        var $animation_elements = document.getElementsByClassName(\"animation-element\");\r\n        var $window = $(window);\r\n\r\n        function check_if_in_view() {\r\n          var window_height = $window.height();\r\n         \r\n          var window_top_position = $window.scrollTop();\r\n          \r\n          var window_bottom_position = (window_top_position + window_height);\r\n\r\n          $.each($animation_elements, function() {\r\n            var $element = $(this);\r\n            \r\n            var element_height = $element.outerHeight();\r\n            \r\n            var element_top_position = $element.offset().top;\r\n            var element_bottom_position = (element_top_position + element_height);\r\n\r\n            \/\/check to see if this current container is within viewport\r\n            if ((element_bottom_position >= window_top_position) &&\r\n              (element_top_position <= window_bottom_position)) {\r\n              $element.addClass('in-view');\r\n            } else {\r\n              $element.removeClass('in-view');\r\n            }\r\n          });\r\n        }\r\n\r\n        $window.on('scroll resize', check_if_in_view);\r\n        $window.trigger('scroll');\r\n\r\n    });\r\n<\/script>\r\n\r\n[\/et_pb_code][\/et_pb_column][\/et_pb_row][\/et_pb_section]<\/p>\n","protected":false},"excerpt":{"rendered":"<p>[et_pb_section admin_label=&#8221;Section&#8221; fullwidth=&#8221;on&#8221; specialty=&#8221;off&#8221; transparent_background=&#8221;off&#8221; background_color=&#8221;#0c71c3&#8243; allow_player_pause=&#8221;off&#8221; inner_shadow=&#8221;off&#8221; parallax=&#8221;off&#8221; parallax_method=&#8221;off&#8221; padding_mobile=&#8221;off&#8221; make_fullwidth=&#8221;off&#8221; use_custom_width=&#8221;off&#8221; width_unit=&#8221;on&#8221; make_equal=&#8221;off&#8221; use_custom_gutter=&#8221;off&#8221;][et_pb_fullwidth_header admin_label=&#8221;Fullwidth Header&#8221; title=&#8221;Template 03&#8243; background_layout=&#8221;dark&#8221; text_orientation=&#8221;left&#8221; header_fullscreen=&#8221;off&#8221; header_scroll_down=&#8221;off&#8221; parallax=&#8221;off&#8221; parallax_method=&#8221;off&#8221; content_orientation=&#8221;center&#8221; image_orientation=&#8221;center&#8221; custom_button_one=&#8221;off&#8221; button_one_letter_spacing=&#8221;0&#8243; button_one_use_icon=&#8221;default&#8221; button_one_icon_placement=&#8221;right&#8221; button_one_on_hover=&#8221;on&#8221; button_one_letter_spacing_hover=&#8221;0&#8243; custom_button_two=&#8221;off&#8221; button_two_letter_spacing=&#8221;0&#8243; button_two_use_icon=&#8221;default&#8221; button_two_icon_placement=&#8221;right&#8221; button_two_on_hover=&#8221;on&#8221; button_two_letter_spacing_hover=&#8221;0&#8243; subhead=&#8221;Portfolio &#8211; Two Column, Animated Appearence&#8221; button_one_text=&#8221;Buy Now&#8221; button_one_url=&#8221;https:\/\/www.quantumcloud.com\/products\/portfolio-x\/&#8221;] [\/et_pb_fullwidth_header][\/et_pb_section][et_pb_section admin_label=&#8221;Section&#8221; fullwidth=&#8221;on&#8221; specialty=&#8221;off&#8221; transparent_background=&#8221;off&#8221; background_color=&#8221;#0c71c3&#8243; [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"class_list":["post-21","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-json\/wp\/v2\/pages\/21","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-json\/wp\/v2\/comments?post=21"}],"version-history":[{"count":12,"href":"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-json\/wp\/v2\/pages\/21\/revisions"}],"predecessor-version":[{"id":445,"href":"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-json\/wp\/v2\/pages\/21\/revisions\/445"}],"wp:attachment":[{"href":"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-json\/wp\/v2\/media?parent=21"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}