{"id":40,"date":"2016-10-26T06:29:21","date_gmt":"2016-10-26T06:29:21","guid":{"rendered":"http:\/\/dev.quantumcloud.com\/portfolio-x\/?page_id=40"},"modified":"2017-05-31T07:27:39","modified_gmt":"2017-05-31T07:27:39","slug":"template-01","status":"publish","type":"page","link":"https:\/\/dev.quantumcloud.com\/portfolio-x\/template-01\/","title":{"rendered":"Template 01"},"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 01&#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;Animated Listing with Number&#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\r\n<!-- Font Settings -->\r\n<!-- End of Font Settings -->\r\n\r\n<!-- Customized CSS -->\r\n<style>\r\n    .portfolio-parallax-section img {\r\n        box-shadow: 7px 9px 35px -2px #b5b5b5;\r\n    }\r\n\t\r\n\t.portfolio-image-holder, .portfolio-image-holder img {\r\n\t    -moz-border-radius: 10px;\r\n\t\t-webkit-border-radius: 10px;\r\n\t\tborder-radius: 10px;\r\n    }\r\n\r\n    .portfolio-parallax-number h1 {\r\n      font-size: 310px !important;\r\n    }\r\n\r\n    .portfolio-parallax-text-holder h3 {\r\n      font-size: 32px !important;\r\n    }\r\n\r\n    .portfolio-parallax-text-holder p, .portfolio-parallax-text-holder p a{\r\n      font-size: 16px !important;\r\n    }\r\n<\/style>\r\n\r\n\r\n<div class=\"portfolio-container portfolio-tpl-1\" id=\"portfolio-container\"\r\n    >\r\n    \r\n    \r\n    \r\n    <div class=\"portfolio-items clearfix\">\r\n\r\n    <!-- portfolio-row -->\r\n\r\n    \r\n        \r\n        \r\n            <div class=\"portfolio-row\">\r\n\r\n            <div class=\"portfolio-parallax-section parallax-section-01  pfirst-item\" style=\"top: 120px;\" >\r\n\r\n            \r\n        <div class=\"portfolio-parallax-number-layout-01 portfolio-parallax-number parallax-element\"\r\n            data-bottom-top=\"transform[customEase]:translateY(30px)\"\r\n            data-top-bottom=\"transform[customEase]:translateY(-100px)\">\r\n                        <div>\r\n                <h1>\r\n                    01                <\/h1>\r\n            <\/div>\r\n                    <\/div>\r\n        <!-- portfolio-parallax-number-->\r\n        <div\r\n            class=\"portfolio-parallax-text-holder portfolio-parallax-text-holder-layout-01 parallax-element parallax-text-holder\"\r\n            data-bottom-top=\"transform[customEase]:translateY(30px)\"\r\n            data-top-bottom=\"transform[customEase]:translateY(-100px)\">\r\n\r\n                            <h3>\r\n                    App Feature                <\/h3>\r\n            \r\n            <p>\r\n                Curabitur dictum lorem dui, a dictum lorem tincidunt sit amet. Nulla venenatis, ligula sed scelerisque auctor, sapien ante commodo diam, eu viverra purus tortor sit amet velit. Maecenas ut massa faucibus, aliquet risus quis, volutpat lorem. Duis molestie vel ligula a consequat.             <\/p>\r\n\r\n                                    <p>\r\n                <a href=\"https:\/\/www.quantumcloud.com\" target=\"_blank\">\r\n                    <strong>\r\n                        Visit Website                    <\/strong>\r\n                <\/a>\r\n            <\/p>\r\n            \r\n        <\/div>\r\n        <!-- parallax-text-holder-->\r\n        <div class=\"portfolio-image-holder portfolio-image-holder-layout-01 parallax-element parallax-img-holder portfolio-fire-hover\"\r\n            data-bottom-top=\"transform[customEase]:translateY(30px)\"\r\n            data-top-bottom=\"transform[customEase]:translateY(-150px)\">\r\n\r\n            \r\n            \r\n                <img loading=\"lazy\" decoding=\"async\" width=\"666\" height=\"783\" src=\"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/photo-06-666x783.jpg\" class=\"portfolio_img wp-post-image\" alt=\"\" \/>\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\/photo-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=\"199\" data-mfp-src=\"#inline-199-4d2a6\"  href=\"#\" data-rand=\"4d2a6\">\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\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-199-4d2a6\">\r\n                   <div id=\"dump-content-199-4d2a6\">\r\n                       \r\n                   <\/div>\r\n               <\/div>\r\n            <\/div>\r\n            <!-- \/#dump-content -->\r\n\r\n        <\/div>\r\n        <!--            parallax-img-holder-->\r\n\r\n        \r\n        \r\n        \r\n        \r\n        <div class=\"portfolio-parallax-number-layout-02 portfolio-parallax-number parallax-element\"\r\n            data-bottom-top=\"transform[customEase]:translateY(30px)\"\r\n            data-top-bottom=\"transform[customEase]:translateY(-100px)\">\r\n                        <div>\r\n                <h1>\r\n                    02                <\/h1>\r\n            <\/div>\r\n                    <\/div>\r\n        <!-- portfolio-parallax-number-->\r\n        <div\r\n            class=\"portfolio-parallax-text-holder portfolio-parallax-text-holder-layout-02 parallax-element parallax-text-holder\"\r\n            data-bottom-top=\"transform[customEase]:translateY(30px)\"\r\n            data-top-bottom=\"transform[customEase]:translateY(-100px)\">\r\n\r\n                            <h3>\r\n                    App Overview                <\/h3>\r\n            \r\n            <p>\r\n                In porttitor, lorem auctor tincidunt pellentesque, urna lacus porta nisi, id elementum lectus tellus ac nisl. Proin egestas magna bibendum justo porta viverra. Ut ultricies augue orci, ut vestibulum erat facilisis sed. Aliquam non condimentum ligula. Curabitur ex elit, sodales ac eros eu, convallis pretium ipsum. Vestibulum sit amet justo in magna rhoncus consequat.            <\/p>\r\n\r\n                        \r\n        <\/div>\r\n        <!-- parallax-text-holder-->\r\n        <div class=\"portfolio-image-holder portfolio-image-holder-layout-02 parallax-element parallax-img-holder portfolio-fire-hover\"\r\n            data-bottom-top=\"transform[customEase]:translateY(30px)\"\r\n            data-top-bottom=\"transform[customEase]:translateY(-150px)\">\r\n\r\n            \r\n            \r\n                <img loading=\"lazy\" decoding=\"async\" width=\"666\" height=\"783\" src=\"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/photo-02-666x783.jpg\" class=\"portfolio_img wp-post-image\" alt=\"\" \/>\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\/photo-02.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 qcld-iframe-popup\" data-mfp-src=\"https:\/\/www.quantumcloud.com\" href=\"https:\/\/www.quantumcloud.com\" 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=\"134\" data-mfp-src=\"#inline-134-b1efa\"  href=\"#\" data-rand=\"b1efa\">\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\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-134-b1efa\">\r\n                   <div id=\"dump-content-134-b1efa\">\r\n                       \r\n                   <\/div>\r\n               <\/div>\r\n            <\/div>\r\n            <!-- \/#dump-content -->\r\n\r\n        <\/div>\r\n        <!--            parallax-img-holder-->\r\n\r\n                    <\/div>\r\n            <!--portfolio-parallax-section-->\r\n            <div class=\"clear\"><\/div>\r\n            <\/div>\r\n            <!--portfolio-row-->\r\n            <div class=\"clear\"><\/div>\r\n            \r\n        \r\n        \r\n        \r\n            <div class=\"portfolio-row\">\r\n\r\n            <div class=\"portfolio-parallax-section parallax-section-01  \" style=\"top: 180px;\" >\r\n\r\n            \r\n        <div class=\"portfolio-parallax-number-layout-01 portfolio-parallax-number parallax-element\"\r\n            data-bottom-top=\"transform[customEase]:translateY(30px)\"\r\n            data-top-bottom=\"transform[customEase]:translateY(-100px)\">\r\n                        <div>\r\n                <h1>\r\n                    03                <\/h1>\r\n            <\/div>\r\n                    <\/div>\r\n        <!-- portfolio-parallax-number-->\r\n        <div\r\n            class=\"portfolio-parallax-text-holder portfolio-parallax-text-holder-layout-01 parallax-element parallax-text-holder\"\r\n            data-bottom-top=\"transform[customEase]:translateY(30px)\"\r\n            data-top-bottom=\"transform[customEase]:translateY(-100px)\">\r\n\r\n                            <h3>\r\n                    App Screenshot                <\/h3>\r\n            \r\n            <p>\r\n                Fusce gravida nec leo sed rhoncus. Duis pellentesque nec mi ut placerat. Etiam imperdiet sem nibh, vitae rhoncus enim tristique sit amet. Proin vitae interdum orci. Pellentesque at ex molestie, laoreet mi id, varius ipsum. Interdum et malesuada fames ac ante ipsum primis in faucibus            <\/p>\r\n\r\n                        \r\n        <\/div>\r\n        <!-- parallax-text-holder-->\r\n        <div class=\"portfolio-image-holder portfolio-image-holder-layout-01 parallax-element parallax-img-holder portfolio-fire-hover\"\r\n            data-bottom-top=\"transform[customEase]:translateY(30px)\"\r\n            data-top-bottom=\"transform[customEase]:translateY(-150px)\">\r\n\r\n            \r\n            \r\n                <img loading=\"lazy\" decoding=\"async\" width=\"666\" height=\"783\" src=\"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/photo-03-666x783.jpg\" class=\"portfolio_img wp-post-image\" alt=\"\" \/>\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\/photo-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=\"135\" data-mfp-src=\"#inline-135-e81e6\"  href=\"#\" data-rand=\"e81e6\">\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\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-135-e81e6\">\r\n                   <div id=\"dump-content-135-e81e6\">\r\n                       \r\n                   <\/div>\r\n               <\/div>\r\n            <\/div>\r\n            <!-- \/#dump-content -->\r\n\r\n        <\/div>\r\n        <!--            parallax-img-holder-->\r\n\r\n        \r\n        \r\n        \r\n        \r\n        <div class=\"portfolio-parallax-number-layout-02 portfolio-parallax-number parallax-element\"\r\n            data-bottom-top=\"transform[customEase]:translateY(30px)\"\r\n            data-top-bottom=\"transform[customEase]:translateY(-100px)\">\r\n                        <div>\r\n                <h1>\r\n                    04                <\/h1>\r\n            <\/div>\r\n                    <\/div>\r\n        <!-- portfolio-parallax-number-->\r\n        <div\r\n            class=\"portfolio-parallax-text-holder portfolio-parallax-text-holder-layout-02 parallax-element parallax-text-holder\"\r\n            data-bottom-top=\"transform[customEase]:translateY(30px)\"\r\n            data-top-bottom=\"transform[customEase]:translateY(-100px)\">\r\n\r\n                            <h3>\r\n                    App Team                <\/h3>\r\n            \r\n            <p>\r\n                Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Curabitur vel vulputate augue, id congue metus. Morbi consequat volutpat luctus. Aenean vel enim vitae turpis laoreet accumsan non eget turpis.            <\/p>\r\n\r\n                        \r\n        <\/div>\r\n        <!-- parallax-text-holder-->\r\n        <div class=\"portfolio-image-holder portfolio-image-holder-layout-02 parallax-element parallax-img-holder portfolio-fire-hover\"\r\n            data-bottom-top=\"transform[customEase]:translateY(30px)\"\r\n            data-top-bottom=\"transform[customEase]:translateY(-150px)\">\r\n\r\n            \r\n            \r\n                <img loading=\"lazy\" decoding=\"async\" width=\"666\" height=\"783\" src=\"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/photo-04-666x783.jpg\" class=\"portfolio_img wp-post-image\" alt=\"\" \/>\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\/photo-04.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=\"136\" data-mfp-src=\"#inline-136-a8f43\"  href=\"#\" data-rand=\"a8f43\">\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\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-136-a8f43\">\r\n                   <div id=\"dump-content-136-a8f43\">\r\n                       \r\n                   <\/div>\r\n               <\/div>\r\n            <\/div>\r\n            <!-- \/#dump-content -->\r\n\r\n        <\/div>\r\n        <!--            parallax-img-holder-->\r\n\r\n                    <\/div>\r\n            <!--portfolio-parallax-section-->\r\n            <div class=\"clear\"><\/div>\r\n            <\/div>\r\n            <!--portfolio-row-->\r\n            <div class=\"clear\"><\/div>\r\n            \r\n        \r\n        \r\n        \r\n            <div class=\"portfolio-row\">\r\n\r\n            <div class=\"portfolio-parallax-section parallax-section-01  \" style=\"top: 180px;\" >\r\n\r\n            \r\n        <div class=\"portfolio-parallax-number-layout-01 portfolio-parallax-number parallax-element\"\r\n            data-bottom-top=\"transform[customEase]:translateY(30px)\"\r\n            data-top-bottom=\"transform[customEase]:translateY(-100px)\">\r\n                        <div>\r\n                <h1>\r\n                    05                <\/h1>\r\n            <\/div>\r\n                    <\/div>\r\n        <!-- portfolio-parallax-number-->\r\n        <div\r\n            class=\"portfolio-parallax-text-holder portfolio-parallax-text-holder-layout-01 parallax-element parallax-text-holder\"\r\n            data-bottom-top=\"transform[customEase]:translateY(30px)\"\r\n            data-top-bottom=\"transform[customEase]:translateY(-100px)\">\r\n\r\n                            <h3>\r\n                    App UI                <\/h3>\r\n            \r\n            <p>\r\n                magna vel malesuada varius, massa magna fermentum sapien, ac tempus mi urna quis sem. Curabitur dictum lorem dui, a dictum lorem tincidunt sit amet. Nulla venenatis, ligula sed scelerisque auctor, sapien ante commodo diam, eu viverra purus tortor sit amet velit. Maecenas ut massa faucibus, aliquet risus quis, volutpat lorem. Duis molestie vel ligula a consequat. Nunc ut sagittis mauris. Fusce sollicitudin magna sit amet condimentum feugiat. Fusce leo lectus, feugiat id dapibus quis, dapibus sed dolor. Nunc vitae ipsum scelerisque, bibendum enim quis, sollicitudin neque. Vivamus risus quam, mattis sed dictum consequat, ultricies semper metus. Donec ultrices ultrices velit nec blandit. Aliquam eleifend vestibulum dolor, ut ultrices dolor venenatis et. Nunc in metus at sapien ullamcorper luctus.            <\/p>\r\n\r\n                        \r\n        <\/div>\r\n        <!-- parallax-text-holder-->\r\n        <div class=\"portfolio-image-holder portfolio-image-holder-layout-01 parallax-element parallax-img-holder portfolio-fire-hover\"\r\n            data-bottom-top=\"transform[customEase]:translateY(30px)\"\r\n            data-top-bottom=\"transform[customEase]:translateY(-150px)\">\r\n\r\n            \r\n            \r\n                <img loading=\"lazy\" decoding=\"async\" width=\"666\" height=\"783\" src=\"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/photo-01-a-666x783.jpg\" class=\"portfolio_img wp-post-image\" alt=\"\" \/>\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\/photo-01-a.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=\"138\" data-mfp-src=\"#inline-138-4e1df\"  href=\"#\" data-rand=\"4e1df\">\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\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-138-4e1df\">\r\n                   <div id=\"dump-content-138-4e1df\">\r\n                       \r\n                   <\/div>\r\n               <\/div>\r\n            <\/div>\r\n            <!-- \/#dump-content -->\r\n\r\n        <\/div>\r\n        <!--            parallax-img-holder-->\r\n\r\n        \r\n        \r\n        \r\n        \r\n        <div class=\"portfolio-parallax-number-layout-02 portfolio-parallax-number parallax-element\"\r\n            data-bottom-top=\"transform[customEase]:translateY(30px)\"\r\n            data-top-bottom=\"transform[customEase]:translateY(-100px)\">\r\n                        <div>\r\n                <h1>\r\n                    06                <\/h1>\r\n            <\/div>\r\n                    <\/div>\r\n        <!-- portfolio-parallax-number-->\r\n        <div\r\n            class=\"portfolio-parallax-text-holder portfolio-parallax-text-holder-layout-02 parallax-element parallax-text-holder\"\r\n            data-bottom-top=\"transform[customEase]:translateY(30px)\"\r\n            data-top-bottom=\"transform[customEase]:translateY(-100px)\">\r\n\r\n                            <h3>\r\n                    App Video                <\/h3>\r\n            \r\n            <p>\r\n                Curabitur id vestibulum purus. Sed fringilla, nunc in rhoncus tincidunt, urna nulla sollicitudin quam, a congue arcu tortor ut neque. In hac habitasse platea dictumst. Fusce finibus congue neque, tincidunt sodales nunc tempor ut. Aenean blandit, nulla ut dignissim dignissim, nisi urna bibendum augue, vitae luctus sapien erat eget magna. Ut placerat ut orci et posuere.            <\/p>\r\n\r\n                        \r\n        <\/div>\r\n        <!-- parallax-text-holder-->\r\n        <div class=\"portfolio-image-holder portfolio-image-holder-layout-02 parallax-element parallax-img-holder portfolio-fire-hover\"\r\n            data-bottom-top=\"transform[customEase]:translateY(30px)\"\r\n            data-top-bottom=\"transform[customEase]:translateY(-150px)\">\r\n\r\n            \r\n            \r\n                <img loading=\"lazy\" decoding=\"async\" width=\"666\" height=\"783\" src=\"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-content\/uploads\/2017\/05\/photo-05-666x783.jpg\" class=\"portfolio_img wp-post-image\" alt=\"\" \/>\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\/photo-05.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=\"137\" data-mfp-src=\"#inline-137-2bc02\"  href=\"#\" data-rand=\"2bc02\">\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\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-137-2bc02\">\r\n                   <div id=\"dump-content-137-2bc02\">\r\n                       \r\n                   <\/div>\r\n               <\/div>\r\n            <\/div>\r\n            <!-- \/#dump-content -->\r\n\r\n        <\/div>\r\n        <!--            parallax-img-holder-->\r\n\r\n                    <\/div>\r\n            <!--portfolio-parallax-section-->\r\n            <div class=\"clear\"><\/div>\r\n            <\/div>\r\n            <!--portfolio-row-->\r\n            <div class=\"clear\"><\/div>\r\n            \r\n        \r\n        <div class=\"clear\"><\/div>\r\n\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\/40?portfolio_page=2\">2<\/a>\n<a class=\"next page-numbers\" href=\"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-json\/wp\/v2\/pages\/40?portfolio_page=2\">&raquo;<\/a><\/nav>    <\/div>\r\n\r\n<\/div>\r\n<!--end portfolio-container-->\r\n<!---->\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 01&#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;Animated Listing with Number&#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; [&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-40","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-json\/wp\/v2\/pages\/40","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=40"}],"version-history":[{"count":21,"href":"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-json\/wp\/v2\/pages\/40\/revisions"}],"predecessor-version":[{"id":443,"href":"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-json\/wp\/v2\/pages\/40\/revisions\/443"}],"wp:attachment":[{"href":"https:\/\/dev.quantumcloud.com\/portfolio-x\/wp-json\/wp\/v2\/media?parent=40"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}