\u0421\u043b\u0430\u0439\u0434\u0435\u0440 | \u041f\u0440\u043e\u0435\u043a\u0442 3<\/title>\n <\/head>\n <body>\n <div class=\"container\">\n <div class=\"sidebar\">\n <div\n style=\"\n background: linear-gradient(229.99deg, #eeeeee -26%, #c4c4c4 145%);\n \"\n >\n <h1>Snow in the desert<\/h1>\n <p>Love, death & robots<\/p>\n <\/div>\n <div\n style=\"\n background: linear-gradient(215.32deg, #777777 -1%, #444444 124%);\n \"\n >\n <h1>Life Hutch<\/h1>\n <p>Love, death & robots<\/p>\n <\/div>\n <div\n style=\"\n background: linear-gradient(221.87deg, #edf88b 1%, #e0af00 128%);\n \"\n >\n <h1>Zima Blue<\/h1>\n <p>Love, death & robots<\/p>\n <\/div>\n <div\n style=\"\n background: linear-gradient(220.16deg, #000000 -8%, #6c6c6c 138%);\n \"\n >\n <h1>Automated Customer Service<\/h1>\n <p>Love, death & robots<\/p>\n <\/div>\n <\/div>\n <div class=\"main-slide\">\n <div\n style=\"\n background-image: url('https:\/\/images.unsplash.com\/photo-1671038003907-dcb7673fd8d1?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80');\n \"\n ><\/div>\n <div\n style=\"\n background-image: url('https:\/\/images.unsplash.com\/photo-1636484451052-018d4158a1d6?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80');\n \"\n ><\/div>\n <div\n style=\"\n background-image: url('https:\/\/images.unsplash.com\/photo-1670640511011-e3b50b96513d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80');\n \"\n ><\/div>\n <div\n style=\"\n background-image: url('https:\/\/plus.unsplash.com\/premium_photo-1669040674572-836c64a3ac70?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=765&q=80');\n \"\n ><\/div>\n <\/div>\n <div class=\"controls\">\n <button class=\"down-button\">\n <i class=\"fas fa-arrow-down\"><\/i>\n <\/button>\n <button class=\"up-button\">\n <i class=\"fas fa-arrow-up\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n\n <script src=\"app.js\"><\/script>\n <\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c05b76 elementor-widget elementor-widget-html\" data-id=\"1c05b76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n \n @import url(\"https:\/\/fonts.googleapis.com\/css?family=Roboto&display=swap\");\n\n* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\nbody {\n font-family: \"Roboto\", sans-serif;\n height: 100vh;\n}\n\n.container {\n position: relative;\n overflow: hidden;\n width: 100vw;\n height: 100vh;\n}\n\n.sidebar {\n height: 100%;\n width: 35%;\n position: absolute;\n top: 0;\n left: 0;\n transition: transform 0.5s ease-in-out;\n}\n\n.sidebar > div {\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n color: #fff;\n}\n\n.sidebar h1 {\n font-size: 40px;\n margin-bottom: 10px;\n margin-top: -30px;\n}\n\n.main-slide {\n height: 100%;\n position: absolute;\n top: 0;\n left: 35%;\n width: 65%;\n transition: transform 0.5s ease-in-out;\n}\n\n.main-slide > div {\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n height: 100%;\n width: 100%;\n}\n\nbutton {\n background-color: #fff;\n border: none;\n color: #aaa;\n cursor: pointer;\n font-size: 16px;\n padding: 15px;\n}\n\nbutton:hover {\n color: #222;\n}\n\nbutton:focus {\n outline: none;\n}\n\n.container .controls button {\n position: absolute;\n left: 35%;\n top: 50%;\n z-index: 100;\n}\n\n.container .controls .down-button {\n transform: translateX(-100%);\n border-top-left-radius: 5px;\n border-bottom-left-radius: 5px;\n}\n\n.container .controls .up-button {\n transform: translateY(-100%);\n border-top-right-radius: 5px;\n border-bottom-right-radius: 5px;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c330828 elementor-widget elementor-widget-shortcode\" data-id=\"c330828\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><script>\/\/ HTML Variables\r\nlet slider = document.querySelector(\".slider\");\r\nlet slides = document.querySelector(\".slides\");\r\nlet slider_pos_div = document.querySelector(\".slider-pos\");\r\nlet slide_height = 50;\r\n\r\n\/\/ Slider Variables\r\nlet slider_pos = 0;\r\nlet slides_content = [\r\n \"Web Development\",\r\n \"App Development\",\r\n \"SEO Services\",\r\n \"Managed Hosting\",\r\n \"Software Development\"\r\n];\r\n\r\n\/\/ Render the services\r\nfor (i = 0; i < 2; i++) {\r\n slides_content.forEach((s) => {\r\n let slide = document.createElement(\"div\");\r\n slide.classList.add(\"slide\");\r\n if (i == 1) {\r\n slide.classList.add(\"two\");\r\n }\r\n slide.innerHTML = s;\r\n slides.appendChild(slide);\r\n });\r\n}\r\n\r\n\/\/ Set first item to active\r\nslides.childNodes[slider_pos + 2].classList.add(\"active\");\r\n\r\n\/\/ Animate the services\r\nsetInterval(() => {\r\n \/\/ Reset - Check slider position isn't out of bounds\r\n if (slider_pos >= slides_content.length) {\r\n \/\/ Deactivate white text on last element\r\n let deactive_slide = slides.childNodes[slides_content.length + 2];\r\n console.log(slides.childNodes[slides_content.length + 2]);\r\n deactive_slide.classList.remove(\"active\");\r\n\r\n \/\/ Remove slider transition\r\n slider_pos_div.classList.remove(\"transition\");\r\n\r\n \/\/ Reset position variable\r\n slider_pos = 0;\r\n\r\n \/\/ Render the reset positon\r\n slider_pos_div.style.marginTop = -1 * slide_height * slider_pos + \"px\";\r\n\r\n \/\/ Wait for the position to reset before adding transition\r\n setTimeout(() => {\r\n \/\/ Add slider transition\r\n slider_pos_div.classList.add(\"transition\");\r\n }, 1);\r\n }\r\n\r\n \/\/ Regular animation\r\n setTimeout(() => {\r\n \/\/ Remove active slide text to white\r\n let deactive_slide = slides.childNodes[slider_pos + 2];\r\n console.log(slides.childNodes[slider_pos + 2]);\r\n deactive_slide.classList.remove(\"active\");\r\n\r\n \/\/ Increase the slider position\r\n slider_pos++;\r\n\r\n \/\/ Render after text deactive\r\n setTimeout(() => {\r\n \/\/ Render the slider position\r\n slider_pos_div.style.marginTop = -1 * slide_height * slider_pos + \"px\";\r\n\r\n \/\/ Change active slide text to white\r\n let active_slide = slides.childNodes[slider_pos + 2];\r\n active_slide.classList.add(\"active\");\r\n }, 100);\r\n }, 2);\r\n}, 4500);\r\n<\/script><\/div>\n\t\t\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>\u0421\u043b\u0430\u0439\u0434\u0435\u0440 | \u041f\u0440\u043e\u0435\u043a\u0442 3 Snow in the desert Love, death & robots Life Hutch Love, death & robots Zima Blue Love, death & robots Automated Customer Service Love, death & robots<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7900","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Modelo de p\u00e1gina \u2013 5 - MigraPixel<\/title>\n<meta name=\"robots\" content=\"noindex, nofollow\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Modelo de p\u00e1gina \u2013 5 - MigraPixel\" \/>\n<meta property=\"og:description\" content=\"\u0421\u043b\u0430\u0439\u0434\u0435\u0440 | \u041f\u0440\u043e\u0435\u043a\u0442 3 Snow in the desert Love, death & robots Life Hutch Love, death & robots Zima Blue Love, death & robots Automated Customer Service Love, death & robots\" \/>\n<meta property=\"og:url\" content=\"https:\/\/migrapixel.pt\/en\/modelo-de-pagina-5\/\" \/>\n<meta property=\"og:site_name\" content=\"MigraPixel\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/migrapixel\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-04T15:52:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/migrapixel.pt\/wp-content\/uploads\/2022\/11\/Ativo-1-scaled-1.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"555\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/migrapixel.pt\\\/modelo-de-pagina-5\\\/\",\"url\":\"https:\\\/\\\/migrapixel.pt\\\/modelo-de-pagina-5\\\/\",\"name\":\"Modelo de p\u00e1gina \u2013 5 - MigraPixel\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/migrapixel.pt\\\/#website\"},\"datePublished\":\"2023-10-04T10:33:31+00:00\",\"dateModified\":\"2023-10-04T15:52:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/migrapixel.pt\\\/modelo-de-pagina-5\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/migrapixel.pt\\\/modelo-de-pagina-5\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/migrapixel.pt\\\/modelo-de-pagina-5\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/migrapixel.pt\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Modelo de p\u00e1gina \u2013 5\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/migrapixel.pt\\\/#website\",\"url\":\"https:\\\/\\\/migrapixel.pt\\\/\",\"name\":\"MigraPixel\",\"description\":\"MigraPixel |Programa\u00e7\u00e3o |Conte\u00fados Digitais | Alojamento Web | DG\",\"publisher\":{\"@id\":\"https:\\\/\\\/migrapixel.pt\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/migrapixel.pt\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/migrapixel.pt\\\/#organization\",\"name\":\"MigraPixel\",\"url\":\"https:\\\/\\\/migrapixel.pt\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/migrapixel.pt\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/migrapixel.pt\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/Ativo-1-scaled-1.webp\",\"contentUrl\":\"https:\\\/\\\/migrapixel.pt\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/Ativo-1-scaled-1.webp\",\"width\":2560,\"height\":555,\"caption\":\"MigraPixel\"},\"image\":{\"@id\":\"https:\\\/\\\/migrapixel.pt\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/migrapixel\",\"https:\\\/\\\/www.instagram.com\\\/migrapixel\\\/\"]}]}<\/script>\n","yoast_head_json":{"title":"Modelo de p\u00e1gina \u2013 5 - MigraPixel","robots":{"index":"noindex","follow":"nofollow"},"og_locale":"en_GB","og_type":"article","og_title":"Modelo de p\u00e1gina \u2013 5 - MigraPixel","og_description":"\u0421\u043b\u0430\u0439\u0434\u0435\u0440 | \u041f\u0440\u043e\u0435\u043a\u0442 3 Snow in the desert Love, death & robots Life Hutch Love, death & robots Zima Blue Love, death & robots Automated Customer Service Love, death & robots","og_url":"https:\/\/migrapixel.pt\/en\/modelo-de-pagina-5\/","og_site_name":"MigraPixel","article_publisher":"https:\/\/www.facebook.com\/migrapixel","article_modified_time":"2023-10-04T15:52:25+00:00","og_image":[{"width":2560,"height":555,"url":"https:\/\/migrapixel.pt\/wp-content\/uploads\/2022\/11\/Ativo-1-scaled-1.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/migrapixel.pt\/modelo-de-pagina-5\/","url":"https:\/\/migrapixel.pt\/modelo-de-pagina-5\/","name":"Modelo de p\u00e1gina \u2013 5 - MigraPixel","isPartOf":{"@id":"https:\/\/migrapixel.pt\/#website"},"datePublished":"2023-10-04T10:33:31+00:00","dateModified":"2023-10-04T15:52:25+00:00","breadcrumb":{"@id":"https:\/\/migrapixel.pt\/modelo-de-pagina-5\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/migrapixel.pt\/modelo-de-pagina-5\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/migrapixel.pt\/modelo-de-pagina-5\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/migrapixel.pt\/"},{"@type":"ListItem","position":2,"name":"Modelo de p\u00e1gina \u2013 5"}]},{"@type":"WebSite","@id":"https:\/\/migrapixel.pt\/#website","url":"https:\/\/migrapixel.pt\/","name":"MigraPixel","description":"MigraPixel |Programa\u00e7\u00e3o |Conte\u00fados Digitais | Alojamento Web | DG","publisher":{"@id":"https:\/\/migrapixel.pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/migrapixel.pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/migrapixel.pt\/#organization","name":"MigraPixel","url":"https:\/\/migrapixel.pt\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/migrapixel.pt\/#\/schema\/logo\/image\/","url":"https:\/\/migrapixel.pt\/wp-content\/uploads\/2022\/11\/Ativo-1-scaled-1.webp","contentUrl":"https:\/\/migrapixel.pt\/wp-content\/uploads\/2022\/11\/Ativo-1-scaled-1.webp","width":2560,"height":555,"caption":"MigraPixel"},"image":{"@id":"https:\/\/migrapixel.pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/migrapixel","https:\/\/www.instagram.com\/migrapixel\/"]}]}},"_links":{"self":[{"href":"https:\/\/migrapixel.pt\/en\/wp-json\/wp\/v2\/pages\/7900","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/migrapixel.pt\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/migrapixel.pt\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/migrapixel.pt\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/migrapixel.pt\/en\/wp-json\/wp\/v2\/comments?post=7900"}],"version-history":[{"count":52,"href":"https:\/\/migrapixel.pt\/en\/wp-json\/wp\/v2\/pages\/7900\/revisions"}],"predecessor-version":[{"id":8128,"href":"https:\/\/migrapixel.pt\/en\/wp-json\/wp\/v2\/pages\/7900\/revisions\/8128"}],"wp:attachment":[{"href":"https:\/\/migrapixel.pt\/en\/wp-json\/wp\/v2\/media?parent=7900"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t\t\t

\n\t\t\t\t\t

\n\t\t\t

\n\t\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t\n\n \n \n \n \n \n \u0421\u043b\u0430\u0439\u0434\u0435\u0440 | \u041f\u0440\u043e\u0435\u043a\u0442 3<\/title>\n <\/head>\n <body>\n <div class=\"container\">\n <div class=\"sidebar\">\n <div\n style=\"\n background: linear-gradient(229.99deg, #eeeeee -26%, #c4c4c4 145%);\n \"\n >\n <h1>Snow in the desert<\/h1>\n <p>Love, death & robots<\/p>\n <\/div>\n <div\n style=\"\n background: linear-gradient(215.32deg, #777777 -1%, #444444 124%);\n \"\n >\n <h1>Life Hutch<\/h1>\n <p>Love, death & robots<\/p>\n <\/div>\n <div\n style=\"\n background: linear-gradient(221.87deg, #edf88b 1%, #e0af00 128%);\n \"\n >\n <h1>Zima Blue<\/h1>\n <p>Love, death & robots<\/p>\n <\/div>\n <div\n style=\"\n background: linear-gradient(220.16deg, #000000 -8%, #6c6c6c 138%);\n \"\n >\n <h1>Automated Customer Service<\/h1>\n <p>Love, death & robots<\/p>\n <\/div>\n <\/div>\n <div class=\"main-slide\">\n <div\n style=\"\n background-image: url('https:\/\/images.unsplash.com\/photo-1671038003907-dcb7673fd8d1?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80');\n \"\n ><\/div>\n <div\n style=\"\n background-image: url('https:\/\/images.unsplash.com\/photo-1636484451052-018d4158a1d6?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80');\n \"\n ><\/div>\n <div\n style=\"\n background-image: url('https:\/\/images.unsplash.com\/photo-1670640511011-e3b50b96513d?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=1170&q=80');\n \"\n ><\/div>\n <div\n style=\"\n background-image: url('https:\/\/plus.unsplash.com\/premium_photo-1669040674572-836c64a3ac70?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=765&q=80');\n \"\n ><\/div>\n <\/div>\n <div class=\"controls\">\n <button class=\"down-button\">\n <i class=\"fas fa-arrow-down\"><\/i>\n <\/button>\n <button class=\"up-button\">\n <i class=\"fas fa-arrow-up\"><\/i>\n <\/button>\n <\/div>\n <\/div>\n\n <script src=\"app.js\"><\/script>\n <\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1c05b76 elementor-widget elementor-widget-html\" data-id=\"1c05b76\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n \n @import url(\"https:\/\/fonts.googleapis.com\/css?family=Roboto&display=swap\");\n\n* {\n box-sizing: border-box;\n margin: 0;\n padding: 0;\n}\n\nbody {\n font-family: \"Roboto\", sans-serif;\n height: 100vh;\n}\n\n.container {\n position: relative;\n overflow: hidden;\n width: 100vw;\n height: 100vh;\n}\n\n.sidebar {\n height: 100%;\n width: 35%;\n position: absolute;\n top: 0;\n left: 0;\n transition: transform 0.5s ease-in-out;\n}\n\n.sidebar > div {\n height: 100%;\n width: 100%;\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n color: #fff;\n}\n\n.sidebar h1 {\n font-size: 40px;\n margin-bottom: 10px;\n margin-top: -30px;\n}\n\n.main-slide {\n height: 100%;\n position: absolute;\n top: 0;\n left: 35%;\n width: 65%;\n transition: transform 0.5s ease-in-out;\n}\n\n.main-slide > div {\n background-repeat: no-repeat;\n background-size: cover;\n background-position: center center;\n height: 100%;\n width: 100%;\n}\n\nbutton {\n background-color: #fff;\n border: none;\n color: #aaa;\n cursor: pointer;\n font-size: 16px;\n padding: 15px;\n}\n\nbutton:hover {\n color: #222;\n}\n\nbutton:focus {\n outline: none;\n}\n\n.container .controls button {\n position: absolute;\n left: 35%;\n top: 50%;\n z-index: 100;\n}\n\n.container .controls .down-button {\n transform: translateX(-100%);\n border-top-left-radius: 5px;\n border-bottom-left-radius: 5px;\n}\n\n.container .controls .up-button {\n transform: translateY(-100%);\n border-top-right-radius: 5px;\n border-bottom-right-radius: 5px;\n}\n<\/style>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c330828 elementor-widget elementor-widget-shortcode\" data-id=\"c330828\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"shortcode.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<div class=\"elementor-shortcode\"><script>\/\/ HTML Variables\r\nlet slider = document.querySelector(\".slider\");\r\nlet slides = document.querySelector(\".slides\");\r\nlet slider_pos_div = document.querySelector(\".slider-pos\");\r\nlet slide_height = 50;\r\n\r\n\/\/ Slider Variables\r\nlet slider_pos = 0;\r\nlet slides_content = [\r\n \"Web Development\",\r\n \"App Development\",\r\n \"SEO Services\",\r\n \"Managed Hosting\",\r\n \"Software Development\"\r\n];\r\n\r\n\/\/ Render the services\r\nfor (i = 0; i < 2; i++) {\r\n slides_content.forEach((s) => {\r\n let slide = document.createElement(\"div\");\r\n slide.classList.add(\"slide\");\r\n if (i == 1) {\r\n slide.classList.add(\"two\");\r\n }\r\n slide.innerHTML = s;\r\n slides.appendChild(slide);\r\n });\r\n}\r\n\r\n\/\/ Set first item to active\r\nslides.childNodes[slider_pos + 2].classList.add(\"active\");\r\n\r\n\/\/ Animate the services\r\nsetInterval(() => {\r\n \/\/ Reset - Check slider position isn't out of bounds\r\n if (slider_pos >= slides_content.length) {\r\n \/\/ Deactivate white text on last element\r\n let deactive_slide = slides.childNodes[slides_content.length + 2];\r\n console.log(slides.childNodes[slides_content.length + 2]);\r\n deactive_slide.classList.remove(\"active\");\r\n\r\n \/\/ Remove slider transition\r\n slider_pos_div.classList.remove(\"transition\");\r\n\r\n \/\/ Reset position variable\r\n slider_pos = 0;\r\n\r\n \/\/ Render the reset positon\r\n slider_pos_div.style.marginTop = -1 * slide_height * slider_pos + \"px\";\r\n\r\n \/\/ Wait for the position to reset before adding transition\r\n setTimeout(() => {\r\n \/\/ Add slider transition\r\n slider_pos_div.classList.add(\"transition\");\r\n }, 1);\r\n }\r\n\r\n \/\/ Regular animation\r\n setTimeout(() => {\r\n \/\/ Remove active slide text to white\r\n let deactive_slide = slides.childNodes[slider_pos + 2];\r\n console.log(slides.childNodes[slider_pos + 2]);\r\n deactive_slide.classList.remove(\"active\");\r\n\r\n \/\/ Increase the slider position\r\n slider_pos++;\r\n\r\n \/\/ Render after text deactive\r\n setTimeout(() => {\r\n \/\/ Render the slider position\r\n slider_pos_div.style.marginTop = -1 * slide_height * slider_pos + \"px\";\r\n\r\n \/\/ Change active slide text to white\r\n let active_slide = slides.childNodes[slider_pos + 2];\r\n active_slide.classList.add(\"active\");\r\n }, 100);\r\n }, 2);\r\n}, 4500);\r\n<\/script><\/div>\n\t\t\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>\u0421\u043b\u0430\u0439\u0434\u0435\u0440 | \u041f\u0440\u043e\u0435\u043a\u0442 3 Snow in the desert Love, death & robots Life Hutch Love, death & robots Zima Blue Love, death & robots Automated Customer Service Love, death & robots<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-7900","page","type-page","status-publish","hentry"],"yoast_head":"\n<title>Modelo de p\u00e1gina \u2013 5 - MigraPixel<\/title>\n<meta name=\"robots\" content=\"noindex, nofollow\" \/>\n<meta property=\"og:locale\" content=\"en_GB\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Modelo de p\u00e1gina \u2013 5 - MigraPixel\" \/>\n<meta property=\"og:description\" content=\"\u0421\u043b\u0430\u0439\u0434\u0435\u0440 | \u041f\u0440\u043e\u0435\u043a\u0442 3 Snow in the desert Love, death & robots Life Hutch Love, death & robots Zima Blue Love, death & robots Automated Customer Service Love, death & robots\" \/>\n<meta property=\"og:url\" content=\"https:\/\/migrapixel.pt\/en\/modelo-de-pagina-5\/\" \/>\n<meta property=\"og:site_name\" content=\"MigraPixel\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/migrapixel\" \/>\n<meta property=\"article:modified_time\" content=\"2023-10-04T15:52:25+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/migrapixel.pt\/wp-content\/uploads\/2022\/11\/Ativo-1-scaled-1.webp\" \/>\n\t<meta property=\"og:image:width\" content=\"2560\" \/>\n\t<meta property=\"og:image:height\" content=\"555\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/webp\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Estimated reading time\" \/>\n\t<meta name=\"twitter:data1\" content=\"1 minute\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/migrapixel.pt\\\/modelo-de-pagina-5\\\/\",\"url\":\"https:\\\/\\\/migrapixel.pt\\\/modelo-de-pagina-5\\\/\",\"name\":\"Modelo de p\u00e1gina \u2013 5 - MigraPixel\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/migrapixel.pt\\\/#website\"},\"datePublished\":\"2023-10-04T10:33:31+00:00\",\"dateModified\":\"2023-10-04T15:52:25+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/migrapixel.pt\\\/modelo-de-pagina-5\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/migrapixel.pt\\\/modelo-de-pagina-5\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/migrapixel.pt\\\/modelo-de-pagina-5\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/migrapixel.pt\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Modelo de p\u00e1gina \u2013 5\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/migrapixel.pt\\\/#website\",\"url\":\"https:\\\/\\\/migrapixel.pt\\\/\",\"name\":\"MigraPixel\",\"description\":\"MigraPixel |Programa\u00e7\u00e3o |Conte\u00fados Digitais | Alojamento Web | DG\",\"publisher\":{\"@id\":\"https:\\\/\\\/migrapixel.pt\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/migrapixel.pt\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-GB\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/migrapixel.pt\\\/#organization\",\"name\":\"MigraPixel\",\"url\":\"https:\\\/\\\/migrapixel.pt\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-GB\",\"@id\":\"https:\\\/\\\/migrapixel.pt\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/migrapixel.pt\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/Ativo-1-scaled-1.webp\",\"contentUrl\":\"https:\\\/\\\/migrapixel.pt\\\/wp-content\\\/uploads\\\/2022\\\/11\\\/Ativo-1-scaled-1.webp\",\"width\":2560,\"height\":555,\"caption\":\"MigraPixel\"},\"image\":{\"@id\":\"https:\\\/\\\/migrapixel.pt\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/migrapixel\",\"https:\\\/\\\/www.instagram.com\\\/migrapixel\\\/\"]}]}<\/script>\n","yoast_head_json":{"title":"Modelo de p\u00e1gina \u2013 5 - MigraPixel","robots":{"index":"noindex","follow":"nofollow"},"og_locale":"en_GB","og_type":"article","og_title":"Modelo de p\u00e1gina \u2013 5 - MigraPixel","og_description":"\u0421\u043b\u0430\u0439\u0434\u0435\u0440 | \u041f\u0440\u043e\u0435\u043a\u0442 3 Snow in the desert Love, death & robots Life Hutch Love, death & robots Zima Blue Love, death & robots Automated Customer Service Love, death & robots","og_url":"https:\/\/migrapixel.pt\/en\/modelo-de-pagina-5\/","og_site_name":"MigraPixel","article_publisher":"https:\/\/www.facebook.com\/migrapixel","article_modified_time":"2023-10-04T15:52:25+00:00","og_image":[{"width":2560,"height":555,"url":"https:\/\/migrapixel.pt\/wp-content\/uploads\/2022\/11\/Ativo-1-scaled-1.webp","type":"image\/webp"}],"twitter_card":"summary_large_image","twitter_misc":{"Estimated reading time":"1 minute"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/migrapixel.pt\/modelo-de-pagina-5\/","url":"https:\/\/migrapixel.pt\/modelo-de-pagina-5\/","name":"Modelo de p\u00e1gina \u2013 5 - MigraPixel","isPartOf":{"@id":"https:\/\/migrapixel.pt\/#website"},"datePublished":"2023-10-04T10:33:31+00:00","dateModified":"2023-10-04T15:52:25+00:00","breadcrumb":{"@id":"https:\/\/migrapixel.pt\/modelo-de-pagina-5\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/migrapixel.pt\/modelo-de-pagina-5\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/migrapixel.pt\/modelo-de-pagina-5\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/migrapixel.pt\/"},{"@type":"ListItem","position":2,"name":"Modelo de p\u00e1gina \u2013 5"}]},{"@type":"WebSite","@id":"https:\/\/migrapixel.pt\/#website","url":"https:\/\/migrapixel.pt\/","name":"MigraPixel","description":"MigraPixel |Programa\u00e7\u00e3o |Conte\u00fados Digitais | Alojamento Web | DG","publisher":{"@id":"https:\/\/migrapixel.pt\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/migrapixel.pt\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-GB"},{"@type":"Organization","@id":"https:\/\/migrapixel.pt\/#organization","name":"MigraPixel","url":"https:\/\/migrapixel.pt\/","logo":{"@type":"ImageObject","inLanguage":"en-GB","@id":"https:\/\/migrapixel.pt\/#\/schema\/logo\/image\/","url":"https:\/\/migrapixel.pt\/wp-content\/uploads\/2022\/11\/Ativo-1-scaled-1.webp","contentUrl":"https:\/\/migrapixel.pt\/wp-content\/uploads\/2022\/11\/Ativo-1-scaled-1.webp","width":2560,"height":555,"caption":"MigraPixel"},"image":{"@id":"https:\/\/migrapixel.pt\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/migrapixel","https:\/\/www.instagram.com\/migrapixel\/"]}]}},"_links":{"self":[{"href":"https:\/\/migrapixel.pt\/en\/wp-json\/wp\/v2\/pages\/7900","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/migrapixel.pt\/en\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/migrapixel.pt\/en\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/migrapixel.pt\/en\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/migrapixel.pt\/en\/wp-json\/wp\/v2\/comments?post=7900"}],"version-history":[{"count":52,"href":"https:\/\/migrapixel.pt\/en\/wp-json\/wp\/v2\/pages\/7900\/revisions"}],"predecessor-version":[{"id":8128,"href":"https:\/\/migrapixel.pt\/en\/wp-json\/wp\/v2\/pages\/7900\/revisions\/8128"}],"wp:attachment":[{"href":"https:\/\/migrapixel.pt\/en\/wp-json\/wp\/v2\/media?parent=7900"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}