{"id":196,"date":"2023-06-30T02:25:17","date_gmt":"2023-06-30T02:25:17","guid":{"rendered":"https:\/\/shtheme.com\/demosd\/pucestar\/?page_id=196"},"modified":"2023-06-30T06:55:48","modified_gmt":"2023-06-30T06:55:48","slug":"home-02-2","status":"publish","type":"page","link":"https:\/\/shtheme.com\/demosd\/pucestar\/?page_id=196","title":{"rendered":"Home 02 Dark"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"196\" class=\"elementor elementor-196\">\n\t\t\t\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5265f18 elementor-section-full_width elementor-section-height-default elementor-section-height-default\" data-id=\"5265f18\" 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-4b4ca2a\" data-id=\"4b4ca2a\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-435bf0b elementor-align-left elementor-widget elementor-widget-bdevs-slider-one\" data-id=\"435bf0b\" data-element_type=\"widget\" data-widget_type=\"bdevs-slider-one.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bg-3\">\r\n            <div class=\"container inner-spacer\">\r\n                <!-- divider start -->\r\n                <div class=\"inner-divider\"><\/div>\r\n                <!-- divider end -->\r\n                <!-- divider start -->\r\n                <div class=\"inner-divider\"><\/div>\r\n                <!-- divider end -->\r\n                <!-- row start -->\r\n                <div class=\"row\">\r\n                    <!-- col start -->\r\n                    <div class=\"col-lg-12\">\r\n                    \t                        <!-- section title start -->\r\n                        <h1 class=\"main-title main-title-center-xl\">\r\n                            Made for<br>\n<span>Creatives.<\/span>                        <\/h1>\r\n                        <!-- section title end -->\r\n                        <!-- divider start -->\r\n                        <div class=\"inner-divider-50\"><\/div>\r\n                        <!-- divider end -->\r\n                    \t                    \t                        <!-- section subtitle start -->\r\n                        <h2 class=\"main-title main-title-center-xs\">\r\n                            Simplicity is not a style, it is more a philosophy about how to design something more effectively.                        <\/h2>\r\n                        <!-- section subtitle end -->\r\n                                            <\/div>\r\n                    <!-- col end -->\r\n                <\/div>\r\n                <!-- row end -->\r\n                <!-- divider start -->\r\n                <div class=\"inner-divider\"><\/div>\r\n                <!-- divider end -->\r\n            <\/div>\r\n        <\/div>\r\n        <!-- section end -->\r\n        <!-- section start -->\r\n        <div class=\"home-page\">\r\n            <!-- hero bg start -->\r\n            <div class=\"hero-fullscreen\">\r\n                <div class=\"hero-fullscreen-FIX\">\r\n                    <div class=\"hero-bg\">\r\n                        <!-- hero slider wrapper start -->\r\n                        <div class=\"swiper-container-wrapper\">\r\n                            <!-- swiper container start -->\r\n                            <div class=\"swiper-container swiper1\">\r\n                                <!-- swiper wrapper start -->\r\n                                <div class=\"swiper-wrapper\">\r\n                                \t                                    <!-- swiper slider item start -->\r\n                                    <div class=\"swiper-slide\">\r\n                                        <div class=\"swiper-slide-inner\" data-swiper-parallax=\"50%\">\r\n                                        \t \r\n                                            <!-- swiper slider item IMG start -->\r\n                                            <div class=\"swiper-slide-inner-bg bg-img-1 overlay overlay-dark\" style=\"background-image: url(https:\/\/shtheme.com\/demosd\/pucestar\/wp-content\/uploads\/2023\/06\/hero-bg-1.jpg);\"><\/div>\r\n                                            <!-- swiper slider item IMG end -->\r\n                                                                                        <!-- swiper slider item txt start -->\r\n                                            <div class=\"swiper-slide-inner-txt\">\r\n                                                <div class=\"container inner-spacer\">\r\n                                                    <!-- row start -->\r\n                                                    <div class=\"row\">\r\n                                                        <!-- col start -->\r\n                                                        <div class=\"col-lg-12\">\r\n                                                            <!-- section title start -->\r\n                                                            <h1 class=\"main-title main-title-home\">\r\n                                                                <span>Simplicity<\/span><br>\nis complex                                                            <\/h1>\r\n                                                            <!-- section title end -->\r\n                                                            <!-- divider start -->\r\n                                                            <div class=\"inner-divider-ultra-half\"><\/div>\r\n                                                            <!-- divider end -->\r\n                                                            <!-- button start -->\r\n                                                            <div class=\"button-the-wrapper button-the-wrapper-home\">\r\n                                                                <a class=\"button-the\" href=\"https:\/\/shtheme.com\/demosd\/pucestar\/?project=simplicity-is-complex-2\">View project<\/a>\r\n                                                            <\/div>\r\n                                                            <!-- button end -->\r\n                                                        <\/div>\r\n                                                        <!-- col end -->\r\n                                                    <\/div>\r\n                                                    <!-- row end -->\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                            <!-- swiper slider item txt end -->\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <!-- swiper slider item end -->\r\n                                \t                                    <!-- swiper slider item start -->\r\n                                    <div class=\"swiper-slide\">\r\n                                        <div class=\"swiper-slide-inner\" data-swiper-parallax=\"50%\">\r\n                                        \t \r\n                                            <!-- swiper slider item IMG start -->\r\n                                            <div class=\"swiper-slide-inner-bg bg-img-1 overlay overlay-dark\" style=\"background-image: url(https:\/\/shtheme.com\/demosd\/pucestar\/wp-content\/uploads\/2023\/06\/hero-bg-2.jpg);\"><\/div>\r\n                                            <!-- swiper slider item IMG end -->\r\n                                                                                        <!-- swiper slider item txt start -->\r\n                                            <div class=\"swiper-slide-inner-txt\">\r\n                                                <div class=\"container inner-spacer\">\r\n                                                    <!-- row start -->\r\n                                                    <div class=\"row\">\r\n                                                        <!-- col start -->\r\n                                                        <div class=\"col-lg-12\">\r\n                                                            <!-- section title start -->\r\n                                                            <h1 class=\"main-title main-title-home\">\r\n                                                                <span>Design is<\/span><br>\na process                                                            <\/h1>\r\n                                                            <!-- section title end -->\r\n                                                            <!-- divider start -->\r\n                                                            <div class=\"inner-divider-ultra-half\"><\/div>\r\n                                                            <!-- divider end -->\r\n                                                            <!-- button start -->\r\n                                                            <div class=\"button-the-wrapper button-the-wrapper-home\">\r\n                                                                <a class=\"button-the\" href=\"https:\/\/shtheme.com\/demosd\/pucestar\/?project=design-is-a-process-2\">View project<\/a>\r\n                                                            <\/div>\r\n                                                            <!-- button end -->\r\n                                                        <\/div>\r\n                                                        <!-- col end -->\r\n                                                    <\/div>\r\n                                                    <!-- row end -->\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                            <!-- swiper slider item txt end -->\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <!-- swiper slider item end -->\r\n                                \t                                    <!-- swiper slider item start -->\r\n                                    <div class=\"swiper-slide\">\r\n                                        <div class=\"swiper-slide-inner\" data-swiper-parallax=\"50%\">\r\n                                        \t                                            <div class=\"swiper-slide-inner-bg overlay overlay-dark\">\r\n                                                <!-- HTML5 video URL start -->\r\n                                                <video playsinline autoplay muted loop>\r\n                                                    <source src=\"https:\/\/www.11-76.com\/html5-videos-23\/html5-all\/1.mp4\" type=\"video\/mp4\">\r\n                                                <\/video>\r\n                                                <!-- HTML5 video URL end -->\r\n                                            <\/div>\r\n\t                                    \t                                            <!-- swiper slider item txt start -->\r\n                                            <div class=\"swiper-slide-inner-txt\">\r\n                                                <div class=\"container inner-spacer\">\r\n                                                    <!-- row start -->\r\n                                                    <div class=\"row\">\r\n                                                        <!-- col start -->\r\n                                                        <div class=\"col-lg-12\">\r\n                                                            <!-- section title start -->\r\n                                                            <h1 class=\"main-title main-title-home\">\r\n                                                                <span>Aesthetic is<\/span><br>\na decision                                                            <\/h1>\r\n                                                            <!-- section title end -->\r\n                                                            <!-- divider start -->\r\n                                                            <div class=\"inner-divider-ultra-half\"><\/div>\r\n                                                            <!-- divider end -->\r\n                                                            <!-- button start -->\r\n                                                            <div class=\"button-the-wrapper button-the-wrapper-home\">\r\n                                                                <a class=\"button-the\" href=\"https:\/\/shtheme.com\/demosd\/pucestar\/?project=aesthetic-is-a-decision-2\">View project<\/a>\r\n                                                            <\/div>\r\n                                                            <!-- button end -->\r\n                                                        <\/div>\r\n                                                        <!-- col end -->\r\n                                                    <\/div>\r\n                                                    <!-- row end -->\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                            <!-- swiper slider item txt end -->\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <!-- swiper slider item end -->\r\n                                \t                                    <!-- swiper slider item start -->\r\n                                    <div class=\"swiper-slide\">\r\n                                        <div class=\"swiper-slide-inner\" data-swiper-parallax=\"50%\">\r\n                                        \t \r\n                                            <!-- swiper slider item IMG start -->\r\n                                            <div class=\"swiper-slide-inner-bg bg-img-1 overlay overlay-dark\" style=\"background-image: url(https:\/\/shtheme.com\/demosd\/pucestar\/wp-content\/uploads\/2023\/06\/hero-bg-4.jpg);\"><\/div>\r\n                                            <!-- swiper slider item IMG end -->\r\n                                                                                        <!-- swiper slider item txt start -->\r\n                                            <div class=\"swiper-slide-inner-txt\">\r\n                                                <div class=\"container inner-spacer\">\r\n                                                    <!-- row start -->\r\n                                                    <div class=\"row\">\r\n                                                        <!-- col start -->\r\n                                                        <div class=\"col-lg-12\">\r\n                                                            <!-- section title start -->\r\n                                                            <h1 class=\"main-title main-title-home\">\r\n                                                                <span>Style is<\/span><br>\neverything                                                            <\/h1>\r\n                                                            <!-- section title end -->\r\n                                                            <!-- divider start -->\r\n                                                            <div class=\"inner-divider-ultra-half\"><\/div>\r\n                                                            <!-- divider end -->\r\n                                                            <!-- button start -->\r\n                                                            <div class=\"button-the-wrapper button-the-wrapper-home\">\r\n                                                                <a class=\"button-the\" href=\"https:\/\/shtheme.com\/demosd\/pucestar\/?project=style-is-everything-2\">View project<\/a>\r\n                                                            <\/div>\r\n                                                            <!-- button end -->\r\n                                                        <\/div>\r\n                                                        <!-- col end -->\r\n                                                    <\/div>\r\n                                                    <!-- row end -->\r\n                                                <\/div>\r\n                                            <\/div>\r\n                                            <!-- swiper slider item txt end -->\r\n                                        <\/div>\r\n                                    <\/div>\r\n                                    <!-- swiper slider item end -->\r\n                                \t                                <\/div>\r\n                                <!-- swiper wrapper end -->   \r\n                            <\/div>\r\n                            <!-- swiper container end -->\r\n                            <!-- credits start -->\r\n                            <div class=\"credits-home\">\r\n                                &copy; All Rights Reserved                            <\/div>\r\n                            <!-- credits end -->\r\n                        <\/div>\r\n                        <!-- hero slider wrapper end -->\r\n                    <\/div>\r\n                <\/div>\r\n            <\/div>\r\n            <!-- hero bg end -->\r\n                        <svg class=\"waves\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\"\r\n                viewBox=\"0 24 150 28\" preserveAspectRatio=\"none\" shape-rendering=\"auto\">\r\n                <defs>\r\n                    <path id=\"gentle-wave-1\" d=\"M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z\" \/>\r\n                <\/defs>\r\n                <g class=\"parallax\">\r\n                    <use xlink:href=\"#gentle-wave-1\" x=\"48\" y=\"0\" fill=\"rgba(21, 21, 21, 0.7\" \/>\r\n                    <use xlink:href=\"#gentle-wave-1\" x=\"48\" y=\"3\" fill=\"rgba(21, 21, 21, 0.5)\" \/>\r\n                    <use xlink:href=\"#gentle-wave-1\" x=\"48\" y=\"5\" fill=\"rgba(21, 21, 21, 0.3)\" \/>\r\n                    <use xlink:href=\"#gentle-wave-1\" x=\"48\" y=\"7\" fill=\"#151515\" \/>\r\n                <\/g>\r\n            <\/svg>\r\n                    <\/div>\r\n        <!-- section end -->\r\n        <!-- page wrapper start -->\r\n        <div class=\"section-wrapper\">\r\n            <!-- project start -->\r\n            <!-- section start -->\r\n            <div class=\"bg-3\">\r\n                <div class=\"container-fluid nopadding\">\r\n                    <!-- divider start -->\r\n                    <div class=\"inner-divider\"><\/div>\r\n                    <!-- divider end -->\r\n                    <!-- row start -->\r\n                    <div class=\"row\">\r\n                        <!-- col start -->\r\n                        <div class=\"col-lg-12\">\r\n                            <!-- swiper slider controls start -->\r\n                            <div class=\"hero-slider-bg-controls\">\r\n                                <div class=\"swiper-slide-controls slide-prev\">\r\n                                    <span>\r\n                                        <svg class=\"circle-svg\" height=\"50\" width=\"50\">\r\n                                            <circle class=\"circle\" cx=\"25\" cy=\"25\" r=\"24\"><\/circle>\r\n                                        <\/svg>\r\n                                    <\/span>\r\n                                    <div class=\"ion-ios-arrow-left\"><\/div>\r\n                                <\/div>\r\n                                <div class=\"swiper-slide-controls slide-next\">\r\n                                    <span>\r\n                                        <svg class=\"circle-svg\" height=\"50\" width=\"50\">\r\n                                            <circle class=\"circle\" cx=\"25\" cy=\"25\" r=\"24\"><\/circle>\r\n                                        <\/svg>\r\n                                    <\/span>\r\n                                    <div class=\"ion-ios-arrow-right\"><\/div>\r\n                                <\/div>\r\n                            <\/div>\r\n                            <!-- swiper slider controls end -->\r\n                            <!-- swiper slider play-pause start -->\r\n                            <div class=\"swiper-slide-controls-play-pause-wrapper swiper-slide-controls-play-pause slider-on-off\">\r\n                                <div class=\"slider-on-off-switch\">\r\n                                    <i class=\"ion-ios-play\"><\/i>\r\n                                <\/div>\r\n                                <!-- swiper slider progress start -->\r\n                                <div class=\"slider-progress-bar\">\r\n                                    <span>\r\n                                        <svg class=\"circle-svg\" height=\"50\" width=\"50\">\r\n                                            <circle class=\"circle\" cx=\"25\" cy=\"25\" r=\"24\"><\/circle>\r\n                                        <\/svg>\r\n                                    <\/span>\r\n                                <\/div>\r\n                                <!-- swiper slider progress end -->\r\n                            <\/div>\r\n                            <!-- swiper slider play-pause end -->\r\n                        <\/div>\r\n                        <!-- col end -->\r\n                    <\/div>\r\n                    <!-- row end -->\r\n                <\/div>\r\n            <\/div>\r\n        <\/div>\r\n\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\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Made for Creatives. Simplicity is not a style, it is more a philosophy about how to design something more effectively. Simplicity is complex View project Design is a process View project Aesthetic is a decision View project Style is everything View project &copy; All Rights Reserved<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-templates\/home-2.php","meta":{"footnotes":""},"class_list":["post-196","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/shtheme.com\/demosd\/pucestar\/index.php?rest_route=\/wp\/v2\/pages\/196","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/shtheme.com\/demosd\/pucestar\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/shtheme.com\/demosd\/pucestar\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/shtheme.com\/demosd\/pucestar\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/shtheme.com\/demosd\/pucestar\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=196"}],"version-history":[{"count":8,"href":"https:\/\/shtheme.com\/demosd\/pucestar\/index.php?rest_route=\/wp\/v2\/pages\/196\/revisions"}],"predecessor-version":[{"id":256,"href":"https:\/\/shtheme.com\/demosd\/pucestar\/index.php?rest_route=\/wp\/v2\/pages\/196\/revisions\/256"}],"wp:attachment":[{"href":"https:\/\/shtheme.com\/demosd\/pucestar\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=196"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}