{"id":8371,"date":"2023-10-05T12:04:02","date_gmt":"2023-10-05T12:04:02","guid":{"rendered":"https:\/\/migrapixel.pt\/?page_id=8371"},"modified":"2023-12-21T21:21:27","modified_gmt":"2023-12-21T21:21:27","slug":"modelo-de-pagina-10","status":"publish","type":"page","link":"https:\/\/migrapixel.pt\/en\/modelo-de-pagina-10\/","title":{"rendered":"Modelo de p\u00e1gina \u2013 10"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"8371\" class=\"elementor elementor-8371\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-32a96d3 elementor-section-full_width elementor-section-height-full elementor-section-content-middle elementor-section-height-default elementor-section-items-middle\" data-id=\"32a96d3\" data-element_type=\"section\" data-e-type=\"section\" id=\"migra_intro_summary\">\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-ffd87dc\" data-id=\"ffd87dc\" data-element_type=\"column\" data-e-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-76efe97 elementor-widget elementor-widget-html\" data-id=\"76efe97\" 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<div class=\"services-slider\">\n  <div class=\"we-do\">We do<\/div>\n  <div class=\"slider\">\n    <div class=\"slider-pos transition\"<\/div>\n    <div class=\"slides\"><\/div>\n<\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-44541a0 elementor-widget elementor-widget-html\" data-id=\"44541a0\" 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\/css2?family=Big+Shoulders+Text&display=swap');\n    \n    \n#migra_intro_summary body {\nfont-family: 'Big Shoulders Text', cursive;\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  height: 100vh;\n  background: #333;\n  font-size: 40px;\n}\n:root {\n  --slide-height: 50px;\n  --slider-height: calc(50px*5);\n}\n#migra_intro_summary .services-slider {\n  width: 600px;x\n  height: var(--slider-height);\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  gap: 6px;\n}\n#migra_intro_summary .we-do {\n  width: 100px;\n  color: #fff;\n  height: 50px;\n}\n#migra_intro_summary .slider {\n  position: relative;\n  overflow: hidden;\n  width: 600px;\n  height: var(--slider-height);\n}\n#migra_intro_summary .slider:after {\n  display: block;\n  content: \"\";\n  width: 600px;\n  height: var(--slider-height);\n  position: absolute;\n  top: 0px;\n  left: -50px;\n  box-shadow: inset 0px 50px 50px 20px #333, inset 0px -50px 50px 20px #333;\n}\n#migra_intro_summary .slide {\n  height: var(--slide-height);\n  color: #777;\n  transition: color .3s;\n}\n#migra_intro_summary .slide.active {\n  color: #fff;\n  transition: color .6s;\n  transition-delay: .4s;\n}\n#migra_intro_summary .slide.deactive {\n  color: #777 !important;\n}\n#migra_intro_summary .slider-pos.transition {\n  transition: .4s;\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-2f2fc84 elementor-widget elementor-widget-shortcode\" data-id=\"2f2fc84\" 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>We do<\/p>","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-8371","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.4 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Modelo de p\u00e1gina \u2013 10 - 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 10 - MigraPixel\" \/>\n<meta property=\"og:description\" content=\"We do\" \/>\n<meta property=\"og:url\" content=\"https:\/\/migrapixel.pt\/en\/modelo-de-pagina-10\/\" \/>\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-12-21T21:21:27+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-10\\\/\",\"url\":\"https:\\\/\\\/migrapixel.pt\\\/modelo-de-pagina-10\\\/\",\"name\":\"Modelo de p\u00e1gina \u2013 10 - MigraPixel\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/migrapixel.pt\\\/#website\"},\"datePublished\":\"2023-10-05T12:04:02+00:00\",\"dateModified\":\"2023-12-21T21:21:27+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/migrapixel.pt\\\/modelo-de-pagina-10\\\/#breadcrumb\"},\"inLanguage\":\"en-GB\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/migrapixel.pt\\\/modelo-de-pagina-10\\\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/migrapixel.pt\\\/modelo-de-pagina-10\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"In\u00edcio\",\"item\":\"https:\\\/\\\/migrapixel.pt\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Modelo de p\u00e1gina \u2013 10\"}]},{\"@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 SEO plugin. -->","yoast_head_json":{"title":"Modelo de p\u00e1gina \u2013 10 - MigraPixel","robots":{"index":"noindex","follow":"nofollow"},"og_locale":"en_GB","og_type":"article","og_title":"Modelo de p\u00e1gina \u2013 10 - MigraPixel","og_description":"We do","og_url":"https:\/\/migrapixel.pt\/en\/modelo-de-pagina-10\/","og_site_name":"MigraPixel","article_publisher":"https:\/\/www.facebook.com\/migrapixel","article_modified_time":"2023-12-21T21:21:27+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-10\/","url":"https:\/\/migrapixel.pt\/modelo-de-pagina-10\/","name":"Modelo de p\u00e1gina \u2013 10 - MigraPixel","isPartOf":{"@id":"https:\/\/migrapixel.pt\/#website"},"datePublished":"2023-10-05T12:04:02+00:00","dateModified":"2023-12-21T21:21:27+00:00","breadcrumb":{"@id":"https:\/\/migrapixel.pt\/modelo-de-pagina-10\/#breadcrumb"},"inLanguage":"en-GB","potentialAction":[{"@type":"ReadAction","target":["https:\/\/migrapixel.pt\/modelo-de-pagina-10\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/migrapixel.pt\/modelo-de-pagina-10\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"In\u00edcio","item":"https:\/\/migrapixel.pt\/"},{"@type":"ListItem","position":2,"name":"Modelo de p\u00e1gina \u2013 10"}]},{"@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\/8371","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=8371"}],"version-history":[{"count":65,"href":"https:\/\/migrapixel.pt\/en\/wp-json\/wp\/v2\/pages\/8371\/revisions"}],"predecessor-version":[{"id":10487,"href":"https:\/\/migrapixel.pt\/en\/wp-json\/wp\/v2\/pages\/8371\/revisions\/10487"}],"wp:attachment":[{"href":"https:\/\/migrapixel.pt\/en\/wp-json\/wp\/v2\/media?parent=8371"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}