<div class="clearfix" id="page"><!-- group --> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #E72D29; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe src></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u103"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #000; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u106"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #E72D29; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe src></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u109"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #000; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u112"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #E72D29; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe src></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u115"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #E72D29; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe src></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u118"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #000; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u121"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #E72D29; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe src></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u124"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #E72D29; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe src></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u127"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #E72D29; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe src></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u130"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #E72D29; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe src></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u133"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #000; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u136"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #E72D29; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe src></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u139"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #E72D29; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe src></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u142"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #E72D29; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe src></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u145"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #000; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u148"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #000; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u151"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> </head> <body></body> </html>' class="grpelem" id="u154"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #E72D29; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe src></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u157"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #E72D29; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe src></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u160"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #E72D29; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe src></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u163"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #E72D29; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe src></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u166"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> </head> <body></body> </html>' class="grpelem" id="u169"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> </head> <body></body> </html>' class="grpelem" id="u172"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #E72D29; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe src></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u175"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #E72D29; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe src></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u178"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #000; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u181"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> </head> <body></body> </html>' class="grpelem" id="u184"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #E72D29; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe src></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u187"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #E72D29; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe src></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u190"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #000; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u193"><!-- simple frame --></iframe> <iframe src class="grpelem" id="u196"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> </head> <body></body> </html>' class="grpelem" id="u199"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #E72D29; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe src></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u202"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #E72D29; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe src></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u205"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #E72D29; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe src></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u208"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #000; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u211"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> </head> <body></body> </html>' class="grpelem" id="u217"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #E72D29; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe src></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u220"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #E72D29; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe src></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u223"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #E72D29; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe src></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u226"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #E72D29; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe src></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u229"><!-- simple frame --></iframe> <iframe srcdoc='<!doctype html> <html id="html"> <head> <meta charset="utf-8"> <title></title> <style> body,html { margin: 0; height: 100%;} body {transition: all 1s ease 0s; } .p76 body { background-color: #000; } iframe { opacity: 0; width: 100%; height: 100%; border-width: 6px; box-sizing: border-box; opacity: .6;} .p76 iframe { opacity: 1;} </style> </head> <body> <iframe></iframe> <script> var html = document.getElementById("html"); locations(); setInterval(locations, 4000); function locations() { setTimeout(function() { html.classList.add("p76"); }, 2000); setTimeout(function() { html.classList.remove("p76"); }, 4000); } </script></body> </html>' class="grpelem" id="u232"><!-- simple frame --></iframe> </div>