View Source code:

Tidy UP & Clean HTML Code - View Source of http://hopnet.co.il

<!DOCTYPE html>

<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta charset="utf-8" />
    <link rel="icon" href="http://hopnet.co.il/favicon.png">
    <!--[if IE]>
    <link rel="shortcut icon" href="http://hopnet.co.il/favicon.ico">
    <![endif]-->
    
    <title>אתר המנויים של ערוץ הופ!</title>
	<meta name="description" content="לשחק, ללמוד וליצור בעולם תוכן מרתק , מעשיר ומאובטח. משחקים לילידם, סרטונים לצפייה  ישירה, הכנה לכיתה א', לימוד עברית, חשבון, טבע ועוד."/>
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>

    <style type="text/css">
        <!--
        body, html {
            height: 100%;
            background-color: #92CCFC;
        }

        u {
            font-weight: 400;
        }

        #main {
            width: 100%;
            height: 90%;
            background-image: url(enterPageImg/bg5.jpg);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
        }

        #hopLogo {
            width: 20%;
            height: 20%;
            background-image: url(enterPageImg/hopLogo.png);
            background-repeat: no-repeat;
            background-size: contain;
            margin-left: 11px;
            margin-top: 15px;
            position: absolute;
            cursor: pointer;
            opacity: 0;
        }


        #backBtn {
            width: 14%;
            max-width: 128px;
            height: 20%;
            max-height: 60px;
            background-image: url(enterPageImg/btn-back1.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            margin-right: 2%;
            margin-top: 2%;
            float: right;
            cursor: pointer;
        }

        #purchase {
            width: 37%;
            max-width: 594px;
            height: 20%;
            max-height: 186px;
            background-image: url(enterPageImg/btn-purchase2.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            margin: 0 auto;
            cursor: pointer;
            position: relative;
            opacity: 0;
        }

        #hopNet {
            width: 80%;
            max-width: 383px;
            height: 20%;
            max-height: 123px;
            background-image: url(enterPageImg/btn-enter2.png);
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            margin: 0 auto;
            cursor: pointer;
            position: relative;
            top: 500px;
            opacity: 0;
        }


        #footer {
            width: 1024px;
            height: 10%;
            background: #529AFF;
            margin: 0 auto;
        }

        #phoneSupport {
            width: 20%;
            max-width: 308px;
            height: 25%;
            max-height: 29px;
            background-image: url(enterPageImg/supportPhone20150930.png);
            background-repeat: no-repeat;
            background-size: contain;
            margin-left: 5%;
            margin-top: 5px;
            float: left;
        }

        #mailSupport {
            width: 20%;
            max-width: 250px;
            height: 25%;
            max-height: 30px;
            background-image: url(enterPageImg/supportEmail.png);
            background-repeat: no-repeat;
            background-size: contain;
            margin-left: 5%;
            margin-top: 5px;
            float: left;
            cursor: pointer;
        }

        #facebook {
            width: 20%;
            max-width: 238px;
            height: 25%;
            max-height: 29px;
            background-image: url(enterPageImg/facebookURL.png);
            background-repeat: no-repeat;
            background-size: contain;
            margin-left: 15%;
            margin-top: 5px;
            float: left;
            cursor: pointer;
        }

        #flashUpdate {
            width: 100%;
            max-width: 816px;
            height: 25%;
            max-height: 28px;
            /*margin: 10px 0 10px 80px;*/
            background-image: url(enterPageImg/chromeSupport20150930.png);
            background-repeat: no-repeat;
            background-size: contain;
            /*float: left;
            margin-left: 20%;*/
            position: relative;
            top: 40%;
            left: 16%;
            cursor: pointer;
        }

        #recommend {
            width: 90%;
            height: 32px;
            font-family: Arial;
            font-size: .8em;
            font-weight: bold;
            color: white;
            text-align: center;
        }

        #takanon {
            width: 10%;
            height: 32px;
            font-family: Arial;
            font-size: .8em;
            font-weight: bold;
            color: white;
            text-align: center;
            margin-top: 2%;
        }

        a {
            color: inherit;
            text-decoration: none;
        }

        -->
    </style>


</head>
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0">

<!-- Start of Zoom Analytics Code -->
<script type="text/javascript">
var _zaVerSnippet=5,_zaq=_zaq||[]; 
(function() {
  var w=window,d=document;w.__za_api=function(a){_zaq.push(a);if(typeof __ZA!='undefined'&&typeof __ZA.sendActions!='undefined')__ZA.sendActions(a);};
  var e=d.createElement('script');e.type='text/javascript';e.async=true;e.src=('https:'==d.location.protocol?'https://d2xerlamkztbb1.cloudfront.net/':'http://wcdn.zoomanalytics.co/')+'19761986-15e3/5/widget.js';
  var ssc=d.getElementsByTagName('script')[0];ssc.parentNode.insertBefore(e,ssc);
})();
</script>
<!-- End of Zoom Analytics Code -->

<!-- Facebook Pixel Code -->
<script>
!function(f,b,e,v,n,t,s){if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};if(!f._fbq)f._fbq=n;
n.push=n;n.loaded=!0;n.version='2.0';n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];s.parentNode.insertBefore(t,s)}(window,
document,'script','https://connect.facebook.net/en_US/fbevents.js');

fbq('init', '1027123870689696');
fbq('track', "PageView");</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1027123870689696&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->



    <div id="main">
        <div id="hopLogo"></div>
        <!--  <div id="backBtn"></div> -->
        <div id="purchase"></div>
        <div id="hopNet"></div>
    </div>

    <div id="footer">
        <div id="facebook"></div>
        <div id="mailSupport"></div>
        <div id="phoneSupport"></div>
        <div id="flashUpdate"></div>
        <div id="takanon" dir="rtl"><a href="http://hopnet.co.il/hopadmin/TermsOfUse.pdf" target="_blank"><u>תנאי שימוש</u></a></div>
        <div id="recommend" dir="rtl">האתר מומלץ לצפיה ברזולוציה מינימאלית של 1024 על  768 בצירוף רמקולים פתוחים.</div>
    </div>

    <script>
      
        // play audio
        var audio = new Audio('HopAdmin/Media/horim.mp3');
        audio.play();

        function getBackgroundSize(elem) {
            // This:
            //       * Gets elem computed styles:
            //             - CSS background-size
            //             - element's width and height
            //       * Extracts background URL
            var computedStyle = getComputedStyle(elem),
                image = new Image(),
                src = computedStyle.backgroundImage.replace(/url\((['"])?(.*?)\1\)/gi, '$2'),
                cssSize = computedStyle.backgroundSize,
                elemW = parseInt(computedStyle.width.replace('px', ''), 10),
                elemH = parseInt(computedStyle.height.replace('px', ''), 10),
                elemDim = [elemW, elemH],
                computedDim = [],
                ratio;
            // Load the image with the extracted URL.
            // Should be in cache already.
            image.src = src;
            // Determine the 'ratio'
            ratio = image.width > image.height ? image.width / image.height : image.height / image.width;
            // Split background-size properties into array
            cssSize = cssSize.split(' ');
            // First property is width. It is always set to something.
            computedDim[0] = cssSize[0];
            // If height not set, set it to auto
            computedDim[1] = cssSize.length > 1 ? cssSize[1] : 'auto';
            if (cssSize[0] === 'cover') {
                // Width is greater than height
                if (elemDim[0] > elemDim[1]) {
                    // Elem's ratio greater than or equal to img ratio
                    if (elemDim[0] / elemDim[1] >= ratio) {
                        computedDim[0] = elemDim[0];
                        computedDim[1] = 'auto';
                    } else {
                        computedDim[0] = 'auto';
                        computedDim[1] = elemDim[1];
                    }
                } else {
                    computedDim[0] = 'auto';
                    computedDim[1] = elemDim[1];
                }
            } else if (cssSize[0] === 'contain') {
                // Width is less than height
                if (elemDim[0] < elemDim[1]) {
                    computedDim[0] = elemDim[0];
                    computedDim[1] = 'auto';
                } else {
                    // elem's ratio is greater than or equal to img ratio
                    if (elemDim[0] / elemDim[1] >= ratio) {
                        computedDim[0] = 'auto';
                        computedDim[1] = elemDim[1];
                    } else {
                        computedDim[1] = 'auto';
                        computedDim[0] = elemDim[0];
                    }
                }
            } else {
                // If not 'cover' or 'contain', loop through the values
                for (var i = cssSize.length; i--;) {
                    // Check if values are in pixels or in percentage
                    if (cssSize[i].indexOf('px') > -1) {
                        // If in pixels, just remove the 'px' to get the value
                        computedDim[i] = cssSize[i].replace('px', '');
                    } else if (cssSize[i].indexOf('%') > -1) {
                        // If percentage, get percentage of elem's dimension
                        // and assign it to the computed dimension
                        computedDim[i] = elemDim[i] * (cssSize[i].replace('%', '') / 100);
                    }
                }
            }
            // If both values are set to auto, return image's 
            // original width and height
            if (computedDim[0] === 'auto' && computedDim[1] === 'auto') {
                computedDim[0] = image.width;
                computedDim[1] = image.height;
            } else {
                // Depending on whether width or height is auto,
                // calculate the value in pixels of auto.
                // ratio in here is just getting proportions.
                ratio = computedDim[0] === 'auto' ? image.height / computedDim[1] : image.width / computedDim[0];
                computedDim[0] = computedDim[0] === 'auto' ? image.width / ratio : computedDim[0];
                computedDim[1] = computedDim[1] === 'auto' ? image.height / ratio : computedDim[1];
            }
            // Finally, return an object with the width and height of the
            // background image.
            return {
                width: computedDim[0],
                height: computedDim[1]
            };
        }


        function init() {
            var mainDiv = document.getElementById("main");
            var style = getBackgroundSize(mainDiv);
            var w = window.innerWidth;
            var h = window.innerHeight;
            console.log(style);

            // reset main DIV
            $('#main').css({ 'width': style.width, 'height': style.height, 'margin': '0 auto' });

            $("#footer").css("width", style.width);

            // place elements
            var centerPoint = { top: style.height / 2, left: style.width / 2 };
            console.log(centerPoint);

            $("#purchase").css("top", centerPoint.top - (style.height * .4));
            $("#hopNet").css("top", centerPoint.top + (style.height * .15));

            //flashUpdate
            if (w < 800) {
                $("#flashUpdate").css("left", "0%");
                $('#takanon').css({ 'font-size': '0.6em', 'width': '13%', 'margin-top': '8%' });
                $('#recommend').css({ 'font-size': '0.6em', 'width': '115%', 'margin-top': '-8%' });
            }

            // show element
            
            $("#hopLogo").css("opacity", "1");
            $("#hopNet").css("opacity", "1");
            $("#purchase").css("opacity", "1");

        }

        window.onload = function () { init(); }


        $("#hopLogo").click(function () { window.open('http://www.hop.co.il/', "_self"); });
        $("#backBtn").click(function () { window.open('http://www.hop.co.il/', "_self"); });
        $("#purchase").click(function () { window.open('http://www.hopnet.co.il/hopadmin/Register1.asp', "_self"); });
        $("#flashUpdate").click(function () { window.open('http://hopnet.co.il/flashUpdate/index.html', "_blank"); });
        $("#mailSupport").click(function () { window.open('http://www.hop.co.il/%D7%94%D7%95%D7%A4/%D7%A6%D7%95%D7%A8-%D7%A7%D7%A9%D7%A8/', "_self"); });
        $("#facebook").click(function () { window.open('https://www.facebook.com/hoptv?fref=hopNet', "_blank"); });
        $("#hopNet").click(function () { openHopNet(); });

        function openHopNet() {
            var aw = screen.availWidth;
            var ah = screen.availHeight;
            var properties = "height=" + ah + ",width=" + aw + ",scrollsbar=no,fullscreen=1,channelmode=1,screenX=0,screenY=0,status=0,statusbar=no";
            window.open("http://www.hopnet.co.il/flash/hop_main.asp", "HopNet", properties);
        }


    </script>


    <script type="text/javascript">
            var trackID = 'UA-34527882-1';
        var _gaq = _gaq || [];
        _gaq.push(['_setAccount', trackID]);
        _gaq.push(['_trackPageview']);

        (function () {
            var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
            ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
            var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
        })();
        function pageTrack(param) {
            var pageTracker = _gat._getTracker(trackID);
            pageTracker._trackPageview(param);
        }
    </script>

    <script src=HopAdmin/SignatureAdmin.asp?ActionID =EnableByIP></script>

</body>
</html>