Примеры работ

.myelophonewidget{width:100%;}.myelophonewidget .row{min-height:90px;} .inloader {width: 15px;height: 15px;border-radius: 50%;box-shadow: 0 40px 0 #0082e6;position: relative;animation: inloader 0.8s ease-in-out alternate infinite;animation-delay: 0s;animation-delay: 0.32s;top: 50%;margin: 0 auto;} .inloader::before {left: -30px;animation-delay: 0.48s;} .inloader::after, .inloader::before {content: '';position: absolute;width: 15px;height: 15px;border-radius: 50%;box-shadow: 0 40px 0 #0082e6;animation: inloader 0.8s ease-in-out alternate infinite;animation-delay: 0s;} .inloader::after {right: -30px;animation-delay: 0.16s;} @keyframes inloader {0% {box-shadow: 0 40px 0 #0082e6;}100% {box-shadow: 0 20px 0 #0082e6;}} if(typeof ajax === "undefined"){function ajax(t,r){var e=!1;if("undefined"!=typeof XMLHttpRequest)e=new XMLHttpRequest;else for(var a=["Msxml3.XMLHTTP","Msxml2.XMLHTTP.6.0","Msxml2.XMLHTTP.5.0","Msxml2.XMLHTTP.4.0","Msxml2.XMLHTTP.3.0","Msxml2.XMLHTTP.2.0","Microsoft.XMLHTTP"],s=0,i=a.length;s<i;s++)try{e=new ActiveXObject(a[s]);break}catch(t){}e?(e.open("GET",t,!0),e.onreadystatechange=function(t){if(4===this.readyState){var e=this.status;if(4==this.readyState&&(200<=e&&e<300||304===e)){e=this.responseText;if(r){r.innerHTML=e;var imgs = document.querySelectorAll(".myelophone img[data-src]");for(var i=0; i<imgs.length; i++){imgs[i].setAttribute("src",imgs[i].getAttribute("data-src"));imgs[i].removeAttribute("data-src");}}}else ajax(url2load,widget)}},e.send()):console.log("no ajax xhr available")}} function loadwidget(el){var username = el.dataset.username;var apikey = el.dataset.key || null;var type = el.dataset.type || null;var design = el.dataset.design || 0;var lang = el.dataset.lang || 'ru';var url2load = 'https://meph.one/inst/'+username+'?key='+apikey+'&design='+design+'&hl='+lang;setTimeout(function(){ajax(url2load, el)}, 300);} var divs = document.querySelectorAll('.myelophonewidget.init');divs.forEach(function(div){loadwidget(div);div.classList.remove("init");}); @media only screen and (max-width: 600px) { .bt_bb_wrapper .bt_bb_layout_boxed_1200 { width: 100% !important; } }