1<!doctype html> 2<html> 3<head> 4<meta charset="utf-8"> 5 <!-- Meta Tags --> 6 <title>Jam Jr</title> 7 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 8 <meta name="keywords" content="Jam Jr" /> 9 <meta name="author" content="Columbia Records, Sony Music Entertainment, HJ Conte" /> 10 <meta name="robots" content="noarchive" /> 11 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=2, minimum-scale=1"> 12 <meta name="description" content="Jam Jr is an educational content series for children and their parents. It shares bite-sized music lessons via YouTube videos in 3 minutes or less explaining basic concepts like melody, chorus, harmony, and more using popular songs." /> 13 <meta name="theme-color" content="#92278f"> 14 <!-- OG Tags --> 15 <meta property="og:title" content="Jam Jr" /> 16 <meta property="og:description" content="Jam Jr is an educational content series for children and their parents. It shares bite-sized music lessons via YouTube videos in 3 minutes or less explaining basic concepts like melody, chorus, harmony, and more using popular songs." /> 17 <meta property="og:type" content="website" /> 18 <meta property="og:image" content="https://www.jamjrofficial.com/images/jam-jr-icon.png" /> 19 <!-- Twitter Meta Tags --> 20 <meta name="twitter:card" value="summary_large_image" /> 21 <meta name="twitter:site" value="@Jamjr" /> 22 <meta name="twitter:creator" value="@Jamjr" /> 23 <meta name="twitter:title" value="Jam Jr" /> 24 <meta name="twitter:description" value="Jam Jr is an educational content series for children and their parents. It shares bite-sized music lessons via YouTube videos in 3 minutes or less explaining basic concepts like melody, chorus, harmony, and more using popular songs." /> 25 <meta name="twitter:image" content="https://www.jamjrofficial.com/images/jam-jr-icon.png" /> 26 <!-- Favicon + Rel links --> 27 <link rel="shortcut icon" href="images/jamjr-red-logo.png" type="image/x-icon" /> 28 <link href="https://fonts.googleapis.com/css?family=Delius+Unicase:700|Short+Stack&display=swap" rel="stylesheet"> 29 <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.2.0/css/all.css" integrity="sha384-hWVjflwFxL6sNzntih27bfxkr27PmbbK/iSvJ+a4+0owXq79v+lsFkW54bOGbiDQ" crossorigin="anonymous"> 30 <style> 31 * { border: none; } 32 html, body { width: 100%; margin: 0; padding: 0; color: #fff; background: #63a8e0; font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif; font-size: 15px; } 33 #logo{ position: absolute; top: 25px; left: 30px; } 34 #logo img { width: 185px; height: auto;} 35 #social{ position: absolute; top: 63px; right: 30px; } 36 #social a{ color: #fff; font-size: 26px; display: inline-block; } 37 #social a:hover, #footer a:hover{ color: #92278f; } 38 #social a+a{ margin-left: 20px; } 39 #content{ margin-top: 160px; font-family: 'Delius Unicase', cursive; font-weight: 700; } 40 #content .single{ display: inline-block; width: 50%; vertical-align: top; position: relative;} 41 #content .single-wrap{ position: absolute; right: 50%; top: 50%; transform: translate(50%, -50%); text-align: center; display: none; } 42 #content .single:hover .single-wrap{ display: block; } 43 #content .single:hover:before{ content: ""; cursor: pointer; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.65); } 44 #content .single .bg{ width: 100%; height: auto; display: block; } 45 #content .single .title{ font-size: 2em; margin-bottom: 5px; } 46 #content .single a{ display: inline-block; background: #63a8e0; color: #fff; font-size: 1.1em; padding: 6px 15px; text-decoration: none; border-radius: 10px; } 47 #content .single a:hover{ color: #63a8e0; background: #fff; } 48 #content .single a+a{ margin-left: 8px; } 49 #footer{ text-align: center; font-size: .85em; line-height: 1.5em; margin: 80px 0; padding: 0 12px; font-weight: bold; } 50 #footer a{ color: #fff; text-decoration: none; } 51 @media(max-width:800px){ 52 #content{margin-top: 40px; } 53 #content .single{ display: block; width: 100%; } 54 #logo, #social{ position: static; width: 100%; text-align: center; } 55 } 56 </style> 57</head> 58 59<body> 60<div id="container"> 61 <div id="wrapper"> 62 <div id="top"> 63 <div id="logo"><img src="images/jamjr-red-logo.png" alt="Jam Jr"/></div> 64 <div id="social"><a href="https://www.instagram.com/JamJROfficial/" target="_blank"><i class="fab fa-instagram"></i></a><a href="https://www.facebook.com/JamJROfficial/" target="_blank"><i class="fab fa-facebook-square" aria-hidden="true"></i></a><a href="https://twitter.com/jamjrofficial" target="_blank"><i class="fab fa-twitter"></i></a><a href="https://www.youtube.com/channel/UC0VwRQzmGiFLi5dKaRipZLA" target="_blank"><i class="fab fa-youtube"></i></a></div> 65 </div> 66 <div id="content"> 67 <div id="content-wrap"> 68 <div class="single"><!----><img src="images/05.jpg" class="bg" /><div class="single-wrap"><div class="title">Changes</div>
68<a href="https://smarturl.it/jamjrgavinchanges" target="_blank">Listen</a><a href="https://youtu.be/MMUjtq9mye8" target="_blank">Watch</a></div></div><!----><div class="single"> <img src="images/06.jpg" class="bg" /><div class="single-wrap"><div class="title">Lights Up</div><a href="https://smarturl.it/Lightsupsapphire" target="_blank">Listen</a><a href="https://youtu.be/QLlqT7y7Rvg" target="_blank">Watch</a></div></div> <!----><div class="single"><img src="images/07.jpg" class="bg" /><div class="single-wrap"><div class="title">Rainbow</div><a href="https://runtheworld.lnk.to/Rainbow" target="_blank">Listen</a><a href="https://www.youtube.com/watch?v=cZUmF6fFKAY" target="_blank">Watch</a></div></div><!----><div class="single"> <img src="images/04.jpg" class="bg" /><div class="single-wrap"><div class="title">Old Town Road</div><a href="https://smarturl.it/JamJrOldTownRoad" target="_blank">Listen</a><a href="https://youtu.be/9_dIQOGYC5M" target="_blank">Watch</a></div></div><!----> 69 </div> 70 </div> 71 <footer id="footer">© <a href="http://sonymusic.com" target="_blank" title="www.SonyMusic.com" alt="www.SonyMusic.com">
71<script>document.write((new Date()).getFullYear());</script>
71 Sony Music Entertainment</a>. All Rights Reserved. <br/> 72 Visit <a href="http://www.OnGuardOnline.gov" target="_blank" title="Visit OnGuardOnline" alt="Visit OnGuardOnline">www.OnGuardOnline.gov</a> for social networking safety tips for parents and youth.<br> 73 <a href="http://www.sonymusic.com/feedback/index.html" target="_blank" title="Send Us Feedback" alt="Send Us Feedback" class="sme-privacy-exclude">Send Us Feedback</a> | <a href="http://www.sonymusic.com/privacypolicy.html" target="_blank" title="Privacy Policy/Your Privacy Rights" alt="Privacy Policy" class="sme-privacy-exclude">Privacy Policy/Your Privacy Rights</a> | <a href="https://www.sonymusic.com/ccpa-contact-form/" target="_blank" title="Do Not Sell My Personal Information" class="sme-privacy-exclude">Do Not Sell My Personal Information</a><br/><a href="https://www.sonymusic.com/privacy-policy/#your-california-privacy-rights" target="_blank" title="Your California Privacy Rights" class="sme-privacy-exclude">Your California Privacy Rights</a> | <a href="http://www.sonymusic.com/privacy/termsandconditions.html" target="_blank" title="Terms and Conditions" alt="Terms and Conditions" class="sme-privacy-exclude">Terms and Conditions</a> | <a href="http://whymusicmatters.com/" target="_blank" title="Why Music Matters" alt="Why Music Matters" class="sme-privacy-exclude">Why Music Matters</a></footer> 74 </div> 75</div> 76<!-- Google Tag Manager -->
vendor: 63 bytes, lines 76-78
76 77<noscript> 78<iframe src="//www.googletagmanager.com/ns.html?id=
78GTM-WP7WV3
vendor: 84 bytes, lines 78-79
78" height="0" width="0" style="display:none;visibility:hidden"></iframe> 79</noscript>
80<script>
vendor: 319 bytes, line 80
80(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);})(window,document,'script','dataLayer','
80GTM-WP7WV3
vendor: 3 bytes, line 80
80');
80</script>
80 81<!-- End Google Tag Manager --> 82</body> 83</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.