{"id":782,"date":"2022-10-07T13:37:18","date_gmt":"2022-10-07T13:37:18","guid":{"rendered":"https:\/\/theme.madsparrow.me\/most\/?page_id=782"},"modified":"2023-03-10T10:16:42","modified_gmt":"2023-03-10T10:16:42","slug":"full-page-slider","status":"publish","type":"page","link":"https:\/\/octobus.ae\/our-portfolio\/","title":{"rendered":"Full Page Slider"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"782\" class=\"elementor elementor-782\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-413590e elementor-section-full_width elementor-section-height-full elementor-section-height-default elementor-section-items-middle\" data-id=\"413590e\" 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-1cc38ab\" data-id=\"1cc38ab\" 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-dc20e9d elementor-widget elementor-widget-ms_slider_fs\" data-id=\"dc20e9d\" data-element_type=\"widget\" data-widget_type=\"ms_slider_fs.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\r\n        <div class=\"ms-swiper-content\">\r\n            <div class=\"ms-slider\" data-nav=\"bottom\" data-autoplay=\"\" data-centered=\"off\" data-mousewheel=\"on\" data-simulatetouch=\"on\" data-grabcursor=\"on\" data-effect=\"slide\" data-direction=\"horizontal\" data-loop=\"\" data-spv=\"1\" data-spv-t=\"1\" data-spv-m=\"1\" data-space=\"0\" data-space-t=\"0\" data-space-m=\"0\" data-speed=\"1000\">\r\n                <div class=\"swiper-wrapper\">\r\n                                                                    <div class=\"swiper-slide\">\r\n                                                    <div class=\"slide-inner\" data-swiper-parallax=\"70%\">\r\n                            \r\n                                                                \r\n                                                                    <div class=\"ms-slider--video\">\r\n\r\n                                                                                    <div data-vbg-mobile=\"true\" data-vbg-start-at=\"0\" data-vbg-end-at=\"60\" data-vbg=\"https:\/\/youtu.be\/xIHH_YlQkr4\"><\/div>\r\n                                        \r\n                                        \r\n                                        \r\n                                    <\/div>\r\n                                \r\n                                                                                                                                            <div class=\"ms-slider--cont\" data-swiper-parallax=\"-69%\">\r\n                                            <div class=\"ms-cont__inner\">\r\n\r\n                                                \r\n                                                                                                    <h1 class=\"ms-sc--t\">Media<\/h1>\r\n                                                                                                \r\n                                                                                                    <p class=\"ms-sc--desc\">Shooting videos helps to visually communicate ideas, connect <br> with audiences, and convey emotions and messages in a more engaging way.<\/p>\r\n                                                \r\n                                                                                                    <div class=\"btn-wrap\">\r\n                                                        <a class=\"btn btn-circle btn--md\" role=\"button\" href=\"https:\/\/octobus.ae\/our-portfolio\/media\/\">\r\n                                                            <div class=\"ms-btn--circle\">\r\n                                                                <div class=\"circle\">\r\n                                                                    <div class=\"circle-fill\"><\/div>\r\n                                                                    <svg viewBox=\"0 0 50 50\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"circle-outline\"><circle cx=\"25\" cy=\"25\" r=\"23\"><\/circle><\/svg>\r\n                                                                        <div class=\"circle-icon\">\r\n                                                                            <svg viewBox=\"0 0 12 10\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"icon-arrow\">\r\n                                                                                <path d=\"M0 5.65612V4.30388L8.41874 4.31842L5.05997 0.95965L5.99054 0L10.9923 4.97273L6.00508 9.96L5.07451 9.00035L8.43328 5.64158L0 5.65612Z\"><\/path>\r\n                                                                            <\/svg>\r\n                                                                        <\/div>\t\t\t\t\t\r\n                                                                    <\/div>\r\n                                                            <\/div>\r\n\r\n                                                            <div class=\"ms-btn--label\">\r\n                                                                <div class=\"ms-btn__text\">Take A Look<\/div>\r\n                                                                <div class=\"ms-btn__border\"><\/div>\r\n                                                            <\/div>\r\n                                                        <\/a>\r\n                                                    <\/div>\r\n                                                                                            <\/div>\r\n                                        <\/div>\r\n                                                                                                <\/div>\r\n                        <\/div>\r\n                                                                    <div class=\"swiper-slide\">\r\n                                                    <div class=\"slide-inner\" data-swiper-parallax=\"70%\">\r\n                            \r\n                                                                    <div class=\"ms-slider--img\">\r\n                                        <img fetchpriority=\"high\" decoding=\"async\" width=\"1920\" height=\"1344\" src=\"https:\/\/octobus.ae\/our-portfolio\/wp-content\/uploads\/2023\/03\/006.jpg\" class=\"attachment-full size-full wp-image-3299\" alt=\"\" srcset=\"https:\/\/octobus.ae\/our-portfolio\/wp-content\/uploads\/2023\/03\/006.jpg 1920w, https:\/\/octobus.ae\/our-portfolio\/wp-content\/uploads\/2023\/03\/006-300x210.jpg 300w, https:\/\/octobus.ae\/our-portfolio\/wp-content\/uploads\/2023\/03\/006-1024x717.jpg 1024w, https:\/\/octobus.ae\/our-portfolio\/wp-content\/uploads\/2023\/03\/006-768x538.jpg 768w, https:\/\/octobus.ae\/our-portfolio\/wp-content\/uploads\/2023\/03\/006-1536x1075.jpg 1536w, https:\/\/octobus.ae\/our-portfolio\/wp-content\/uploads\/2023\/03\/006-383x268.jpg 383w, https:\/\/octobus.ae\/our-portfolio\/wp-content\/uploads\/2023\/03\/006-1120x784.jpg 1120w, https:\/\/octobus.ae\/our-portfolio\/wp-content\/uploads\/2023\/03\/006-700x490.jpg 700w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>                                    <\/div>\r\n                                                                \r\n                                \r\n                                                                                                                                            <div class=\"ms-slider--cont\" data-swiper-parallax=\"-69%\">\r\n                                            <div class=\"ms-cont__inner\">\r\n\r\n                                                                                                    <h3 class=\"ms-sc--st\">Our Vision<\/h3>\r\n                                                \r\n                                                                                                    <h1 class=\"ms-sc--t\">Branding<\/h1>\r\n                                                                                                \r\n                                                                                                    <p class=\"ms-sc--desc\">Developing an identity and image for a product, service, or company to <br>establish its position and drive customer loyalty.<\/p>\r\n                                                \r\n                                                                                                    <div class=\"btn-wrap\">\r\n                                                        <a class=\"btn btn-circle btn--md\" role=\"button\" href=\"#\">\r\n                                                            <div class=\"ms-btn--circle\">\r\n                                                                <div class=\"circle\">\r\n                                                                    <div class=\"circle-fill\"><\/div>\r\n                                                                    <svg viewBox=\"0 0 50 50\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"circle-outline\"><circle cx=\"25\" cy=\"25\" r=\"23\"><\/circle><\/svg>\r\n                                                                        <div class=\"circle-icon\">\r\n                                                                            <svg viewBox=\"0 0 12 10\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"icon-arrow\">\r\n                                                                                <path d=\"M0 5.65612V4.30388L8.41874 4.31842L5.05997 0.95965L5.99054 0L10.9923 4.97273L6.00508 9.96L5.07451 9.00035L8.43328 5.64158L0 5.65612Z\"><\/path>\r\n                                                                            <\/svg>\r\n                                                                        <\/div>\t\t\t\t\t\r\n                                                                    <\/div>\r\n                                                            <\/div>\r\n\r\n                                                            <div class=\"ms-btn--label\">\r\n                                                                <div class=\"ms-btn__text\">Take A  Look<\/div>\r\n                                                                <div class=\"ms-btn__border\"><\/div>\r\n                                                            <\/div>\r\n                                                        <\/a>\r\n                                                    <\/div>\r\n                                                                                            <\/div>\r\n                                        <\/div>\r\n                                                                                                <\/div>\r\n                        <\/div>\r\n                                                                    <div class=\"swiper-slide\">\r\n                                                    <div class=\"slide-inner\" data-swiper-parallax=\"70%\">\r\n                            \r\n                                                                    <div class=\"ms-slider--img\">\r\n                                        <img decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/octobus.ae\/our-portfolio\/wp-content\/uploads\/2023\/03\/socailmedia.jpg\" class=\"attachment-full size-full wp-image-3535\" alt=\"\" srcset=\"https:\/\/octobus.ae\/our-portfolio\/wp-content\/uploads\/2023\/03\/socailmedia.jpg 1920w, https:\/\/octobus.ae\/our-portfolio\/wp-content\/uploads\/2023\/03\/socailmedia-300x169.jpg 300w, https:\/\/octobus.ae\/our-portfolio\/wp-content\/uploads\/2023\/03\/socailmedia-1024x576.jpg 1024w, https:\/\/octobus.ae\/our-portfolio\/wp-content\/uploads\/2023\/03\/socailmedia-768x432.jpg 768w, https:\/\/octobus.ae\/our-portfolio\/wp-content\/uploads\/2023\/03\/socailmedia-1536x864.jpg 1536w, https:\/\/octobus.ae\/our-portfolio\/wp-content\/uploads\/2023\/03\/socailmedia-400x225.jpg 400w, https:\/\/octobus.ae\/our-portfolio\/wp-content\/uploads\/2023\/03\/socailmedia-1120x630.jpg 1120w, https:\/\/octobus.ae\/our-portfolio\/wp-content\/uploads\/2023\/03\/socailmedia-700x394.jpg 700w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>                                    <\/div>\r\n                                                                \r\n                                \r\n                                                                                                                                            <div class=\"ms-slider--cont\" data-swiper-parallax=\"-69%\">\r\n                                            <div class=\"ms-cont__inner\">\r\n\r\n                                                                                                    <h3 class=\"ms-sc--st\">Inspiration<\/h3>\r\n                                                \r\n                                                                                                    <h1 class=\"ms-sc--t\">Social media<\/h1>\r\n                                                                                                \r\n                                                                                                    <p class=\"ms-sc--desc\">Social media refers to online platforms and tools that facilitate communication, <br> interaction, and content sharing among individuals and organizations.<\/p>\r\n                                                \r\n                                                                                                    <div class=\"btn-wrap\">\r\n                                                        <a class=\"btn btn-circle btn--md\" role=\"button\" href=\"#\">\r\n                                                            <div class=\"ms-btn--circle\">\r\n                                                                <div class=\"circle\">\r\n                                                                    <div class=\"circle-fill\"><\/div>\r\n                                                                    <svg viewBox=\"0 0 50 50\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"circle-outline\"><circle cx=\"25\" cy=\"25\" r=\"23\"><\/circle><\/svg>\r\n                                                                        <div class=\"circle-icon\">\r\n                                                                            <svg viewBox=\"0 0 12 10\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"icon-arrow\">\r\n                                                                                <path d=\"M0 5.65612V4.30388L8.41874 4.31842L5.05997 0.95965L5.99054 0L10.9923 4.97273L6.00508 9.96L5.07451 9.00035L8.43328 5.64158L0 5.65612Z\"><\/path>\r\n                                                                            <\/svg>\r\n                                                                        <\/div>\t\t\t\t\t\r\n                                                                    <\/div>\r\n                                                            <\/div>\r\n\r\n                                                            <div class=\"ms-btn--label\">\r\n                                                                <div class=\"ms-btn__text\">See More<\/div>\r\n                                                                <div class=\"ms-btn__border\"><\/div>\r\n                                                            <\/div>\r\n                                                        <\/a>\r\n                                                    <\/div>\r\n                                                                                            <\/div>\r\n                                        <\/div>\r\n                                                                                                <\/div>\r\n                        <\/div>\r\n                                                                    <div class=\"swiper-slide\">\r\n                                                    <div class=\"slide-inner\" data-swiper-parallax=\"70%\">\r\n                            \r\n                                                                    <div class=\"ms-slider--img\">\r\n                                        <img decoding=\"async\" width=\"1920\" height=\"1080\" src=\"https:\/\/octobus.ae\/our-portfolio\/wp-content\/uploads\/2023\/03\/websitea.jpg\" class=\"attachment-full size-full wp-image-3539\" alt=\"\" srcset=\"https:\/\/octobus.ae\/our-portfolio\/wp-content\/uploads\/2023\/03\/websitea.jpg 1920w, https:\/\/octobus.ae\/our-portfolio\/wp-content\/uploads\/2023\/03\/websitea-300x169.jpg 300w, https:\/\/octobus.ae\/our-portfolio\/wp-content\/uploads\/2023\/03\/websitea-1024x576.jpg 1024w, https:\/\/octobus.ae\/our-portfolio\/wp-content\/uploads\/2023\/03\/websitea-768x432.jpg 768w, https:\/\/octobus.ae\/our-portfolio\/wp-content\/uploads\/2023\/03\/websitea-1536x864.jpg 1536w, https:\/\/octobus.ae\/our-portfolio\/wp-content\/uploads\/2023\/03\/websitea-400x225.jpg 400w, https:\/\/octobus.ae\/our-portfolio\/wp-content\/uploads\/2023\/03\/websitea-1120x630.jpg 1120w, https:\/\/octobus.ae\/our-portfolio\/wp-content\/uploads\/2023\/03\/websitea-700x394.jpg 700w\" sizes=\"(max-width: 1920px) 100vw, 1920px\" \/>                                    <\/div>\r\n                                                                \r\n                                \r\n                                                                                                                                            <div class=\"ms-slider--cont\" data-swiper-parallax=\"-69%\">\r\n                                            <div class=\"ms-cont__inner\">\r\n\r\n                                                                                                    <h3 class=\"ms-sc--st\">Inspiration<\/h3>\r\n                                                \r\n                                                                                                    <h1 class=\"ms-sc--t\">Website<\/h1>\r\n                                                                                                \r\n                                                                                                    <p class=\"ms-sc--desc\">A website is an online presence to share information, promote <br> business, sell products\/services, and reach a wider audience.<\/p>\r\n                                                \r\n                                                                                                    <div class=\"btn-wrap\">\r\n                                                        <a class=\"btn btn-circle btn--md\" role=\"button\" href=\"#\">\r\n                                                            <div class=\"ms-btn--circle\">\r\n                                                                <div class=\"circle\">\r\n                                                                    <div class=\"circle-fill\"><\/div>\r\n                                                                    <svg viewBox=\"0 0 50 50\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"circle-outline\"><circle cx=\"25\" cy=\"25\" r=\"23\"><\/circle><\/svg>\r\n                                                                        <div class=\"circle-icon\">\r\n                                                                            <svg viewBox=\"0 0 12 10\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"icon-arrow\">\r\n                                                                                <path d=\"M0 5.65612V4.30388L8.41874 4.31842L5.05997 0.95965L5.99054 0L10.9923 4.97273L6.00508 9.96L5.07451 9.00035L8.43328 5.64158L0 5.65612Z\"><\/path>\r\n                                                                            <\/svg>\r\n                                                                        <\/div>\t\t\t\t\t\r\n                                                                    <\/div>\r\n                                                            <\/div>\r\n\r\n                                                            <div class=\"ms-btn--label\">\r\n                                                                <div class=\"ms-btn__text\">See More<\/div>\r\n                                                                <div class=\"ms-btn__border\"><\/div>\r\n                                                            <\/div>\r\n                                                        <\/a>\r\n                                                    <\/div>\r\n                                                                                            <\/div>\r\n                                        <\/div>\r\n                                                                                                <\/div>\r\n                        <\/div>\r\n                                    <\/div>\r\n                                    <div class=\"ms-slider--nav nav-size--lg\">\r\n                        <div class=\"ms-nav--next\">\r\n                            <svg class=\"i-arrow\" viewBox=\"0 0 17 12\">\r\n                                <path d=\"M1,6h14\"><\/path>\r\n                                <path d=\"M12,1l4,5\"><\/path>\r\n                                <path d=\"M12,11l4-5\"><\/path>\r\n                            <\/svg>\r\n                        <\/div>\r\n                        <div class=\"ms-nav--prev\">\r\n                            <svg class=\"i-arrow\" viewBox=\"0 0 17 12\">\r\n                                <path d=\"M1,6h14\"><\/path>\r\n                                <path d=\"M12,1l4,5\"><\/path>\r\n                                <path d=\"M12,11l4-5\"><\/path>\r\n                            <\/svg>\r\n                        <\/div>\r\n                    <\/div>\r\n                                                    <div class=\"ms-slider--progress center\">\r\n                        <div class=\"ms-slider--count\"><\/div>\r\n                        <div class=\"ms-slider--pagination swiper-pagination\"><\/div>\r\n                        <div class=\"ms-slider--count__total\"><\/div>\r\n                    <\/div>\r\n                            <\/div>\r\n        <\/div>\r\n\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>Media Shooting videos helps to visually communicate ideas, connect with audiences, and convey emotions and messages in a more engaging way. Take A Look [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"page-no-footer.php","meta":{"footnotes":""},"class_list":["post-782","page","type-page","status-publish","hentry"],"acf":{"full_width":true,"header_transparent":true,"header_white":true},"_links":{"self":[{"href":"https:\/\/octobus.ae\/our-portfolio\/wp-json\/wp\/v2\/pages\/782","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/octobus.ae\/our-portfolio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/octobus.ae\/our-portfolio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/octobus.ae\/our-portfolio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/octobus.ae\/our-portfolio\/wp-json\/wp\/v2\/comments?post=782"}],"version-history":[{"count":55,"href":"https:\/\/octobus.ae\/our-portfolio\/wp-json\/wp\/v2\/pages\/782\/revisions"}],"predecessor-version":[{"id":3542,"href":"https:\/\/octobus.ae\/our-portfolio\/wp-json\/wp\/v2\/pages\/782\/revisions\/3542"}],"wp:attachment":[{"href":"https:\/\/octobus.ae\/our-portfolio\/wp-json\/wp\/v2\/media?parent=782"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}