https://cjazzchannel.com/

1<!doctype html>
2<html lang="en-US">
3<head>
4<meta charset="utf-8">
5<meta http-equiv="X-UA-Compatible" content="IE=edge">
6<meta name="viewport" content="width=device-width, initial-scale=1">
7<title>CJazzChannel.com - Best Jazz on the Internet</title>
8<link href="css/test-2.css" rel="stylesheet" type="text/css">
9<!--The following script tag downloads a font from the Adobe Edge Web Fonts server for use within the web page. We recommend that you do not modify it.-->

10<script>var __adobewebfontsappname__="dreamweaver"</script>

10

11<script src="http://use.edgefonts.net/source-sans-pro:n2:default.js" type="text/javascript"></script>

11
12<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
13<!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
14<!--[if lt IE 9]>
15      

15<script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>

15
16      

16<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

16
17    <![endif]-->
18</head>
19<body>
20<!-- Main Container -->
21<div class="container"> 
22  <!-- Navigation -->
23  <header> <a href="">
24    <h4 class="logo">CJazzChannel.com</h4>
25    </a>
26    <nav>
27      <ul>
28        <li><a href="#hero">HOME</a></li>
29        <li><a href="#about">ABOUT</a></li>
30        <li> <a href="#contact">CONTACT</a></li>
31      </ul>
32    </nav>
33  </header>
34  <!-- Hero Section -->
35	<div <style="background-image: url('jazz.jpg');">
36  <section class="hero" id="hero">
37    <h2 class="hero_header"> <span class="light">CJazz Channel.com</span></h2>
38    <p class="tagline">The best smooth Jazz on the Internet</p>
39  </section>
40	</div>
41  <!-- About Section -->
42	
43<section class="about" id="about">
44	<!--OnlineRadioBox Player widget-->
45<div class="orbP" id="orb_player_bba23bac9047c56">
46<style media="screen">
47    /* General */
48  .orbP{position:relative;box-sizing:border-box;overflow:hidden;font-weight:normal;border:1px solid transparent;user-select:none;text-align:left}.orbP br,.orbP>br{display:none!important;}.orbP p,.orbP>p{margin:0!important;padding:0!important;line-height:normal!important;font-size:inherit!important}.orbPh{display:block;position:absolute;z-index:100;top:50%;margin-top:-12px!important;right:10px;width:21px!important;text-decoration:none!important;cursor:pointer}.orbPh>img{margin:0!important;border:none;height:24px!important;-webkit-filter:drop-shadow(2px 2px 0 rgba(47,99,160,.2));filter:drop-shadow(2px 2px 0 rgba(47,99,160,.2))}.orbPt{text-decoration:none!important}.orbPti{float:left;margin:0 10px 0 0!important;vertical-align:top!important;height:48px!important;width:89px!important;border:none!important;border-radius:2px!important;opacity:1!important}.orbPtn{display:block;margin-right:52px;line-height:24px!important;font-size:17px!important;font-weight:bold!important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.orbPtt{display:block;margin-right:52px;text-decoration:none!important;line-height:24px!important;font-size:12px!important;opacity:.85;transition:opacity .2s;text-overflow:ellipsis;overflow:hidden;white-space:nowrap}.orbPtt:hover{opacity:1}.orbPp,.orbPs{float:left!important;margin:0 10px 0 0!important;padding:0!important;height:48px!important;width:48px!important;line-height:48px!important;border-radius:2px!important;border:none!important;text-align:center!important;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none!important;}.orbPp::before,.orbPs::before{display:inline-block;vertical-align:middle;content:'';width:0;height:0;border-style:solid}.orbPp::before{border-width:16px 0 16px 26px}.orbPs::before{border-width:16px}.orbPp:focus,.orbPs:focus{outline-style:solid;outline-width:thin}.orbPp:hover,.orbPs:hover{-webkit-transform:scale(1.087);transform:scale(1.087)}.orbPhc{position:relative!important;box-sizing:border-box!important;padding:10px!important;overflow:hidden}
49    /* Playlist */
50  .orbPpl{position:relative;overflow:auto;overflow-x:hidden;overflow-y:auto;margin:0!important;padding:0!important;list-style:none!important}.orbPpli{box-sizing:border-box;margin:0!important;padding:0 10px!important;list-style:none!important;background-image:none;float:none!important;height: auto!important}.orbPpli>a,.orbPpli>span{display:block!important;padding:0!important;margin:0!important;height:auto!important;font-weight:normal!important;text-decoration:none!important;line-height:32px!important;font-size:14px!important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;transition:color .125s;border:none !important}.orbPpli>a:hover,.orbPpli>span:hover{background:transparent!important}.orbPpli>a>time,.orbPpli>span>time{display:inline-block;font-size:12px!important;width:3em!important}.orbPpli+li{border-style:solid!important;border-width:1px 0 0!important}
51    /* Volume */
52    .orbV{position:absolute;z-index:1!important;width:24px!important;right:48px!important;top:0!important;bottom:0!important;line-height:1!important;overflow:hidden!important;transition:width .3s}.orbV:hover{width:160px!important}.orbVC{position:absolute!important;height:18px!important;left:24px!important;top:50%!important;margin:-9px 0 0 11px!important}.orbVC::after{display:block;content:'';margin-top:4px;width:0;height:0;border-style:solid;border-width:4px 100px 4px 0;opacity:.33}.orbVCs{position:absolute!important;z-index:2!important;top:0!important;width:18px!important;height:18px!important;border-radius:50%!important;cursor:ew-resize!important;box-shadow:0 6px 8px -2px rgba(0,9,18,0.36)}.orbVb{position:absolute!important;width:24px!important;height:24px!important;top:50%!important;left:0!important;margin-top:-12px;white-space:nowrap!important;cursor:pointer;transition:opacity .3s}.orbVb::before{display:inline-block;content:'';vertical-align:middle;width:7px;height:12px}.orbVb::after{display:inline-block;content:'';vertical-align:middle;border-width:12px 12px 12px 0;border-style:solid;height:0;width:0;margin-left:-6px}.orbV:hover .orbVb{opacity:.33!important;cursor:default}.orbVb>._m{display: block!important;width:7px!important;height:18px!important;position:absolute!important;top:50%;margin-top:-9px!important;right:0; overflow: hidden!important;}.orbVb>._m::before{display:block;content:'';position:absolute;right:0;top:50%;width:28px;height:24px;margin-top:-12px;border:1px solid;border-radius:50%}.orbVb>._m::after{display:block;content:'';position:absolute;right:4px;top:50%;width:14px;

52height:14px;margin-top:-7px;border:1px solid;border-radius:50%}
53    /* Flags*/
54  .orbF{padding:0 0 10px 10px!important;border-top:1px solid;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-flow:row nowrap!important;flex-flow:row nowrap!important}
55  .orbFl{margin:0!important;padding:0!important;list-style:none!important}
56  .orbFli,.orbFh{display:inline-block!important;vertical-align:top!important;line-height:18px!important;white-space:nowrap!important;margin:10px 7px 0 0!important;padding:0 6px 0 0!important;text-indent:0!important;list-style:none!important;font-size:11px!important;text-align:right}
57  .orbFlif{float:left!important;width:27px!important;height:18px!important;margin-right:5px!important}
58  .orbFhi{position:relative!important;display:inline-block!important;vertical-align:baseline!important;width:8px!important;height:9px!important;margin:0 8px 0 5px!important;border-style:solid!important;border-width:2px 1px 0 1px!important;border-radius:5px 5px 0 0!important;opacity:.5}
59  .orbFhi::before,.orbFhi::after{display:block;content:'';position:absolute;bottom:-2px;width:0;height:3px;border-style:solid;border-width:2px;border-radius:3px}
60  .orbFhi::before{left:-4px}.orbFhi::after{right:-4px}
61    /* Multiselect */
62  .orbPm{margin:0!important;padding:0!important;list-style:none!important}
63  .orbPmi{position:relative;margin:0!important;padding:10px!important;list-style:none!important;border:dotted rgba(204,204,204,0.5);border-width:1px 0 0;font-size:12px!important;overflow:hidden;white-space:nowrap;line-height:1!important;cursor:pointer}
64  .orbPmi::before{display:block;content:'';position:absolute;z-index:1;top:50%;right:10px;margin-top:-8px;width:0;height:0;border-style:solid;border-width:8px 0 8px 13px;opacity:.5;filter:alpha(opacity=50);transition:opacity .2s;}
65  .orbPmi:hover::before{opacity:1;filter:alpha(opacity=100)}
66  .orbPmi::after{display:block;content:'';position:absolute;top:0;bottom:0;right:0;width:36px}
67  .orbPmii{display:inline-block;vertical-align:middle;margin-right:10px;width:30px;height:16px;border:none!important;border-radius:2px!important}
68  .orbPmin{display:inline-block;vertical-align:middle;}
69
70    /* Compact General */
71  .cmpct .orbPti{height:24px!important;width:44px!important}
72  .cmpct .orbPtn{line-height:12px!important;font-size:12px!important}
73  .cmpct .orbPtt{line-height:12px!important;font-size:10px!important}
74  .cmpct .orbPp,.cmpct .orbPs{height:24px!important;width:24px!important;line-height:24px!important}
75  .cmpct .orbPp::before{border-width:8px 0 8px 13px !important}
76  .cmpct .orbPs::before{border-width:8px !important}
77    /* Compact w/Playlist */
78  .cmpct .orbPpli>a,.cmpct .orbPpli>span{line-height:24px!important;font-size:12px!important}
79  .cmpct .orbPpli>a>time,.cmpct .orbPpli>span>time{font-size:11px!important}
80
81</style>
82<style media="screen" id="orb_player_bba23bac9047c56_settings">.orbP{background-color:#2f63a0 !important;}/*common player background*/.orbP{border-style: solid; border-color:#2f63a0 !important;border-radius:5px;}/*common player container border, radius, width*/.orbPp,.orbPs{background:#7094bf !important}/*buttons play/stop bg*/.orbPp::before{border-color:transparent transparent transparent #ffffff !important} /* play button color */.orbPp:focus,.orbPs:focus{outline-color:#ffffff}.orbPs::before{border-color:#ffffff !important} /* stop button color */.orbPtn,.orbPtt,.orbPtt:hover{color:#ffffff !important;}/*station name & track link color*/.orbPpl{height:185px;background:#ffffff !important;}/*playlist height, playlist bg */.orbPpli>a,.orbPpli>a:visited,.orbPpli>span,.orbPpli>a:hover>time,.orbPpli.a>a>time,.orbPpli.a>span>time{color:#000000 !important;} /* playlist items color */.orbPpli>a:hover,.orbPpli.a>a,.orbPpli.a>span{color:#f07700 !important;} /* active-item color */.orbPpli>a>time,.orbPpli>span>time{color:#aeaeae !important;} /* item time color */.orbPpli.a{background:#f3f3f3 !important;} /* active-item bg */.orbPpli+li{border-color:#eeeeee !important;} /* item border color */.orbV{background-color:#2f63a0 !important;box-shadow:0 0 32px 32px #2f63a0 !important}/*volume control color */.orbVC::after,.orbVb::after{border-color:transparent #ffffff transparent transparent !important}.orbVb::before,.orbVCs{background:#ffffff !important} /* volume bg color */.orbVb>._m::before,.orbVb>._m::after{border-color:#ffffff !important}.orbF{background:#ffffff !important;color:#444444 !important;border-color:#2f63a0 !important}/* geo background & text color  */.orbFli,.orbFlif{box-shadow:0 0 1px 0 #444 inset !important}.orbFhi,.orbFhi::before,.orbFhi::after{border-color:#444 !important}</style>
83<div class="orbPhc">
84  <a class="orbPh" href="https://onlineradiobox.com/us/" title="Listen on Online Radio Box!" target="_blank"><img src="//ecdn.onlineradiobox.com/img/wl.svg" alt="Listen on Online Radio Box!"></a>
85<audio id="orb_player_bba23bac9047c56_p" crossorigin="true" style="width:1px;height:1px;overflow:hidden;position:absolute;"></audio>
86
87  <button class="orbPp" title="Listen live" country="us" alias="cjazzchannel" stream="1"></button>
88  <a class="orbPt" href="https://onlineradiobox.com/us/cjazzchannel/" target="_blank">
89    <img class="orbPti" src="//us0-cdn.onlineradiobox.com/img/logo/0/87270.v2.png" alt="CjazzChannel.com">
90    <span class="orbPtn"><strong>CjazzChannel.com</strong></span>
91  </a>
92  <span class="orbPtt" loading="loading" playing="playing" error="playback error" not_supported="this browser can't play it" external="Listen now (Opens in popup player)"></span>
93  <div class="orbV"><div class="orbVb"><i class="_m"></i></div><div class="orbVC"><div class="orbVCs" style="left: 80%;"></div></div></div>
94</div>
95<ul class="orbPpl"></ul>
96<div class="orbF" style="display:none"></div>

97<script>
98  var orbp_w = orbp_w || { lang: "en-us" };
99  orbp_w.cmd = orbp_w.cmd || [];
100  orbp_w.cmd.push(function() {
101    orbp_w.init("orb_player_bba23bac9047c56");
102  });
103  var s, t; s = document.createElement('script'); s.type = 'text/javascript';
104s.src = "//ecdn.onlineradiobox.com/js/pwidget2.min.235ca64e.js";
105  t = document.getElementsByTagName('script')[0]; t.parentNode.insertBefore(s, t);
106</script>

106
107</div>
108<!--OnlineRadioBox Player widget-->
109
110  <!-- Stats Gallery Section -->
111  <div class="gallery">
112
113    <div class="thumbnail">
114     
115      
116     
117 
118
119    </div>
120</div>
121  <!-- Parallax Section -->
122  <section class="banner">
123    <h2 class="parallax">What is CJazzChannel?</h2>
124    <p class="parallax_description">CjazzChannel.com is your secret daily vacation away from the noise and clatter of the world.  Put us on when you work, play or just chill out.  Let us remove your stress with a curated selection of the best smooth jazz tracks that you will hear anywhere.  We play the newest tracks as well as your favorite and forgotten tracks from our library of over 15,000 recordings.</p>
125  </section>
126  
127<!-- Footer Section -->
128  <section class="footer_banner" id="contact">
129    <h2 class="hidden">Footer Banner Section </h2>
130	  <p class="hero_header"><a href="https://www.facebook.com/CJazzChannel/">Visit Us on FaceBook</a></p>
131	  <div class="button"><A href="mailto:[email protected]"></A>Email Us</A></div>
132  </section>
133  <!-- Copyrights Section -->
134  <div class="copyright">&copy;2020 <strong>CJazzChannel.com</strong></div>
135</div>
136<!-- Main Container Ends -->
137</body>
138</html>