{"id":1924,"date":"2019-04-10T21:42:52","date_gmt":"2019-04-10T15:42:52","guid":{"rendered":"https:\/\/themestrace.com\/tracem\/?page_id=1924"},"modified":"2019-04-10T21:44:46","modified_gmt":"2019-04-10T15:44:46","slug":"home-parallax","status":"publish","type":"page","link":"https:\/\/themestrace.com\/tracem\/home-parallax\/","title":{"rendered":"Home Parallax"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"1924\" class=\"elementor elementor-1924\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-e0770be elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"e0770be\" data-element_type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-no\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a74d2dd\" data-id=\"a74d2dd\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-ce572d1 elementor-widget elementor-widget-tracem-portfolio\" data-id=\"ce572d1\" data-element_type=\"widget\" data-widget_type=\"tracem-portfolio.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<!-- ============================================================================ -->\r\n<!-- ============================= Home Parallax ================================ -->\r\n<!-- ============================================================================ -->\r\n\r\n<div class=\"home-parallax-area tracem-relative-large\">\r\n    <div class=\"home-parallax\">\r\n                    <div class=\"single-parallax background-image\" style=\"background-image: url(https:\/\/themestrace.com\/tracem\/wp-content\/uploads\/2018\/11\/tport-8.jpg);\">\r\n                <div class=\"parallax-overlay\"><\/div>\r\n                <div class=\"container-fluid\">\r\n                    <div class=\"row tracem-shrink no-gutters\">\r\n                        <div class=\"col\">\r\n                            <div class=\"parallax-port-cats\">\r\n                                <div class=\"tracem-ovh\">\r\n                                    <h5><a href=\"https:\/\/themestrace.com\/tracem\/portfolio_category\/creative-design\/\" rel=\"tag\">Creative Design<\/a><\/h5>\r\n                                    <div class=\"parallax-line\"><\/div>\r\n                                <\/div><!-- .tracem-ovh -->\r\n                            <\/div><!-- .parallax-port-cats -->\r\n                            <div class=\"parallax-port-details\">\r\n                                <div class=\"tracem-ovh\">\r\n                                    <h2>The Door&#8217;s Boyfriend<\/h2>                                <\/div><!-- .tracem-ovh -->\r\n                                <div class=\"btn-generic\">\r\n                                    <a href=\"https:\/\/themestrace.com\/tracem\/portfolio\/the-doors-boyfriend\/\">\r\n                                        <span>\r\n                                            <span>View Project<\/span>\r\n                                        <\/span>\r\n                                    <\/a>\r\n                                <\/div><!-- .btn-generic -->\r\n                            <\/div><!-- .parallax-port-details -->\r\n                        <\/div><!-- .col -->\r\n                    <\/div><!-- .row -->\r\n                <\/div><!-- .container-fluid -->\r\n            <\/div><!-- .single-parallax -->\r\n                    <div class=\"single-parallax background-image\" style=\"background-image: url(https:\/\/themestrace.com\/tracem\/wp-content\/uploads\/2018\/11\/tport-10.jpg);\">\r\n                <div class=\"parallax-overlay\"><\/div>\r\n                <div class=\"container-fluid\">\r\n                    <div class=\"row tracem-shrink no-gutters\">\r\n                        <div class=\"col\">\r\n                            <div class=\"parallax-port-cats\">\r\n                                <div class=\"tracem-ovh\">\r\n                                    <h5><a href=\"https:\/\/themestrace.com\/tracem\/portfolio_category\/design-factory\/\" rel=\"tag\">Design Factory<\/a><\/h5>\r\n                                    <div class=\"parallax-line\"><\/div>\r\n                                <\/div><!-- .tracem-ovh -->\r\n                            <\/div><!-- .parallax-port-cats -->\r\n                            <div class=\"parallax-port-details\">\r\n                                <div class=\"tracem-ovh\">\r\n                                    <h2>Bridge in the Streams<\/h2>                                <\/div><!-- .tracem-ovh -->\r\n                                <div class=\"btn-generic\">\r\n                                    <a href=\"https:\/\/themestrace.com\/tracem\/portfolio\/bridge-in-the-streams\/\">\r\n                                        <span>\r\n                                            <span>View Project<\/span>\r\n                                        <\/span>\r\n                                    <\/a>\r\n                                <\/div><!-- .btn-generic -->\r\n                            <\/div><!-- .parallax-port-details -->\r\n                        <\/div><!-- .col -->\r\n                    <\/div><!-- .row -->\r\n                <\/div><!-- .container-fluid -->\r\n            <\/div><!-- .single-parallax -->\r\n                    <div class=\"single-parallax background-image\" style=\"background-image: url(https:\/\/themestrace.com\/tracem\/wp-content\/uploads\/2018\/11\/tport-11.jpg);\">\r\n                <div class=\"parallax-overlay\"><\/div>\r\n                <div class=\"container-fluid\">\r\n                    <div class=\"row tracem-shrink no-gutters\">\r\n                        <div class=\"col\">\r\n                            <div class=\"parallax-port-cats\">\r\n                                <div class=\"tracem-ovh\">\r\n                                    <h5><a href=\"https:\/\/themestrace.com\/tracem\/portfolio_category\/design-scope\/\" rel=\"tag\">Design Scope<\/a><\/h5>\r\n                                    <div class=\"parallax-line\"><\/div>\r\n                                <\/div><!-- .tracem-ovh -->\r\n                            <\/div><!-- .parallax-port-cats -->\r\n                            <div class=\"parallax-port-details\">\r\n                                <div class=\"tracem-ovh\">\r\n                                    <h2>The Voyagers of the End<\/h2>                                <\/div><!-- .tracem-ovh -->\r\n                                <div class=\"btn-generic\">\r\n                                    <a href=\"https:\/\/themestrace.com\/tracem\/portfolio\/the-voyagers-of-the-end\/\">\r\n                                        <span>\r\n                                            <span>View Project<\/span>\r\n                                        <\/span>\r\n                                    <\/a>\r\n                                <\/div><!-- .btn-generic -->\r\n                            <\/div><!-- .parallax-port-details -->\r\n                        <\/div><!-- .col -->\r\n                    <\/div><!-- .row -->\r\n                <\/div><!-- .container-fluid -->\r\n            <\/div><!-- .single-parallax -->\r\n                    <div class=\"single-parallax background-image\" style=\"background-image: url(https:\/\/themestrace.com\/tracem\/wp-content\/uploads\/2018\/11\/tport-9.jpg);\">\r\n                <div class=\"parallax-overlay\"><\/div>\r\n                <div class=\"container-fluid\">\r\n                    <div class=\"row tracem-shrink no-gutters\">\r\n                        <div class=\"col\">\r\n                            <div class=\"parallax-port-cats\">\r\n                                <div class=\"tracem-ovh\">\r\n                                    <h5><a href=\"https:\/\/themestrace.com\/tracem\/portfolio_category\/design-intro\/\" rel=\"tag\">Design Intro<\/a><\/h5>\r\n                                    <div class=\"parallax-line\"><\/div>\r\n                                <\/div><!-- .tracem-ovh -->\r\n                            <\/div><!-- .parallax-port-cats -->\r\n                            <div class=\"parallax-port-details\">\r\n                                <div class=\"tracem-ovh\">\r\n                                    <h2>The Silvery Truth<\/h2>                                <\/div><!-- .tracem-ovh -->\r\n                                <div class=\"btn-generic\">\r\n                                    <a href=\"https:\/\/themestrace.com\/tracem\/portfolio\/the-silvery-truth\/\">\r\n                                        <span>\r\n                                            <span>View Project<\/span>\r\n                                        <\/span>\r\n                                    <\/a>\r\n                                <\/div><!-- .btn-generic -->\r\n                            <\/div><!-- .parallax-port-details -->\r\n                        <\/div><!-- .col -->\r\n                    <\/div><!-- .row -->\r\n                <\/div><!-- .container-fluid -->\r\n            <\/div><!-- .single-parallax -->\r\n            <\/div><!-- .home-parallax -->\r\n<\/div><!-- .home-parallax-area -->\r\n\r\n<script>\r\n    ;(function($){\r\n        \"use strict\";\r\n        $(document).ready(function () {\r\n\r\n            $(window).on('load', function() {\r\n\r\n                jQuery('.home-parallax .single-parallax:nth-child(1)').addClass('animation-loaded');\r\n                jQuery('.home-parallax .single-parallax:nth-child(1) .btn-generic a span').addClass('animation-loaded');            \r\n            });\r\n\r\n            \/*\r\n            ======================================\r\n                On Scroll Animation\r\n            ======================================\r\n            *\/\r\n            (function() {\r\n\r\n                try {\r\n\r\n                    $('.single-parallax').appear(function() {\r\n                        $(this).addClass('animation-loaded');\r\n                        $(this).find('.btn-generic a span').addClass('animation-loaded');\r\n                    });\r\n\r\n                } catch (err) {\r\n                }\r\n            \r\n            })();\r\n\r\n\r\n        });\r\n    })(jQuery)\r\n<\/script>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Creative Design The Door&#8217;s Boyfriend View Project Design Factory Bridge in the Streams View Project Design Scope The Voyagers of the End View Project Design Intro The Silvery Truth View Project<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-fullwidth.php","meta":{"footnotes":""},"class_list":["post-1924","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/themestrace.com\/tracem\/wp-json\/wp\/v2\/pages\/1924","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/themestrace.com\/tracem\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/themestrace.com\/tracem\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/themestrace.com\/tracem\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/themestrace.com\/tracem\/wp-json\/wp\/v2\/comments?post=1924"}],"version-history":[{"count":0,"href":"https:\/\/themestrace.com\/tracem\/wp-json\/wp\/v2\/pages\/1924\/revisions"}],"wp:attachment":[{"href":"https:\/\/themestrace.com\/tracem\/wp-json\/wp\/v2\/media?parent=1924"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}