Подключение к I8T!!/title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <meta name="author" content="GoodmaN" /> <meta name="description" content="I8T Test site" /> <META Name="keywords" Content="I8T, engine"/> <link href='\favicon.ico' rel='shortcut icon' type='image/x-icon' /> <link href='https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700&subset=latin,cyrillic-ext' rel='stylesheet' type='text/css'> <style> body { background: #161616 url(pattern_40.gif) top left repeat; margin: 0; padding: 0; font: 12px normal Verdana, Arial, Helvetica, sans-serif; height: 100%; } * {margin: 0; padding: 0; outline: none;} img {border: none;} a { text-decoration:none; color:#00c6ff; } h1 { font: 4em normal Arial, Helvetica, sans-serif; padding: 20px; margin: 0; text-align:center; color:#bbb; font-family: 'Open Sans Condensed', sans-serif; } h2 { font: 0.2em normal Arial, Helvetica, sans-serif; text-transform:uppercase; letter-spacing: 0.2em; line-height: 5em; display: block; } .container {margin: 0 auto; overflow: hidden;} .content {margin:0 auto; padding-top:50px;} .contentBar {width:90px; margin:0 auto; padding-top:50px; padding-bottom:50px;} /* STOP ANIMATION */ .stop { -webkit-animation-play-state:paused; -moz-animation-play-state:paused; -o-animation-play-state:paused; -ms-animation-play-state:paused; animation-play-state:paused; } /* Loading Circle */ .ball { background-color: rgba(0,0,0,0); border:5px solid rgba(0,183,229,0.9); opacity:.9; border-top:5px solid rgba(0,0,0,0); border-left:5px solid rgba(0,0,0,0); border-radius:50px; box-shadow: 0 0 35px #2187e7; width:50px; height:50px; margin:0 auto; -moz-animation:spin .5s infinite linear; -webkit-animation:spin .5s infinite linear; -o-animation:spin .5s infinite linear; -ms-animation:spin .5s infinite linear; animation:spin .5s infinite linear; } .ball_sm { background-color: rgba(0,0,0,0); border:5px solid rgba(0,183,229,0.9); opacity:.9; border-top:5px solid rgba(0,0,0,0); border-left:5px solid rgba(0,0,0,0); border-radius:30px; box-shadow: 0 0 120px #2187e7; width:30px; height:30px; margin:0 auto; -moz-animation:spin .5s infinite linear; -webkit-animation:spin .5s infinite linear; -o-animation:spin .5s infinite linear; -ms-animation:spin .5s infinite linear; animation:spin .5s infinite linear; } .ball1 { background-color: rgba(0,0,0,0); border:5px solid rgba(0,183,229,0.9); opacity:.9; border-top:5px solid rgba(0,0,0,0); border-left:5px solid rgba(0,0,0,0); border-radius:50px; box-shadow: 0 0 15px #2187e7; width:30px; height:30px; margin:0 auto; position:relative; top:-50px; -moz-animation:spinoff .5s infinite linear; -webkit-animation:spinoff .5s infinite linear; -o-animation:spinoff .5s infinite linear; -ms-animation:spinoff .5s infinite linear; animation:spinoff .5s infinite linear; } @-moz-keyframes spin { 0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(360deg); } } @-moz-keyframes spinoff { 0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(-360deg); } } @-webkit-keyframes spin { 0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); } } @-webkit-keyframes spinoff { 0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(-360deg); } } @-o-keyframes spin { 0% { -o-transform:rotate(0deg); } 100% { -o-transform:rotate(360deg); } } @-o-keyframes spinoff { 0% { -o-transform:rotate(0deg); } 100% { -o-transform:rotate(-360deg); } } @-ms-keyframes spin { 0% { -ms-transform:rotate(0deg); } 100% { -ms-transform:rotate(360deg); } } @-ms-keyframes spinoff { 0% { -ms-transform:rotate(0deg); } 100% { -ms-transform:rotate(-360deg); } } /* Second Loadin Circle */ .circle { background-color: rgba(0,0,0,0); border:5px solid rgba(0,183,229,0.9); opacity:.9; border-right:5px solid rgba(0,0,0,0); border-left:5px solid rgba(0,0,0,0); border-radius:50px; box-shadow: 0 0 35px #2187e7; width:50px; height:50px; margin:0 auto; -moz-animation:spinPulse 1s infinite ease-in-out; -webkit-animation:spinPulse 1s infinite linear; -o-animation:spinPulse 1s infinite linear; -ms-animation:spinPulse 1s infinite linear; animation:spinPulse 1s infinite linear; } .circle1 { background-color: rgba(0,0,0,0); border:5px solid rgba(0,183,229,0.9); opacity:.9; border-left:5px solid rgba(0,0,0,0); border-right:5px solid rgba(0,0,0,0); border-radius:50px; box-shadow: 0 0 15px #2187e7; width:30px; height:30px; margin:0 auto; position:relative; top:-50px; -moz-animation:spinoffPulse 1s infinite linear; -webkit-animation:spinoffPulse 1s infinite linear; -o-animation:spinoffPulse 1s infinite linear; -ms-animation:spinoffPulse 1s infinite linear; animation:spinoffPulse 1s infinite linear; } @-moz-keyframes spinPulse { 0% { -moz-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7;} 50% { -moz-transform:rotate(145deg); opacity:1; } 100% { -moz-transform:rotate(-320deg); opacity:0; } } @-moz-keyframes spinoffPulse { 0% { -moz-transform:rotate(0deg); } 100% { -moz-transform:rotate(360deg); } } @-webkit-keyframes spinPulse { 0% { -webkit-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7; } 50% { -webkit-transform:rotate(145deg); opacity:1;} 100% { -webkit-transform:rotate(-320deg); opacity:0; } } @-webkit-keyframes spinoffPulse { 0% { -webkit-transform:rotate(0deg); } 100% { -webkit-transform:rotate(360deg); } } @-o-keyframes spinPulse { 0% { -o-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7; } 50% { -o-transform:rotate(145deg); opacity:1;} 100% { -o-transform:rotate(-320deg); opacity:0; } } @-o-keyframes spinoffPulse { 0% { -o-transform:rotate(0deg); } 100% { -o-transform:rotate(360deg); } } @-ms-keyframes spinPulse { 0% { -ms-transform:rotate(160deg); opacity:0; box-shadow:0 0 1px #2187e7; } 50% { -ms-transform:rotate(145deg); opacity:1;} 100% { -ms-transform:rotate(-320deg); opacity:0; } } @-ms-keyframes spinoffPulse { 0% { -ms-transform:rotate(0deg); } 100% { -ms-transform:rotate(360deg); } } /* LITTLE BAR */ .barlittle { background-color:#2187e7; background-image: -moz-linear-gradient(45deg, #2187e7 25%, #a0eaff); background-image: -webkit-linear-gradient(45deg, #2187e7 25%, #a0eaff); background-image: -o-linear-gradient(45deg, #2187e7 25%, #a0eaff); background-image: -ms-linear-gradient(45deg, #2187e7 25%, #a0eaff); background-image: linear-gradient(45deg, #2187e7 25%, #a0eaff); border-left:1px solid #111; border-top:1px solid #111; border-right:1px solid #333; border-bottom:1px solid #333; width:10px; height:10px; float:left; margin-left:5px; opacity:0.1; -moz-transform:scale(0.7); -webkit-transform:scale(0.7); -o-transform:scale(0.7); -ms-transform:scale(0.7); transform:scale(0.7); -moz-animation:move 1s infinite linear; -webkit-animation:move 1s infinite linear; -o-animation:move 1s infinite linear; -ms-animation:move 1s infinite linear; animation:move 1s infinite linear; } #block_1{ -moz-animation-delay: .4s; -webkit-animation-delay: .4s; -o-animation-delay: .4s; -ms-animation-delay: .4s; animation-delay: .4s; } #block_2{ -moz-animation-delay: .3s; -webkit-animation-delay: .3s; -o-animation-delay: .3s; -ms-animation-delay: .3s; animation-delay: .3s; } #block_3{ -moz-animation-delay: .2s; -webkit-animation-delay: .2s; -o-animation-delay: .2s; -ms-animation-delay: .2s; animation-delay: .2s; } #block_4{ -moz-animation-delay: .3s; -webkit-animation-delay: .3s; -o-animation-delay: .3s; -ms-animation-delay: .3s; animation-delay: .3s; } #block_5{ -moz-animation-delay: .4s; -webkit-animation-delay: .4s; -o-animation-delay: .4s; -ms-animation-delay: .4s; animation-delay: .4s; } @-moz-keyframes move{ 0%{-moz-transform: scale(1.2);opacity:1;} 100%{-moz-transform: scale(0.7);opacity:0.1;} } @-webkit-keyframes move{ 0%{-webkit-transform: scale(1.2);opacity:1;} 100%{-webkit-transform: scale(0.7);opacity:0.1;} } @-o-keyframes move{ 0%{-o-transform: scale(1.2);opacity:1;} 100%{-o-transform: scale(0.7);opacity:0.1;} } @-ms-keyframes move{ 0%{-ms-transform: scale(1.2);opacity:1;} 100%{-ms-transform: scale(0.7);opacity:0.1;} } /* Trigger button for javascript */ .trigger, .triggerFull, .triggerBar { background: #000000; background: -moz-linear-gradient(top, #161616 0%, #000000 100%); background: -webkit-linear-gradient(top, #161616 0%,#000000 100%); background: -o-linear-gradient(top, #161616 0%,#000000 100%); background: -ms-linear-gradient(top, #161616 0%,#000000 100%); background: linear-gradient(top, #161616 0%,#000000 100%); border-left:1px solid #111; border-top:1px solid #111; border-right:1px solid #333; border-bottom:1px solid #333; font-family: Verdana, Geneva, sans-serif; font-size: 0.8em; text-decoration: none; text-transform: lowercase; text-align: center; color: #fff; padding: 10px; border-radius: 3px; display: block; margin: 0 auto; width: 140px; } .trigger:hover, .triggerFull:hover, .triggerBar:hover { background: -moz-linear-gradient(top, #202020 0%, #161616 100%); background: -webkit-linear-gradient(top, #202020 0%, #161616 100%); background: -o-linear-gradient(top, #202020 0%, #161616 100%); background: -ms-linear-gradient(top, #202020 0%, #161616 100%); background: linear-gradient(top, #202020 0%, #161616 100%); } </style> </head> <body> <div class="contentpane"> <br><br> <div class="container"> <br><br><br><br><br><br><br><br> <div class="content"> <div class="ball_sm"></div> <div class="circle"></div> <div class="circle1"></div> </div> <H1><b>Электронная билетная касса "I8T" 5.0!<b><br>Добро пожаловать!<br></H1> <H1></H1> <br> <small> </small> </div> </div>  <script type="text/javascript" > (function (d, w, c) { (w[c] = w[c] || []).push(function() { try { w.yaCounter47590813 = new Ya.Metrika({ id:47590813, clickmap:true, trackLinks:true, accurateTrackBounce:true }); } catch(e) { } }); var n = d.getElementsByTagName("script")[0], s = d.createElement("script"), f = function () { n.parentNode.insertBefore(s, n); }; s.type = "text/javascript"; s.async = true; s.src = "https://mc.yandex.ru/metrika/watch.js"; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "yandex_metrika_callbacks"); </script> <noscript><div><img src="https://mc.yandex.ru/watch/47590813" style="position:absolute; left:-9999px;" alt="" /></div></noscript>  </body></HTML>