CINXE.COM

CityFM89

<!doctype html> <html lang="en-US"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="profile" href="https://gmpg.org/xfn/11"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.6.0/css/all.min.css"> <title>CityFM89</title> <meta name='robots' content='max-image-preview:large' /> <style>img:is([sizes="auto" i], [sizes^="auto," i]) { contain-intrinsic-size: 3000px 1500px }</style> <link rel='dns-prefetch' href='//unpkg.com' /> <script> window._wpemojiSettings = {"baseUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/72x72\/","ext":".png","svgUrl":"https:\/\/s.w.org\/images\/core\/emoji\/15.0.3\/svg\/","svgExt":".svg","source":{"concatemoji":"https:\/\/cityfm89.com\/wp-includes\/js\/wp-emoji-release.min.js?ver=6.7.1"}}; /*! This file is auto-generated */ !function(i,n){var o,s,e;function c(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(o,JSON.stringify(t))}catch(e){}}function p(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data),r=(e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0),new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data));return t.every(function(e,t){return e===r[t]})}function u(e,t,n){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\uddfa\ud83c\uddf3","\ud83c\uddfa\u200b\ud83c\uddf3")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!n(e,"\ud83d\udc26\u200d\u2b1b","\ud83d\udc26\u200b\u2b1b")}return!1}function f(e,t,n){var r="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):i.createElement("canvas"),a=r.getContext("2d",{willReadFrequently:!0}),o=(a.textBaseline="top",a.font="600 32px Arial",{});return e.forEach(function(e){o[e]=t(a,e,n)}),o}function t(e){var t=i.createElement("script");t.src=e,t.defer=!0,i.head.appendChild(t)}"undefined"!=typeof Promise&&(o="wpEmojiSettingsSupports",s=["flag","emoji"],n.supports={everything:!0,everythingExceptFlag:!0},e=new Promise(function(e){i.addEventListener("DOMContentLoaded",e,{once:!0})}),new Promise(function(t){var n=function(){try{var e=JSON.parse(sessionStorage.getItem(o));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(s),u.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"}),a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=function(e){c(n=e.data),a.terminate(),t(n)})}catch(e){}c(n=f(s,u,p))}t(n)}).then(function(e){for(var t in e)n.supports[t]=e[t],n.supports.everything=n.supports.everything&&n.supports[t],"flag"!==t&&(n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&n.supports[t]);n.supports.everythingExceptFlag=n.supports.everythingExceptFlag&&!n.supports.flag,n.DOMReady=!1,n.readyCallback=function(){n.DOMReady=!0}}).then(function(){return e}).then(function(){var e;n.supports.everything||(n.readyCallback(),(e=n.source||{}).concatemoji?t(e.concatemoji):e.wpemoji&&e.twemoji&&(t(e.twemoji),t(e.wpemoji)))}))}((window,document),window._wpemojiSettings); </script> <style id='wp-emoji-styles-inline-css'> img.wp-smiley, img.emoji { display: inline !important; border: none !important; box-shadow: none !important; height: 1em !important; width: 1em !important; margin: 0 0.07em !important; vertical-align: -0.1em !important; background: none !important; padding: 0 !important; } </style> <link rel='stylesheet' id='wp-block-library-css' href='https://cityfm89.com/wp-includes/css/dist/block-library/style.min.css?ver=6.7.1' media='all' /> <style id='classic-theme-styles-inline-css'> /*! This file is auto-generated */ .wp-block-button__link{color:#fff;background-color:#32373c;border-radius:9999px;box-shadow:none;text-decoration:none;padding:calc(.667em + 2px) calc(1.333em + 2px);font-size:1.125em}.wp-block-file__button{background:#32373c;color:#fff;text-decoration:none} </style> <style id='global-styles-inline-css'> :root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #ffffff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgba(255, 255, 255, 1), 6px 6px rgba(0, 0, 0, 1);--wp--preset--shadow--crisp: 6px 6px 0px rgba(0, 0, 0, 1);}:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}:where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;}:where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;} :where(.wp-block-post-template.is-layout-flex){gap: 1.25em;}:where(.wp-block-post-template.is-layout-grid){gap: 1.25em;} :where(.wp-block-columns.is-layout-flex){gap: 2em;}:where(.wp-block-columns.is-layout-grid){gap: 2em;} :root :where(.wp-block-pullquote){font-size: 1.5em;line-height: 1.6;} </style> <link rel='stylesheet' id='the_cityfm89-style-css' href='https://cityfm89.com/wp-content/themes/the_cityfm89/style.css?ver=2122491926' media='all' /> <link rel='stylesheet' id='cfm_mobile-css' href='https://cityfm89.com/wp-content/themes/the_cityfm89/css/mobile.css?ver=2042119257' media='all' /> <link rel='stylesheet' id='bootstrap-css' href='https://cityfm89.com/wp-content/themes/the_cityfm89/css/bootstrap-grid.min.css?ver=1.0.0' media='all' /> <link rel='stylesheet' id='fontawesome-regular-css' href='https://cityfm89.com/wp-content/themes/the_cityfm89/css/regular.min.css?ver=1.0.0' media='all' /> <link rel='stylesheet' id='fontawesome-brands-css' href='https://cityfm89.com/wp-content/themes/the_cityfm89/css/brands.min.css?ver=1.0.0' media='all' /> <link rel='stylesheet' id='fontawesome-solid-css' href='https://cityfm89.com/wp-content/themes/the_cityfm89/css/solid.min.css?ver=1.0.0' media='all' /> <link rel='stylesheet' id='swiper-css' href='https://unpkg.com/swiper/swiper-bundle.min.css?ver=1.0.0' media='all' /> <link rel='stylesheet' id='ourShows-css' href='https://cityfm89.com/wp-content/themes/the_cityfm89/css/ourShows.css?ver=1.0.0' media='all' /> <script src="https://cityfm89.com/wp-includes/js/jquery/jquery.min.js?ver=3.7.1" id="jquery-core-js"></script> <script src="https://cityfm89.com/wp-includes/js/jquery/jquery-migrate.min.js?ver=3.4.1" id="jquery-migrate-js"></script> <script id="spbc_cookie-js-extra"> var spbcPublic = {"_ajax_nonce":"28ebe18fbd","_rest_nonce":"d92ee79f03","_ajax_url":"\/wp-admin\/admin-ajax.php","_rest_url":"https:\/\/cityfm89.com\/wp-json\/","data__set_cookies":"1","data__set_cookies__alt_sessions_type":"1"}; </script> <script src="https://cityfm89.com/wp-content/plugins/security-malware-firewall/js/spbc-cookie.min.js?ver=2.137" id="spbc_cookie-js"></script> <link rel="https://api.w.org/" href="https://cityfm89.com/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://cityfm89.com/wp-json/wp/v2/pages/10" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://cityfm89.com/xmlrpc.php?rsd" /> <meta name="generator" content="WordPress 6.7.1" /> <link rel="canonical" href="https://cityfm89.com/" /> <link rel='shortlink' href='https://cityfm89.com/' /> <link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://cityfm89.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fcityfm89.com%2F" /> <link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://cityfm89.com/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fcityfm89.com%2F&#038;format=xml" /> <!-- start Simple Custom CSS and JS --> <script> /* Default comment here */ jQuery(document).ready(function($) { fetch('https://ipinfo.io/json') .then(response => response.json()) .then(data => { if (data.country === 'PK') { document.body.classList.add('PK'); } else { document.body.classList.add('notPK'); } }) .catch(error => console.error('Error fetching IP information:', error)); // function isLocationInPakistan(lat, lon) { // // Define the bounding box for Pakistan // const minLat = 23.6345; // const maxLat = 37.0841; // const minLon = 60.8725; // const maxLon = 77.8375; // // Check if the latitude and longitude are within the bounds of Pakistan // if (lat >= minLat && lat <= maxLat && lon >= minLon && lon <= maxLon) { // return true; // } else { // return false; // } // } // // Example usage // const lat = 30.3753; // Example latitude // const lon = 69.3451; // Example longitude // console.log(isLocationInPakistan(lat, lon)); // Should return true or false // if (navigator.geolocation) { // // navigator.geolocation.getCurrentPosition(success, error); // navigator.geolocation.getCurrentPosition(showPosition, showError); // console.log(navigator.geolocation); // } else { // console.log('Geolocation is not supported by this browser.'); // window.location.href = '/access-denied.html'; // } // function success(position) { // const latitude = position.coords.latitude; // const longitude = position.coords.longitude; // // Corrected polygon coordinates // const pakistanPolygon = [ // [60.0, 24.0], [77.0, 24.0], [77.0, 37.0], [60.0, 37.0], [60.0, 24.0] // ]; // // Check if the location is within the polygon // if (isPointInPolygon(longitude, latitude, pakistanPolygon)) { // console.log('Access granted'); // $('body').removeClass('outCountry'); // } else { // console.log('Access denied'); // $('body').addClass('outCountry'); // } // } // function error() { // console.log('Unable to retrieve your location'); // } // function isPointInPolygon(x, y, polygon) { // let isInside = false; // for (let i = 0, j = polygon.length - 1; i < polygon.length; j = i++) { // const xi = polygon[i][0], yi = polygon[i][1]; // const xj = polygon[j][0], yj = polygon[j][1]; // const intersect = ((yi > y) !== (yj > y)) && // (x < (xj - xi) * (y - yi) / (yj - yi) + xi); // if (intersect) isInside = !isInside; // } // return isInside; // } }); </script> <!-- end Simple Custom CSS and JS --> <script> ( function() { window.onpageshow = function( event ) { // Defined window.wpforms means that a form exists on a page. // If so and back/forward button has been clicked, // force reload a page to prevent the submit button state stuck. if ( typeof window.wpforms !== 'undefined' && event.persisted ) { window.location.reload(); } }; }() ); </script> <!-- Google tag (gtag.js) --><script async src="https://www.googletagmanager.com/gtag/js?id=G-GNGSZ4MXD5"></script><script>window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'G-GNGSZ4MXD5');</script> <style type="text/css"> .site-title, .site-description { position: absolute; clip: rect(1px, 1px, 1px, 1px); } </style> <link rel="icon" href="https://cityfm89.com/wp-content/uploads/2024/04/89logo.png" sizes="32x32" /> <link rel="icon" href="https://cityfm89.com/wp-content/uploads/2024/04/89logo.png" sizes="192x192" /> <link rel="apple-touch-icon" href="https://cityfm89.com/wp-content/uploads/2024/04/89logo.png" /> <meta name="msapplication-TileImage" content="https://cityfm89.com/wp-content/uploads/2024/04/89logo.png" /> <style id="wp-custom-css"> div#page { overflow: hidden; } /* Base styles for menu items */ ul#primary-menu > .menu-item { position: relative; /* Position relative for the pseudo-element */ /* Hide overflow for the pseudo-element */ transition: color 0.3s; /* Smooth transition for text color */ } /* Pseudo-element for the background effect */ ul#primary-menu > .menu-item::before { content: ''; position: absolute; bottom: 100%; /* Start below the item */ left: 0; width: 100%; height: 100%; background-color: #ae1f24; transition: bottom 0.3s ease; /* Transition for the fill effect */ z-index: 0; /* Behind the text */ } /* Menu item text styling */ ul#primary-menu > .menu-item a { position: relative; /* Relative position for stacking context */ z-index: 1; /* Ensure text is above the pseudo-element */ color: black; /* Change to your desired color */ } /* Hover effect */ ul#primary-menu > .menu-item:hover::before { bottom: 0; /* Fill from bottom to top */ } ul#primary-menu > .menu-item:not(:hover)::before { bottom: 150%; /* Reset to start below the item */ } ul.sub-menu li:hover { background: #ae1f24; } .mobile-navigation #mobile-menu.active.animate { height: 330px; z-index:999; } ul.sub-menu { margin: 0; padding: 0; background: transparent; } li.wp-block-post { width: 31%; float: left; margin: 20px 10px 0; background: #ffffff; padding: 10px; position: relative; height: 486px; } ul.sub-menu { display: block !important; background: #000; } .single article { background: #fff; padding-bottom: 10px; margin: 0; } .single .entry-content { padding: 0 20px; } .single footer.entry-footer { padding: 0 20px; } .single div#comments { padding: 0 20px; } .single article input#submit { background: #af2024; padding: 12px 10px; } .single .entry-meta, .single h1 { padding: 0 20px; } li hr.wp-block-separator.has-css-opacity { display: none; } li a { text-transform: uppercase; text-decoration: none; } li .wp-block-post-date { position: absolute; top: 6px; right: 5px; color: #000000; padding: 6px 7px; border-radius: 10px; font-size: 17px; font-family: bebas; display: inline-block; } li h2 a { font-family: bebas; } h2.wp-block-post-title { margin: 0; width: 260px; line-height: 23px; } figure.alignwide.wp-block-post-featured-image a{ margin: 0 0 20px; width: 100%; } figure.alignwide.wp-block-post-featured-image { position: unset; } .wp-block-post-excerpt { margin: 0 0 10px; } .wp-block-post-excerpt { position: relative; margin-bottom: 40px; } figure.alignwide.wp-block-post-featured-image a:after { content: "Read More"; position: absolute; background: #ae1f24; padding: 6px 14px; color: #fff; font-family: bebas; font-size: 14px; letter-spacing: 1px; margin-top: 6px; cursor: pointer; bottom: 10px; left: 10px; } .page-id-3072 .YearsBanner { background: #ae1f24; /* height: 570px; */ text-align: center; padding: 200px 0; } .single main#primary, .page-id-3072 main#primary, .tag main { background: linear-gradient(106deg, rgba(2, 0, 36, 1) 0%, rgba(18, 18, 18, 1) 50%, rgba(174, 31, 36, 1) 50%); } .page-id-3072 .YearsBanner:after { content: "City Pulse"; position: relative; font-size: 70px; color: #fff; font-family: 'bebas'; } .tag main#primary {padding: 0 310px;} .tag article#post-3130 { background: #fff; padding: 0 20px; margin: 0 0px 0; } .tag h1.page-title {background: #fff;padding: 0 10px;} .tag span.byline { display: none; } .tag h2.entry-title a { font-family: 'bebas' !important; margin: 0; } .swiper-slide.card a { width: 100%; } .page-id-2905 div:nth-child(11), .page-id-3054 div:nth-child(11) { background: #eee !important; } .page-id-2905 main.site-main .col-12 .wp-block-columns, .page-id-3054 main.site-main .col-12 .wp-block-columns { background: #f1f3f4; margin: 10px 0 20px !important; } .page-id-2905 h2.wp-block-heading, .page-id-3054 h2.wp-block-heading{ background: #ae1f24; padding: 5px 5px; margin: 0; color: #fff; } .page-id-2905 main.site-main p, .page-id-3054 main.site-main p{ background: #000; margin: 0; padding: 10px 10px; color: #fff; } .page-id-2905 figure.wp-block-audio, .page-id-3054 figure.wp-block-audio{ margin: 0; } @media only screen and (max-width: 600px) { li.wp-block-post { width: 96%; float: unset; margin: 20px 10px 0; background: #ffffff; padding: 10px; position: relative; height: 486px; } .wp-block-post-template { margin: 0; } .tag main#primary {padding: 0 10px;} } </style> <!-- GPT Script --> <script defer src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script> <script> var isMobile = 'Desktop'; var googletag = googletag || {}; googletag.cmd = googletag.cmd || []; googletag.cmd.push(function () { // Define size mappings var mapping_lb = googletag.sizeMapping() .addSize([1024, 0], [[970, 250], [970, 90], [728, 90]]) .addSize([740, 0], [[728, 90], [300, 100], [320, 50]]) .addSize([320, 0], [[320, 50], [300, 100], [320, 100]]) .addSize([0, 0], [320, 50]) .build(); var mapping_mrec = googletag.sizeMapping() .addSize([1024, 0], [[300, 250], [320, 480], [336, 280]]) .addSize([336, 0], [[300, 250], [320, 480], [320, 100], [320, 50], [336, 280]]) .addSize([320, 0], [[300, 250], [320, 480], [320, 100], [320, 50]]) .addSize([300, 0], [[300, 250], [300, 100]]) .build(); // Define ad slots googletag.defineSlot('/1029551/CityFM89-Header-LB', [970, 250], 'div-gpt-ad-header') .addService(googletag.pubads()) .defineSizeMapping(mapping_lb) .setTargeting("pos", "atf"); // Define ad slots googletag.defineSlot('/1029551/CityFM89-Footer-LB', [970, 250], 'div-gpt-ad-1729850021584-0') .addService(googletag.pubads()) .defineSizeMapping(mapping_lb) .setTargeting("pos", "atf"); // Additional targeting googletag.pubads().setTargeting('site', ['CityFM89']); googletag.pubads().setTargeting('CityFM89', ['Home']); googletag.pubads().setTargeting('device', [isMobile]); googletag.pubads().setTargeting('pagetype', ['noamp']); googletag.pubads().enableSingleRequest(); googletag.pubads().collapseEmptyDivs(true); googletag.enableServices(); }); </script> <script> window.googletag = window.googletag || {cmd: []}; googletag.cmd.push(function() { googletag.defineSlot('/1029551/CityFM-BTF-Mrec', [300, 250], 'div-gpt-ad-1729850184937-0').addService(googletag.pubads()); googletag.pubads().enableSingleRequest(); googletag.enableServices(); }); </script> <script> window.googletag = window.googletag || {cmd: []}; googletag.cmd.push(function() { googletag.defineSlot('/1029551/CityFM98-ATF-Mrec', [300, 250], 'div-gpt-ad-1729850109896-0').addService(googletag.pubads()); googletag.pubads().enableSingleRequest(); googletag.enableServices(); }); </script> <script> // document.addEventListener('contextmenu', event => //event.preventDefault()); </script> <script type="text/javascript"> // Check if the URL contains the specific query // if (window.location.href.includes('googfc=1')) { // Redirect to Facebook // window.location.href = "https://classifieds.dawn.com/"; // } </script> <script> document.addEventListener('keydown', function(event) { // Prevent Ctrl + U (Windows) or Command + U (Mac) if ((event.ctrlKey || event.metaKey) && event.key === 'u') { event.preventDefault(); } // Prevent Ctrl + Shift + I (Windows) or Command + Option + I (Mac) - Developer Tools if ((event.ctrlKey || event.metaKey) && event.shiftKey && event.key === 'i') { event.preventDefault(); } // Prevent F12 (Developer Tools) if (event.key === 'F12') { event.preventDefault(); } // Prevent Ctrl + Shift + C (Windows) or Command + Shift + C (Mac) - Inspect Element if ((event.ctrlKey || event.metaKey) && event.shiftKey && event.key === 'c') { event.preventDefault(); } }); </script> <style> .swiper-slide.home { background-size: cover; height: 450px; background-repeat: no-repeat !important; background-position: center; background-color: #bb2a29; } .ad-container { text-align: center; } .headerCity { background: #000; padding: 20px 0; } </style> </head> <body oncopy="return false;" class="home page-template-default page page-id-10 wp-custom-logo no-sidebar"> <div id="page" class="site"> <a href="https://wa.me/+923142898989" target="_blank" class="floating whatsapp"><i class="fab fa-whatsapp"></i></a> <a href="https://www.youtube.com/@CityFM89official" target="_blank" class="floating whatsapp youTUBE"><i class="fab fa-youtube"></i></a> <a class="skip-link screen-reader-text" href="#primary">Skip to content</a> <div class="container-fluid bg-black d-none d-md-block"> <div class="row"> <div class="col-12"> <div class="dawn-properties"> <a href="https://epaper.dawn.com/">EPAPER</a> <a href="https://www.dawnnews.tv/watch-live">LIVE TV</a> <a href="https://www.dawnnews.tv/">DAWNNEWS URDU</a> <a href="https://images.dawn.com/">IMAGES</a> <a href="https://herald.dawn.com/">HERALD</a> <a href="https://aurora.dawn.com/">AURORA</a> <a href="https://cityfm89.com/">CITYFM89</a> <a href="https://www.youtube.com/channel/UCkMdI0K-74jAjOmh5J5H97Q">TEELI</a> <a href="https://www.dawn.com/advertise">ADVERTISE</a> <a href="https://www.dawn.com/events/supplements">EVENTS / SUPPLEMENTS</a> <a href="http://classifieds.dawn.com/">CLASSIFIEDS</a> <a href="https://obituary.dawn.com/">OBITUARIES</a> </div> </div> </div> </div> <style> #banner-carousel.swiper{ width:100%; } .floating.whatsapp.youTUBE { bottom: 137px; padding: 15px 12px; background: #ff0100; } @media only screen and (max-width: 600px) { #banner-carousel.swiper{ width:100%; height:175px; } } </style> <div class="bg-black"> <div class="container"> <header id="masthead" class="site-header"> <div class="site-branding"> <a href="https://cityfm89.com/" class="custom-logo-link" rel="home" aria-current="page"><img width="89" height="118" src="https://cityfm89.com/wp-content/uploads/2024/04/89logo.png" class="custom-logo" alt="CityFM89" decoding="async" /></a> </div><!-- .site-branding --> <nav id="site-navigation" class="main-navigation"> <ul id="primary-menu" class="menu"><div class="nav-bg-itemX"></div><li id="menu-item-13" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-10 current_page_item menu-item-13"><a href="https://cityfm89.com/" aria-current="page">Home</a></li> <li id="menu-item-14" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14"><a href="#featured-podcasts">Featured</a></li> <li id="menu-item-3226" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3226"><a href="#">Polls/Quizzes</a> <ul class="sub-menu"> <li id="menu-item-3216" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3216"><a href="https://cityfm89.com/office-character/">&#8220;The Office&#8221; Quiz</a></li> <li id="menu-item-3217" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3217"><a href="https://cityfm89.com/survey/"><span class="ee">Nescafé</span> Presents #89Brews Coffee Quiz</a></li> </ul> </li> <li id="menu-item-3048" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3048"><a href="https://cityfm89.com/specials/">Specials</a></li> <li id="menu-item-3074" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3074"><a href="https://cityfm89.com/city-pulse/">City Pulse</a></li> <li id="menu-item-16" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-16"><a href="#digital">Digital</a></li> </ul> </nav><!-- #site-navigation --> <div class="socials"> <a href="https://www.facebook.com/CityFM89" target="_blank"><i class="fa-brands fa-facebook-f"></i></a> <a href="https://www.instagram.com/cityfm89/" target="_blank"><i class="fab fa-instagram"></i></a> <a href="https://twitter.com/CityFM89" target="_blank"><i class="fa-brands fa-x-twitter"></i></a> <a href="#"><i class="fa-brands fa-snapchat"></i></a> <a href="https://www.youtube.com/@CityFM89official" target="_blank"><i class="fab fa-youtube"></i></a> <a href="https://soundcloud.com/cityfm89" target="_blank"><i class="fa-brands fa-soundcloud"></i></a> </div> <nav id="mobile-header-navigation" class="mobile-navigation"> <div class="hamburger-placeholder"> <div class="hamburger" id="hamburger-9"> <span class="line"></span> <span class="line"></span> <span class="line"></span> </div> </div> <ul id="mobile-menu" class="menu"><li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-home current-menu-item page_item page-item-10 current_page_item menu-item-13"><a href="https://cityfm89.com/" aria-current="page">Home</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-14"><a href="#featured-podcasts">Featured</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-3226"><a href="#">Polls/Quizzes</a> <ul class="sub-menu"> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3216"><a href="https://cityfm89.com/office-character/">&#8220;The Office&#8221; Quiz</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3217"><a href="https://cityfm89.com/survey/"><span class="ee">Nescafé</span> Presents #89Brews Coffee Quiz</a></li> </ul> </li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3048"><a href="https://cityfm89.com/specials/">Specials</a></li> <li class="menu-item menu-item-type-post_type menu-item-object-page menu-item-3074"><a href="https://cityfm89.com/city-pulse/">City Pulse</a></li> <li class="menu-item menu-item-type-custom menu-item-object-custom menu-item-16"><a href="#digital">Digital</a></li> </ul> </nav><!-- #site-navigation --> <div class="showLiveName" style="display: flex;"> <div class="radio-player"> <div id="play"> <div id="me"></div> </div> <h2 style="color:#fff;align-self: center; margin-left:5px"> Live: <span class="text-secondary-color"> Insomnia</span></h2> </div> </header><!-- #masthead --> </div> </div> <div class="container-fluid bg-black" style="display:none"> <div class="row"> <div class="col-lg-6 offset-lg-3"> <div class="ad-space" style="text-align:center;"> <img src="https://cityfm89.com/wp-content/uploads/2023/08/FM-Ad-728x90-.jpg" width="728px" style="display:none"> <!-- Leaderboard-728X90 --> <!-- <ins class="adsbygoogle" style="display:inline-block;width:728px;height:90px" data-ad-client="ca-pub-0979793366181478" data-ad-slot="1787793261"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> --> </div> </div> <div class="col-lg-3" style="display: flex;"> <h2 style="color:#fff;align-self: center;"><span class="text-secondary-color">Listen Live:</span> Insomnia</h2> <div class="radio-player"> <div id="play"> <div id="me"></div> </div> </div> </div> </div> </div> <div class="container-fluid bg-gray" style=" background: #242424;"> <div class="row"> <div class="col-12" style="display: flex;justify-content: center;"> <div class="marquee"> <div> <p>Charli XCX Is the Face of SKIMS\' Latest Campaign </p><p>Dame Dash To Gift an Original Roc-A-Fella Chain to Whoever Bids $10 Million USD on Rights To \'Reasonable Doubts\' </p><p>Nicki Minaj Announces Deluxe Edition of ‘Pink Friday 2’ </p><p>Halle Berry Is Open to Directing a ‘Catwoman’ Sequel </p><p>Instagram Tests New Vertical Profile Grid </p><p>Travis Scott Is Re-Releasing \'Days Before Rodeo\' Mixtape on Streaming</p> </div> </div> </div> </div> </div> <!-- Header Ad --> <div class='ad-container headerCity' id='div-gpt-ad-header' style='max-width: 100%;'> <script> googletag.cmd.push(function() { googletag.display('div-gpt-ad-header'); }); </script> </div> <div class="YearsBanner"></div> <div class="srinager"></div> <div class="container-fluid bg-black"> <div class="row"> <div id="banner-carousel" class="swiper"> <div class="swiper-wrapper"> <div class="swiper-slide home" style="background-image: url(https://cityfm89.com/wp-content/uploads/2023/06/Abstract-15x8_Corporate_Print-Ad-copy-e1731488813611.webp);"><div class="slide-content"></div></div> </div> <div class="swiper-pagination"></div> <div class="swiper-button-prev"></div> <div class="swiper-button-next"></div> </div> </div> </div> <main id="primary" class="site-main"> <section class="bg-black"> <div class="container"> <div class="row"> <div class="col-12"> <h1 class="section-heading text-white">Featured Podcast</h1> <p class="text-center">Keep up to date with the latest entertainment features from CityFM89 & beyond.<br> The CityFM89 Featured Podcasts serve you recommendations and commentary on the buzziest movies, TV, music, lifestyle and more.</p> </div> </div> <div class="row" id="featured-podcasts" style={display:none}> <div class="col-md-4"><div class="card"> <iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?si=4SgWoyAq5n6Kewft&amp;list=PLHOGYapmEZChulXyN-E5hpVDoh8FePfGF" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div></div><div class="col-md-4"><div class="card"> <iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?si=uqL33OlbouJd8PWI&amp;list=PLHOGYapmEZCghTmjiDFC-vMhdSF2b2EzO" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div></div><div class="col-md-4"><div class="card"> <iframe width="560" height="315" src="https://www.youtube.com/embed/videoseries?si=_eg5fcxyz5ypkuRw&amp;list=PLHOGYapmEZCh5wRGa8Fef6wQVQLd9AObY" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe> </div></div> </div> <div class="row YouTubeLatest"> <div class="col-12"> <div class="swiper-containerX"> <div class="swiper-wrapper" id="youtube-slider"> <!-- Video slides will be added here dynamically --> </div> <div class="swiper-pagination"></div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> </div> </div> </div> <br/> </section> <script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script> <script> document.addEventListener('DOMContentLoaded', function() { const channelId = 'UCQe3SZuHo27SFvoKF15BcMg'; // Your YouTube Channel ID const rssUrl = `https://www.youtube.com/feeds/videos.xml?channel_id=${channelId}`; const rss2jsonUrl = `https://api.rss2json.com/v1/api.json?rss_url=${encodeURIComponent(rssUrl)}`; function fetchYouTubeData() { return fetch(rss2jsonUrl) .then(response => response.json()) .catch(error => console.error('Error fetching YouTube data:', error)); } fetchYouTubeData().then(data => { let html = ''; const latestVideos = data.items.slice(0, 10); // Get the latest 10 videos latestVideos.forEach(item => { const videoId = item.link.split('=')[1]; const title = item.title; html += `<div class="swiper-slide youtube-video"> <iframe data-video-id="${videoId}" src="https://www.youtube.com/embed/${videoId}" title="${title}" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div>`; }); document.getElementById('youtube-slider').innerHTML = html; // Initialize Swiper const swiper = new Swiper('.swiper-containerX', { slidesPerView: 1, spaceBetween: 20, loop: true, navigation: { nextEl: '.swiper-button-next', prevEl: '.swiper-button-prev', }, breakpoints: { 650: { slidesPerView: 1 }, 768: { slidesPerView: 2 }, 992: { slidesPerView: 3 } } }); // Pause all videos except the one being played function pauseAllVideos(iframe) { const iframes = document.querySelectorAll('.youtube-video iframe'); iframes.forEach(currentIframe => { if (currentIframe !== iframe) { currentIframe.contentWindow.postMessage('{"event":"command","func":"pauseVideo","args":""}', '*'); } }); } // Add event listener to each video iframe const iframes = document.querySelectorAll('.youtube-video iframe'); iframes.forEach(iframe => { iframe.addEventListener('play', function() { pauseAllVideos(iframe); }); }); }); }); </script> <style> .col-sm-8.audio audio { width: 100%; margin: 20px 0 6px; } .swiper-containerX { width: 100%; padding: 0; overflow: hidden; } .swiper-slide { text-align: center; font-size: 18px; background: #fff; display: flex; justify-content: center; align-items: center; } .youtube-video iframe { width: 100%; max-width: 520px; height: 240px; } .row.YouTubeLatest { position: relative; } .row.YouTubeLatest .swiper-button-prev { left: -30px; } .row.YouTubeLatest .swiper-button-next { right: -30px; } div#featured-podcasts { display: none; } .row.YouTubeLatest .swiper-button-next { right: -30px; color: var(--Secondary-Color); } @media (max-width: 650px){ .YouTubeLatest { width: 80%; margin: auto; } } </style><style> .answers .item{ background-color:#101010; color:#fff; padding:10px 14px; transition:background-color 0.3s ease-in-out; margin-bottom:15px; } .answers .item:hover{ background-color:var(--Secondary-Color); } .casette-father{ display:flex; width:100%; height:100%; justify-content:center; align-items:center; } .cassette-container{ width:550px; height:550px; position: relative; } .cassette-container img{ position:absolute; } .cassette-container img#exclaimation{ right: 232px; width: 40px; top: 51px; } .cassette-container img#ques1{ width: 40px; top: 51px; right: 164px; } .cassette-container img#bolt1{ top: 99px; right: 90px; } .cassette-container img#ques2{ top: 206px; right: 77px; } .cassette-container img#bolt2{ top: 145px; right: 88px; } .cassette-container #cassette{ width: 391px; height: 272.75px; position: absolute; top: 62px; left: 29px; } .cassette-container #cassette #skelleton{ width:100%; } .cassette-container #cassette #striped-l{ position: absolute; top: 116px; left: 49px; width: 174px; transform-origin: center; } .cassette-container #cassette #striped-r{ position: absolute; top: 128px; right: 57px; width: 124px; transform-origin: center; } .cassette-container #cassette #spin-l{ position: absolute; top: 155px; left: 88px; width: 96px; transform-origin: center; } .cassette-container #cassette #spin-r{ position: absolute; top: 156px; right: 85px; width: 68px; transform-origin: center; } .cassette-container:hover #cassette #spin-l,.cassette-container:hover #cassette #spin-r,.cassette-container:hover #cassette #striped-l,.cassette-container:hover #cassette #striped-r{ animation-name: spin; animation-duration: 6000ms; animation-iteration-count: infinite; animation-timing-function: linear; } .cassette-container:hover img#exclaimation, .cassette-container:hover img#ques1, .cassette-container:hover img#bolt1, .cassette-container:hover img#ques2, .cassette-container:hover img#bolt2{ animation-name: wiggle; animation-duration: 400ms; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes wiggle { 0%{ transform:rotate(0deg); } 50%{ transform:rotate(10deg); } 100%{ transform:rotate(0deg); } } a.survey {text-decoration: none;} a.survey { text-decoration: none; background: #ae1f24; color: #fff; font-family: 'bebas'; font-size: 21px; padding: 6px 10px; display: inline-block; margin-bottom: 10px; border-radius: 5px; letter-spacing: 1px; } a.survey h2, a.survey h3 { padding: 0; margin: 0; } .col-md-6.survey h2.text-white { text-decoration: underline; margin: 0; } .col-md-6.survey h3.text-white { margin: 0 0 10px; } </style> <section style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/01/polls-07-e1673094284291.png);background-size:cover;background-position:right;min-height: 569px;"> <div class="container"> <div class="row"> <div class="col-md-6 survey "> <h1 class="section-heading-left text-white" style="font-size:3rem;">Polls and Quizzes</h1> <img src="https://cityfm89.com/wp-content/uploads/2024/09/WhatsApp-Image-2024-09-30-at-14.44.49.jpeg" style=" width: 50%; "> <h2 class="text-white">#89Brews Coffee Quiz</h2> <h3 class="text-white">Which Type of Coffee matches your Vibe? </h3> <a class="survey" href="https://cityfm89.com/survey/">Take the Quiz </a> <div class="row" id="quiz-container"> <!-- <h2 class="text-white">Which new release is your current jam?</h2> <div class="answers" style="columns:2;"> <div class="item">Love Again by Dua Lip</div> <div class="item">Last train home by John Mayer</div> <div class="item">Good 4 U by Olivia Rodrigo</div> <div class="item">Butter by BTS</div> </div> --> <div id="sponser-logo"> <!-- /1029551/CityFM-BTF-Mrec --> <div id='div-gpt-ad-1729850184937-0' style='min-width: 300px; min-height: 250px;'> <script> googletag.cmd.push(function() { googletag.display('div-gpt-ad-1729850184937-0'); }); </script> </div> </div> </div> </div> <div class="col-md-6"> <div class="casette-father"> <div class="cassette-container"> <div id="cassette"> <img id="skelleton" src="https://cityfm89.com/wp-content/uploads/2023/02/08-01.png" alt="" width="391px" height="391px"> <img id="striped-l" src="https://cityfm89.com/wp-content/uploads/2023/02/01-01.png" alt="" width="174px" height="174px"> <img id="spin-l" src="https://cityfm89.com/wp-content/uploads/2023/02/02-01.png" alt="" width="96px" height="96px"> <img id="striped-r" src="https://cityfm89.com/wp-content/uploads/2023/02/01-01.png" alt="" width="124px" height="124px"> <img id="spin-r" src="https://cityfm89.com/wp-content/uploads/2023/02/02-01.png" alt="" width="68px" height="68px"> </div> <img id="exclaimation" src="https://cityfm89.com/wp-content/uploads/2023/01/89-Website-Final-10.png" alt="" width="40px" height="63px"> <img id="ques1" src="https://cityfm89.com/wp-content/uploads/2023/01/89-Website-Final-12.png" alt="" width="40px" height="77px"> <img id="bolt1" src="https://cityfm89.com/wp-content/uploads/2023/01/89-Website-Final-13.png" alt="" width="80px" height="49px"> <img id="ques2" src="https://cityfm89.com/wp-content/uploads/2023/01/89-Website-Final-14.png" alt="" width="66px" height="91px"> <img id="bolt2" src="https://cityfm89.com/wp-content/uploads/2023/01/89-Website-Final-15.png" alt="" width="60px" height="49px"> </div> </div> </div> </div> </div> </section> <style> section.showsCarousel{ position: relative; margin:auto; display: flex; align-items: center; } .swiper{ width: 1141px; } .showsCarousel .card{ position: relative; background: #fff; border-radius: 20px; margin: 20px 0; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1); } .showsCarousel .card .card-content{ display: flex; flex-direction: column; align-items: center; padding: 30px; position: relative; z-index: 100; height:306px; background-size: contain; } .showsCarousel .card .image{ height: 140px; width: 140px; border-radius: 50%; padding: 3px; background: #7d2ae8; } .showsCarousel .card .image img{ height: 100%; width: 100%; object-fit: cover; border-radius: 50%; border: 3px solid #fff; } .showsCarousel .card .media-icons{ position: absolute; top: 10px; right: 20px; display: flex; flex-direction: column; align-items: center; } .showsCarousel .card .media-icons i{ color: #fff; opacity: 0.6; margin-top: 10px; transition: all 0.3s ease; cursor: pointer; } .showsCarousel .card .media-icons i:hover{ opacity: 1; } .showsCarousel .card .name-profession{ display: flex; flex-direction: column; align-items: center; margin-top: 10px; color: ; } .showsCarousel .name-profession .name{ font-size: 20px; font-weight: 600; } .showsCarousel .name-profession .profession{ font-size:15px; font-weight: 500; } .showsCarousel .card .rating{ display: flex; align-items: center; margin-top: 18px; } .showsCarousel .card .rating i{ font-size: 18px; margin: 0 2px; color: #7d2ae8; } .showsCarousel .card .button{ width: 100%; display: flex; flex-direction:column; position: absolute; bottom: 0px; } .showsCarousel .card .button *{ margin:5px 0; color:#fff; } .showsCarousel .swiper-pagination{ position: absolute; } .showsCarousel .swiper-pagination-bullet{ height: 7px; width: 26px; border-radius: 25px; background: var(--Secondary-Color); } .showsCarousel .swiper-button-next, .swiper-button-prev{ opacity: 0.7; color: var(--Secondary-Color); transition: all 0.3s ease; } .showsCarousel .swiper-button-next:hover, .swiper-button-prev:hover{ opacity: 1; color: var(--Secondary-Color); } </style> <section class="bg-gray" id="shows"> <div class="container"> <div class="row"> <div class="col-md-6 "> <p class="section-tagline">Live on CityFM - <span class="bg-secondary-color" style="padding:4px;">89</span></p> <h1 style="text-align:center;margin-bottom:5px;line-height:1;color:#fff;">Insomnia</h1> <p class="text-center" style="margin:auto auto 20px;max-width: 587px;">Insomnia is here to keep the party going with non-stop hit music, so you&#39;ll never have to your dial. Get ready to groove to the beat! Monday – Sunday (12AM – 7AM)</p> <div class="show_profile_container" style="display:flex;justify-content:center;align-items:center;"> <div style="position:relative;width:200px;height:200px;background-image:url(https://cityfm89.com/wp-content/uploads/2023/06/IN89.webp);background-position:center;background-size:cover;border-radius:100%;"> <div style="background-color:#fff;position:absolute;bottom:-10px;right:-15px;width:100px;height:100px;background-image:url(https://cityfm89.com/wp-content/uploads/2023/01/mobile-logo-Insomnia.png);background-position:center;background-size:cover;border-radius:100%;"></div> </div> </div> <h1 class="section-heading text-white"> Our Shows</h1> </div> <div class="col-md-6 " style="display: flex;justify-content: center;align-items: center;padding-bottom:15px;padding-top:15px;" > <!-- /1029551/CityFM98-ATF-Mrec --> <div id='div-gpt-ad-1729850109896-0' style='min-width: 300px; min-height: 250px;'> <script> googletag.cmd.push(function() { googletag.display('div-gpt-ad-1729850109896-0'); }); </script> </div> </div> </div> <div class="row"> <div class="col-12"> <div class="seperator" style="height:2px;background-color:#fff;width:100%;margin-top:20px;"></div> <div class="wrapper"> <div class="tab-wrapper"> <ul class="tabs"> <li class="tab-link active" data-tab="monday">Monday</li> <li class="tab-link" data-tab="tuesday">Tuesday</li> <li class="tab-link" data-tab="wednesday">Wednesday</li> <li class="tab-link" data-tab="thursday">Thursday</li> <li class="tab-link" data-tab="friday">Friday</li> <li class="tab-link" data-tab="saturday">Saturday</li> <li class="tab-link" data-tab="sunday">Sunday</li> </ul> </div> <div class="content-wrapper"> <div id="tab-monday" class="tab-content active"> <section class="showsCarousel monday"> <div class="swiper mySwiper container"> <div class="swiper-wrapper"> <div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=1"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/06/IN89.webp)"><div class="button bg-secondary-color"><h2>Insomnia</h2><p>00:01 - 07:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=5"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2024/10/BFS-Banner1.jpg)"><div class="button bg-secondary-color"><h2>The Breakfast Show</h2><p>07:01 - 10:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=2"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/10/nonstop-hits-vertical.webp)"><div class="button bg-secondary-color"><h2>Non-Stop Hits</h2><p>10:01 - 12:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=8"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/06/MDM.webp)"><div class="button bg-secondary-color"><h2>Midday Madness</h2><p>12:01 - 15:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=4"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/06/JB89.webp)"><div class="button bg-secondary-color"><h2>89 JukeBox</h2><p>15:01 - 16:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=2"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/10/nonstop-hits-vertical.webp)"><div class="button bg-secondary-color"><h2>Non-Stop Hits</h2><p>16:01 - 17:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=3"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/06/WES89.webp)"><div class="button bg-secondary-color"><h2>Rush Hour</h2><p>17:01 - 20:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=10"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2024/11/Future-Sounds-411x617-1.png)"><div class="button bg-secondary-color"><h2>Future Sounds</h2><p>20:01 - 22:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=2"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/10/nonstop-hits-vertical.webp)"><div class="button bg-secondary-color"><h2>Non-Stop Hits</h2><p>22:01 - 23:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=2"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/10/nonstop-hits-vertical.webp)"><div class="button bg-secondary-color"><h2>Non-Stop Hits</h2><p>23:01 - 23:59</p></div></div></a></div> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> <div class="swiper-pagination"></div> </section> </div> <div id="tab-tuesday" class="tab-content"> <section class="showsCarousel tuesday"> <div class="swiper mySwiper container"> <div class="swiper-wrapper"> <div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=1"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/06/IN89.webp)"><div class="button bg-secondary-color"><h2>Insomnia</h2><p>00:01 - 07:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=5"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2024/10/BFS-Banner1.jpg)"><div class="button bg-secondary-color"><h2>The Breakfast Show</h2><p>07:00 - 10:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=2"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/10/nonstop-hits-vertical.webp)"><div class="button bg-secondary-color"><h2>Non-Stop Hits</h2><p>10:01 - 12:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=8"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/06/MDM.webp)"><div class="button bg-secondary-color"><h2>Midday Madness</h2><p>12:01 - 15:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=4"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/06/JB89.webp)"><div class="button bg-secondary-color"><h2>89 JukeBox</h2><p>15:01 - 16:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=2"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/10/nonstop-hits-vertical.webp)"><div class="button bg-secondary-color"><h2>Non-Stop Hits</h2><p>16:01 - 17:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=3"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/06/WES89.webp)"><div class="button bg-secondary-color"><h2>Rush Hour</h2><p>17:01 - 20:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=10"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2024/11/Future-Sounds-411x617-1.png)"><div class="button bg-secondary-color"><h2>Future Sounds</h2><p>20:01 - 22:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=2"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/10/nonstop-hits-vertical.webp)"><div class="button bg-secondary-color"><h2>Non-Stop Hits</h2><p>22:01 - 23:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=2"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/10/nonstop-hits-vertical.webp)"><div class="button bg-secondary-color"><h2>Non-Stop Hits</h2><p>23:01 - 23:59</p></div></div></a></div> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> <div class="swiper-pagination"></div> </section> </div> <div id="tab-wednesday"class="tab-content"> <section class="showsCarousel wednesday"> <div class="swiper mySwiper container"> <div class="swiper-wrapper"> <div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=1"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/06/IN89.webp)"><div class="button bg-secondary-color"><h2>Insomnia</h2><p>00:01 - 07:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=5"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2024/10/BFS-Banner1.jpg)"><div class="button bg-secondary-color"><h2>The Breakfast Show</h2><p>07:01 - 10:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=2"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/10/nonstop-hits-vertical.webp)"><div class="button bg-secondary-color"><h2>Non-Stop Hits</h2><p>10:01 - 12:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=8"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/06/MDM.webp)"><div class="button bg-secondary-color"><h2>Midday Madness</h2><p>12:01 - 15:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=4"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/06/JB89.webp)"><div class="button bg-secondary-color"><h2>89 JukeBox</h2><p>15:01 - 16:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=2"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/10/nonstop-hits-vertical.webp)"><div class="button bg-secondary-color"><h2>Non-Stop Hits</h2><p>16:01 - 17:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=3"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/06/WES89.webp)"><div class="button bg-secondary-color"><h2>Rush Hour</h2><p>17:01 - 19:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=12"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/06/TP89.webp)"><div class="button bg-secondary-color"><h2>The Darkroom</h2><p>19:01 - 21:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=10"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2024/11/Future-Sounds-411x617-1.png)"><div class="button bg-secondary-color"><h2>Future Sounds</h2><p>21:01 - 22:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=2"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/10/nonstop-hits-vertical.webp)"><div class="button bg-secondary-color"><h2>Non-Stop Hits</h2><p>22:01 - 23:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=2"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/10/nonstop-hits-vertical.webp)"><div class="button bg-secondary-color"><h2>Non-Stop Hits</h2><p>23:01 - 23:59</p></div></div></a></div> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> <div class="swiper-pagination"></div> </section> </div> <div id="tab-thursday"class="tab-content"> <section class="showsCarousel thursday"> <div class="swiper mySwiper container"> <div class="swiper-wrapper"> <div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=1"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/06/IN89.webp)"><div class="button bg-secondary-color"><h2>Insomnia</h2><p>00:01 - 07:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=5"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2024/10/BFS-Banner1.jpg)"><div class="button bg-secondary-color"><h2>The Breakfast Show</h2><p>07:01 - 10:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=2"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/10/nonstop-hits-vertical.webp)"><div class="button bg-secondary-color"><h2>Non-Stop Hits</h2><p>10:01 - 12:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=8"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/06/MDM.webp)"><div class="button bg-secondary-color"><h2>Midday Madness</h2><p>12:01 - 15:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=4"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/06/JB89.webp)"><div class="button bg-secondary-color"><h2>89 JukeBox</h2><p>15:01 - 16:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=2"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/10/nonstop-hits-vertical.webp)"><div class="button bg-secondary-color"><h2>Non-Stop Hits</h2><p>16:01 - 17:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=3"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/06/WES89.webp)"><div class="button bg-secondary-color"><h2>Rush Hour</h2><p>17:01 - 20:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=10"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2024/11/Future-Sounds-411x617-1.png)"><div class="button bg-secondary-color"><h2>Future Sounds</h2><p>20:01 - 22:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=2"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/10/nonstop-hits-vertical.webp)"><div class="button bg-secondary-color"><h2>Non-Stop Hits</h2><p>22:01 - 23:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=2"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/10/nonstop-hits-vertical.webp)"><div class="button bg-secondary-color"><h2>Non-Stop Hits</h2><p>23:01 - 23:59</p></div></div></a></div> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> <div class="swiper-pagination"></div> </section> </div> <div id="tab-friday"class="tab-content"> <section class="showsCarousel friday"> <div class="swiper mySwiper container"> <div class="swiper-wrapper"> <div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=1"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/06/IN89.webp)"><div class="button bg-secondary-color"><h2>Insomnia</h2><p>00:01 - 07:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=5"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2024/10/BFS-Banner1.jpg)"><div class="button bg-secondary-color"><h2>The Breakfast Show</h2><p>07:01 - 10:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=2"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/10/nonstop-hits-vertical.webp)"><div class="button bg-secondary-color"><h2>Non-Stop Hits</h2><p>10:01 - 12:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=8"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/06/MDM.webp)"><div class="button bg-secondary-color"><h2>Midday Madness</h2><p>12:01 - 14:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=11"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/06/SH89.webp)"><div class="button bg-secondary-color"><h2>Sufi Hour</h2><p>14:01 - 15:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=4"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/06/JB89.webp)"><div class="button bg-secondary-color"><h2>89 JukeBox</h2><p>15:01 - 16:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=2"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/10/nonstop-hits-vertical.webp)"><div class="button bg-secondary-color"><h2>Non-Stop Hits</h2><p>16:01 - 17:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=3"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/06/WES89.webp)"><div class="button bg-secondary-color"><h2>Rush Hour</h2><p>17:01 - 20:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=10"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2024/11/Future-Sounds-411x617-1.png)"><div class="button bg-secondary-color"><h2>Future Sounds</h2><p>20:01 - 22:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=6"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/06/BT89.webp)"><div class="button bg-secondary-color"><h2>Beatcamp</h2><p>22:01 - 23:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=6"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/06/BT89.webp)"><div class="button bg-secondary-color"><h2>Beatcamp</h2><p>23:01 - 23:59</p></div></div></a></div> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> <div class="swiper-pagination"></div> </section> </div> <div id="tab-saturday"class="tab-content"> <section class="showsCarousel saturday"> <div class="swiper mySwiper container"> <div class="swiper-wrapper"> <div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=1"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/06/IN89.webp)"><div class="button bg-secondary-color"><h2>Insomnia</h2><p>00:01 - 07:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=2"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/10/nonstop-hits-vertical.webp)"><div class="button bg-secondary-color"><h2>Non-Stop Hits</h2><p>07:01 - 17:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=7"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/06/FL89.webp)"><div class="button bg-secondary-color"><h2>Full Disclosure</h2><p>17:01 - 19:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=2"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/10/nonstop-hits-vertical.webp)"><div class="button bg-secondary-color"><h2>Non-Stop Hits</h2><p>19:01 - 22:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=6"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/06/BT89.webp)"><div class="button bg-secondary-color"><h2>Beatcamp</h2><p>23:01 - 23:59</p></div></div></a></div> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> <div class="swiper-pagination"></div> </section> </div> <div id="tab-sunday"class="tab-content"> <section class="showsCarousel sunday"> <div class="swiper mySwiper container"> <div class="swiper-wrapper"> <div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=1"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/06/IN89.webp)"><div class="button bg-secondary-color"><h2>Insomnia</h2><p>00:01 - 07:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=7"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/06/FL89.webp)"><div class="button bg-secondary-color"><h2>Full Disclosure</h2><p>17:01 - 19:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=9"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/06/AM89.webp)"><div class="button bg-secondary-color"><h2>Retro 89</h2><p>19:01 - 21:00</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=2"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/10/nonstop-hits-vertical.webp)"><div class="button bg-secondary-color"><h2>Non-Stop Hits</h2><p>21:01 - 23:59</p></div></div></a></div><div class="swiper-slide card"><a href="https://cityfm89.com/radio-shows?show_id=2"><div class="card-content" style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/10/nonstop-hits-vertical.webp)"><div class="button bg-secondary-color"><h2>Non-Stop Hits</h2><p>07:01 - 17:00</p></div></div></a></div> </div> </div> <div class="swiper-button-next"></div> <div class="swiper-button-prev"></div> <div class="swiper-pagination"></div> </section> </div> </div> </div> </div> </div> </div> </section> <script> jQuery('.tab-link').click( function() { var tabID = jQuery(this).attr('data-tab'); jQuery(this).addClass('active').siblings().removeClass('active'); jQuery('#tab-'+tabID).addClass('active').siblings().removeClass('active'); }); /* jQuery(function($){ $(window).on('load', function(){ // Carousel Slider // let elemWidth = ( 100 * parseFloat($('.listBox li').css('width')) / parseFloat($('.containerBox').parent().css('width')) ); // Width of each element let elemPerPage = parseInt((100 / elemWidth)); // Elements per page let marginLeft = 0; let count = 0; let totalElem = $('.listBox li').length; // Number of total elements let numSlides = Math.ceil(totalElem / elemPerPage); // Number of slides if ( totalElem > elemPerPage ) { $('.arrow.back').on('click', function(){ // Go back if ( marginLeft < 0 ) { count--; marginLeft = marginLeft + 100; $('ul.listBox').animate({ marginLeft: marginLeft + "%" }, 1500); } }); $('.arrow.forward').on('click', function(){ // Go forward count++; if ( count < numSlides ) { if ( marginLeft <= 0 ) { marginLeft = marginLeft - 100; $('ul.listBox').animate({ marginLeft: marginLeft + "%" }, 1500); } } else { count--; } }); } }); }) */ </script><section class="bg-lighter" id="digital"> <div class="container"> <div class="row"> <div class="col-12"> <h1 class="section-heading text-white">89 <span class="text-secondary-color">Digital</span></h1> <p class="text-center" style="margin:auto auto 20px;max-width: 587px;">Catch all the latest from the CityFM89 Socials</p> <div class="digital-socials" style="display: flex;gap: 10px;justify-content: center;margin-bottom: 10px;"> <a href="https://www.facebook.com/CityFM89" target="_blank"><i class="fab fa-facebook"></i></a> <a href="https://www.instagram.com/cityfm89/" target="_blank"><i class="fab fa-instagram"></i></a> <a href="https://twitter.com/CityFM89" target="_blank"><i class="fab fa-twitter"></i></a> <a href="#"><i class="fab fa-snapchat"></i></a> <a href="https://www.youtube.com/@CityFM89official" target="_blank"><i class="fab fa-youtube"></i></a> <a href="https://soundcloud.com/cityfm89" target="_blank"><i class="fab fa-soundcloud"></i></a> </div> </div> </div> <div class="row"> <div class="col-12"> <div class="slider"> <input type="radio" name="testimonial" id="t-1"> <input type="radio" name="testimonial" id="t-2"> <input type="radio" name="testimonial" id="t-3" checked> <input type="radio" name="testimonial" id="t-4"> <input type="radio" name="testimonial" id="t-5"> <div class="testimonials"> <label class="item" for="t-1"> <img src="https://cityfm89.com/wp-content/uploads/2023/01/89-Website-Final-03.png" width="260px" height="150px" alt="picture"> <p>Asim Azhar and Arshman Naeem&#8217;s &#8220;Jo Tu Na Mila&#8221; x &#8220;Habibi&#8221; mashup needs to be on your playlist</p> </label> <label class="item" for="t-2"> <img src="https://cityfm89.com/wp-content/uploads/2023/01/89-Website-Final-04.png" width="260px" height="150px" alt="picture"> <p>&#8216;Music is a universal language&#8217;: Natasha Baig defends her stance on Abdullah Qureshi quitting the music industry</p> </label> <label class="item" for="t-3"> <img src="https://cityfm89.com/wp-content/uploads/2023/01/89-Website-Final-05.png" width="260px" height="150px" alt="picture"> <p>&#8220;Today i give you to the audience of the world&#8221;: Maula Jatt director Bilal Lashari sends off his dream film</p> </label> <label class="item" for="t-4"> <img src="https://cityfm89.com/wp-content/uploads/2023/01/89-Website-Final-06.png" width="260px" height="150px" alt="picture"> <p>Music video for Atif Aslam&#8217;s upcoming song &#8220;Moonrise&#8221; features Bollywood star Amy Jackson</p> </label> <label class="item" for="t-5"> <img src="https://cityfm89.com/wp-content/uploads/2023/01/89-Website-Final-07.png" width="260px" height="150px" alt="picture"> <p>Meesha Shafi, Hassan Minhaj and Alicia Silverstone to star in Pakistani-American coming-of-age film &#8220;Mustache&#8221;</p> </label> </div> <div class="dots"> <label for="t-1"></label> <label for="t-2"></label> <label for="t-3"></label> <label for="t-4"></label> <label for="t-5"></label> </div> </div> </div> </div> </div> </section> <style> .vinyl-container{ position:relative; margin: auto; width: 400px; height: 400px; } .vinyl-container img{ position:absolute; } .vinyl-container #vinyl-shine{ animation-name: spin; animation-duration: 5000ms; animation-iteration-count: infinite; animation-timing-function: linear; } @keyframes spin { from { transform:rotate(0deg); } to { transform:rotate(360deg); } } .vinyl-container #vinyl-pin{ animation-name: pin; animation-duration: 5000ms; animation-iteration-count: infinite; animation-timing-function: linear; transform-origin:top right; } @keyframes pin { 0% { transform:rotate(0deg); } 50% { transform:rotate(15deg); } 100%{ transform:rotate(0deg); } } </style> <section style="background: rgb(2,0,36);background: linear-gradient(106deg, rgba(2,0,36,1) 0%, rgba(18,18,18,1) 50%, rgba(174,31,36,1) 50%);min-height: 600px;display:flex;align-items:center;"> <div class="container" style="height:fit-content;"> <div class="row"> <div class="col-md-3"> <ul class="hotlist"> <li><p>Apple</p><p class='text-xs'>Charli XCX </p></li><li><p>We Pray</p><p class='text-xs'>Coldplay, Little Simz, Burna Boy</p></li><li><p>Good Luck, Babe!</p><p class='text-xs'>Chappell Roan</p></li><li><p>Move</p><p class='text-xs'>Adam Port ft. Malachiii</p></li><li><p>Please Please Please</p><p class='text-xs'>Sabrina Carpenter</p></li> </ul> </div> <div class="col-md-6"> <div class="vinyl-container"> <img src="https://cityfm89.com/wp-content/uploads/2023/01/hotHits-16.png" alt="" width="400px"> <img id="vinyl-shine" src="https://cityfm89.com/wp-content/uploads/2023/01/hotHits-18.png" alt="" width="400px"> <img id="vinyl-pin" src="https://cityfm89.com/wp-content/uploads/2023/01/hotHits-17.png" alt="" width="140px" style="top:0;right:0;"> </div> </div> <div class="col-md-3"> <ul class="hotlist"> <li><p>Ego</p><p class='text-xs'>Halsey</p></li><li><p>Dont Lie</p><p class='text-xs'>The Chainsmokers ft. Kim Petras</p></li><li><p>Heatstroke</p><p class='text-xs'>Khalid</p></li><li><p>Sad Boiii</p><p class='text-xs'>BENEE </p></li><li><p>Free</p><p class='text-xs'>Calvin Harris ft. Ellie Goulding</p></li> </ul> </div> </div> </div> </section><style> .jukebox-container{ position:relative; margin-left: auto; width: fit-content; } .jukebox-container img{ width: 300px; } .jukebox-request{ display: flex; flex-direction: column; justify-content: center; margin: auto; height: fit-content; } #btnSubmitSongRequest{ padding:15px 8px; width:300px; margin:10px auto; background-color: var(--Secondary-Color); color:#fff; border:none; font-weight:600; transition:background-color 0.3s ease-in-out; } #btnSubmitSongRequest:hover{ background-color: var(--Primary-Color); } </style> <section style="background-image:url(https://cityfm89.com/wp-content/uploads/2023/07/jukebox-bg.webp);background-size:cover;background-position:right;min-height: 569px;display:flex;align-items:center;"> <div class="container" style="height:fit-content;"> <div class="row"> <div class="col-md-5"> <div class="jukebox-container"> <img src="https://cityfm89.com/wp-content/uploads/2023/01/jukebox-20.png" alt=""> </div> </div> <div class="col-md-7" style="display:flex;"> <div class="jukebox-request"> <h1 class="section-heading text-white" style="font-size:3rem;">89 JUKEBOX</h1> <p class="text-center text-white">Request Hour – We’re playing your song!<br> Tune in weekdays 3pm-4pm to hear your song played on CityFM89</p> <input type="text" style="font-size:1.3rem;padding:6px 8px;width:300px;margin:auto;"> <button id="btnSubmitSongRequest">Submit Song Request</button> </div> </div> </div> </div> </section> </main><!-- #main --> <div class="bg-black" id="contact-us"> <!-- Header Ad --> <div class='ad-container headerCity' id='div-gpt-ad-1729850021584-0' style='max-width: 100%;'> <script> googletag.cmd.push(function() { googletag.display('div-gpt-ad-1729850021584-0'); }); </script> </div> <div class="container" style="background-color:#000;"> <footer id="colophon" class="site-footer"> <div class="footer-first"> <a href="https://cityfm89.com/" class="custom-logo-link" rel="home" aria-current="page"><img width="89" height="118" src="https://cityfm89.com/wp-content/uploads/2024/04/89logo.png" class="custom-logo" alt="CityFM89" decoding="async" /></a> <h1 class="section-heading-left text-white" style="font-size:2.6rem;">ABOUT US</h1> <p>Cityfm89 is a leading Pakistani radio station, launched in July 2004 it revolutionized radio listenership and gave listeners music that spoke to them.</p> <div class="footer-socials"> <a href="https://www.facebook.com/CityFM89" target="_blank"><i class="fab fa-facebook"></i></a> <a href="https://www.instagram.com/cityfm89/" target="_blank"><i class="fab fa-instagram"></i></a> <a href="https://twitter.com/CityFM89" target="_blank"><i class="fab fa-twitter"></i></a> <a href="#"><i class="fab fa-snapchat"></i></a> <a href="https://www.youtube.com/@CityFM89official" target="_blank"><i class="fab fa-youtube"></i></a> <a href="https://soundcloud.com/cityfm89" target="_blank"><i class="fab fa-soundcloud"></i></a> </div> </div> <div class="footer-second"> <div class="address"> <!--<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d1810.241454059195!2d66.97964215822212!3d24.8473512299344!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x3eb315e43994050f%3A0x79599b4c6c7139ea!2sDawn%20News%20TV%20Headquarter!5e0!3m2!1sen!2s!4v1674547855906!5m2!1sen!2s" width="600" height="350" style="border:0;" allowfullscreen="" loading="lazy" referrerpolicy="no-referrer-when-downgrade"></iframe> <p>11, Dockyard Road, West Warf Industrial Area Karachi</p> <p><a class="bold" href="tel:(021)111089089">(021)111-089089</a></p> <p><a class="bold" href="mailto:info@cityfm89.com">Info@cityfm89.com</a></p>--> </div> </div> <div class="footer-third"> <h2 class="section-heading-left text-white" style="font-size:2.6rem;">Contact Us</h2> <div class="wpforms-container wpforms-container-full" id="wpforms-88"><form id="wpforms-form-88" class="wpforms-validate wpforms-form wpforms-ajax-form" data-formid="88" method="post" enctype="multipart/form-data" action="/" data-token="cd82d5de83384afcbf19486872400ab4" data-token-time="1732748483"><noscript class="wpforms-error-noscript">Please enable JavaScript in your browser to complete this form.</noscript><div class="wpforms-field-container"><div id="wpforms-88-field_0-container" class="wpforms-field wpforms-field-name" data-field-id="0"><label class="wpforms-field-label" for="wpforms-88-field_0">Name <span class="wpforms-required-label">*</span></label><div class="wpforms-field-row wpforms-field-large"><div class="wpforms-field-row-block wpforms-first wpforms-one-half"><input type="text" id="wpforms-88-field_0" class="wpforms-field-name-first wpforms-field-required" name="wpforms[fields][0][first]" required><label for="wpforms-88-field_0" class="wpforms-field-sublabel after ">First</label></div><div class="wpforms-field-row-block wpforms-one-half"><input type="text" id="wpforms-88-field_0-last" class="wpforms-field-name-last wpforms-field-required" name="wpforms[fields][0][last]" required><label for="wpforms-88-field_0-last" class="wpforms-field-sublabel after ">Last</label></div></div></div><div id="wpforms-88-field_1-container" class="wpforms-field wpforms-field-email" data-field-id="1"><label class="wpforms-field-label" for="wpforms-88-field_1">Email <span class="wpforms-required-label">*</span></label><input type="email" id="wpforms-88-field_1" class="wpforms-field-large wpforms-field-required" name="wpforms[fields][1]" spellcheck="false" required></div><div id="wpforms-88-field_2-container" class="wpforms-field wpforms-field-textarea" data-field-id="2"><label class="wpforms-field-label" for="wpforms-88-field_2">Comment or Message</label><textarea id="wpforms-88-field_2" class="wpforms-field-medium" name="wpforms[fields][2]" ></textarea></div></div><!-- .wpforms-field-container --><div class="wpforms-submit-container" ><input type="hidden" name="wpforms[id]" value="88"><input type="hidden" name="page_title" value="Home"><input type="hidden" name="page_url" value="https://cityfm89.com/"><input type="hidden" name="page_id" value="10"><input type="hidden" name="wpforms[post_id]" value="10"><button type="submit" name="wpforms[submit]" id="wpforms-submit-88" class="wpforms-submit" data-alt-text="Sending..." data-submit-text="Submit" aria-live="assertive" value="wpforms-submit">Submit</button><img src="https://cityfm89.com/wp-content/plugins/wpforms-lite/assets/images/submit-spin.svg" class="wpforms-submit-spinner" style="display: none;" width="26" height="26" alt="Loading"></div></form></div> <!-- .wpforms-container --> </div> </footer><!-- #colophon --> </div> </div> </div><!-- #page --> <link rel='stylesheet' id='wpforms-classic-full-css' href='https://cityfm89.com/wp-content/plugins/wpforms-lite/assets/css/frontend/classic/wpforms-full.min.css?ver=1.8.8.2' media='all' /> <script src="https://cityfm89.com/wp-content/themes/the_cityfm89/js/navigation.js?ver=1.0.0" id="the_cityfm89-navigation-js"></script> <script id="the_cityfm89-radio-js-extra"> var stream = {"url":"https:\/\/radio.cityfm89.com\/stream"}; </script> <script src="https://cityfm89.com/wp-content/themes/the_cityfm89/js/radio.js?ver=1.0.0" id="the_cityfm89-radio-js"></script> <script src="https://cityfm89.com/wp-content/themes/the_cityfm89/js/bootstrap.bundle.min.js?ver=1.0.0" id="bootstrap-js"></script> <script src="https://cityfm89.com/wp-content/themes/the_cityfm89/js/fontawesome.min.js?ver=1.0.0" id="fontawesome-js"></script> <script src="https://cityfm89.com/wp-content/themes/the_cityfm89/js/regular.min.js?ver=1.0.0" id="fontawesome-regular-js"></script> <script src="https://cityfm89.com/wp-content/themes/the_cityfm89/js/brands.min.js?ver=1.0.0" id="fontawesome-solid-js"></script> <script src="https://cityfm89.com/wp-content/themes/the_cityfm89/js/solid.min.js?ver=1.0.0" id="fontawesome-brands-js"></script> <script src="https://unpkg.com/swiper/swiper-bundle.min.js?ver=1.0.0" id="swiper-js"></script> <script src="https://cityfm89.com/wp-content/themes/the_cityfm89/js/homepage.js?ver=1857177889" id="homeBase-js"></script> <script src="https://cityfm89.com/wp-content/plugins/wpforms-lite/assets/lib/jquery.validate.min.js?ver=1.19.5" id="wpforms-validation-js"></script> <script src="https://cityfm89.com/wp-content/plugins/wpforms-lite/assets/lib/mailcheck.min.js?ver=1.1.2" id="wpforms-mailcheck-js"></script> <script src="https://cityfm89.com/wp-content/plugins/wpforms-lite/assets/lib/punycode.min.js?ver=1.0.0" id="wpforms-punycode-js"></script> <script src="https://cityfm89.com/wp-content/plugins/wpforms-lite/assets/js/share/utils.min.js?ver=1.8.8.2" id="wpforms-generic-utils-js"></script> <script src="https://cityfm89.com/wp-content/plugins/wpforms-lite/assets/js/frontend/wpforms.min.js?ver=1.8.8.2" id="wpforms-js"></script> <!-- start Simple Custom CSS and JS --> <!-- end Simple Custom CSS and JS --> <!-- start Simple Custom CSS and JS --> <!-- 982004ca7a57aae67249fcc04d6a61b3 --><!-- end Simple Custom CSS and JS --> <script type='text/javascript'> /* <![CDATA[ */ var wpforms_settings = {"val_required":"This field is required.","val_email":"Please enter a valid email address.","val_email_suggestion":"Did you mean {suggestion}?","val_email_suggestion_title":"Click to accept this suggestion.","val_email_restricted":"This email address is not allowed.","val_number":"Please enter a valid number.","val_number_positive":"Please enter a valid positive number.","val_minimum_price":"Amount entered is less than the required minimum.","val_confirm":"Field values do not match.","val_checklimit":"You have exceeded the number of allowed selections: {#}.","val_limit_characters":"{count} of {limit} max characters.","val_limit_words":"{count} of {limit} max words.","val_recaptcha_fail_msg":"Google reCAPTCHA verification failed, please try again later.","val_turnstile_fail_msg":"Cloudflare Turnstile verification failed, please try again later.","val_inputmask_incomplete":"Please fill out the field in required format.","uuid_cookie":"","locale":"en","wpforms_plugin_url":"https:\/\/cityfm89.com\/wp-content\/plugins\/wpforms-lite\/","gdpr":"","ajaxurl":"https:\/\/cityfm89.com\/wp-admin\/admin-ajax.php","mailcheck_enabled":"1","mailcheck_domains":[],"mailcheck_toplevel_domains":["dev"],"is_ssl":"1","currency_code":"USD","currency_thousands":",","currency_decimals":"2","currency_decimal":".","currency_symbol":"$","currency_symbol_pos":"left","val_requiredpayment":"Payment is required.","val_creditcard":"Please enter a valid credit card number.","token_cache_lifetime":"86400"} /* ]]> */ </script> </body> </html>

Pages: 1 2 3 4 5 6 7 8 9 10