Advertise with Manorama Online - Reach Kerala’s Global Audience

<!doctype html> <html lang="en"> <head> <meta content="text/html; charset=utf-8" http-equiv="Content-Type"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <title>Advertise with Manorama Online - Reach Kerala’s Global Audience</title> <meta name="description" content="Discover unparalleled advertising opportunities with Manorama Online, Kerala’s trusted news platform connecting 36M+ monthly users worldwide."> <meta name="keywords" content="Manorama Online, advertise in Kerala, Malayalam audience, digital advertising, trusted news portal, digital news, online news, news website, media kit, audience engagement, digital advertising, mobile news, video news, sponsored content, Kerala audience, news portal"> <link rel="canonical" href="" /> <meta name ="robots" content="index"> <link rel="apple-touch-icon" sizes="57x57" href="https://img-mm.manoramaonline.com/etc/designs/mmonline/clientlibs/img/favicons/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="https://img-mm.manoramaonline.com/etc/designs/mmonline/clientlibs/img/favicons/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="https://img-mm.manoramaonline.com/etc/designs/mmonline/clientlibs/img/favicons/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="https://img-mm.manoramaonline.com/etc/designs/mmonline/clientlibs/img/favicons/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="https://img-mm.manoramaonline.com/etc/designs/mmonline/clientlibs/img/favicons/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="https://img-mm.manoramaonline.com/etc/designs/mmonline/clientlibs/img/favicons/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="https://img-mm.manoramaonline.com/etc/designs/mmonline/clientlibs/img/favicons/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="https://img-mm.manoramaonline.com/etc/designs/mmonline/clientlibs/img/favicons/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="https://img-mm.manoramaonline.com/etc/designs/mmonline/clientlibs/img/favicons/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="https://img-mm.manoramaonline.com/etc/designs/mmonline/clientlibs/img/favicons/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="https://img-mm.manoramaonline.com/etc/designs/mmonline/clientlibs/img/favicons/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="https://img-mm.manoramaonline.com/etc/designs/mmonline/clientlibs/img/favicons/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="https://img-mm.manoramaonline.com/etc/designs/mmonline/clientlibs/img/favicons/favicon-16x16.png"> <link rel="manifest" href="/etc/designs/webpush/manifest.json"/> <meta name="msapplication-TileColor" content="#ffffff"> <meta name="msapplication-TileImage" content="https://img-mm.manoramaonline.com/etc/designs/mmonline/clientlibs/img/favicons/apple-icon-144x144.png"> <meta name="theme-color" content="#ffffff">  <link rel="stylesheet" href="css/index.css?v=1.3"> <link rel="stylesheet" href="css/bootstrap-grid.css"> <link rel="stylesheet" href="css/slick.css"> <link rel="stylesheet" href="css/animation.css"> <link href="css/aos.css" rel="stylesheet">   <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap" rel="stylesheet">   <script> (function(w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != "dataLayer" ? "&l=" + l : ""; j.async = true; j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl; f.parentNode.insertBefore(j, f); })(window, document, "script", "dataLayer", "GTM-5MLV7M8"); </script>  </head> <body>  <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5MLV7M8" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript>   <section class="cmp-banner">   <div class="cmp-nav"> <div class="container"> <div class="d-flex cmp-nav__inner justify-content-between align-items-center"> <div class="cmp-nav__logounit d-flex align-items-center justify-content-between"> <div class="online-logo me-3 py-3 py-md-4"> <a class="online-logo-inner d-flex justify-content-between" href="https://www.manoramaonline.com/" target="_blank"> <img src="img/online-logo.png" class="no-jump-img" width="600" height="53" alt="Manorama Online"> </a> </div> <div class="burger cmp-nav__mobileMenu d-block d-lg-none" id="burger"> <span class="burger-line"></span> <span class="burger-line"></span> <span class="burger-line"></span> </div> </div> <div class="navbar p-3 p-md-0"> <div class="navbar-inner container d-lg-flex d-block p-0"> <a class="active default-font p-md-4 p-2 px-md-2 d-flex align-items-center" href="index.html" target="_top">Home</a> <a class=" default-font p-md-4 p-2 px-md-2 d-flex align-items-center" href="about-us.html" target="_top">About Us</a> <div class="subnav toggle-section"> <a href="" class="subnavbtn toggle-header default-font0 p-md-4 p-2 px-md-2 d-flex align-items-center justify-content-between">Network<i class="sprite-icon down-arrow-white"></i></a> <div class="subnav-content"> <div class="d-block flex-wrap d-md-flex p-md-4 p-3 align-items-center"> <div class="col-lg-4 col-12 d-lg-block d-none"> <div class="title-medium text-white"> Stay Informed, <br> Stay Empowered: <br> Your Gateway To The <br> Audience That Matters </div> </div> <div class="col-lg-8 col-12 d-md-flex flex-wrap d-block"> <div class="col-12 col-lg-4 ps-lg-3 ps-0 mb-3 pb-3 pb-lg-0 mb-lg-0 border-b-op"> <div class="sub-nav"> <a href="platforms.html" class="default-font">Platforms<i class="sprite-icon more-arrow-white mx-1"></i></a> <div class="sub-nav-drop-down"> <a class="py-md-2 py-1" href="https://www.manoramaonline.com/" target="_blank">Manorama Online</a> <a class="py-md-2 py-1" href="https://www.onmanorama.com/" target="_blank">Onmanorama</a> <a class="py-md-2 py-1" href="https://www.manoramaonline.com/mobile-facer-page.html" target="_blank">Manorama Online Apps</a> </div> </div> </div> <div class="col-12 col-lg-4 ps-lg-3 ps-0 mb-3 pb-3 pb-lg-0 mb-lg-0 border-b-op"> <div class="sub-nav"> <a class="default-font" href="topics.html">Topics<i class="sprite-icon more-arrow-white mx-1"></i></a> <div class="sub-nav-drop-down d-flex flex-wrap"> <a class="py-2 pe-3" href="topics.html#news-topic" target="_top">News</a> <a class="py-2 pe-3" href="topics.html#life-wellness" target="_top">Life & Wellness</a> <a class="py-2 pe-3" href="topics.html#business" target="_top">Business</a> <a class="py-2 pe-3" href="topics.html#sports" target="_top">Sports</a> <a class="py-2 pe-3" href="topics.html#youth" target="_top">Youth & Kids</a> <a class="py-2 pe-3" href="topics.html#auto" target="_top">Auto</a> <a class="py-2 pe-3" href="topics.html#entertainment" target="_top">Entertainment</a> <a class="py-2 pe-3" href="topics.html#tech" target="_top">Tech</a> </div> </div> </div> <div class="col-12 col-lg-4 ps-lg-3 ps-0 mb-3 mb-lg-0"> <div class="sub-nav"> <a class="default-font" href="audience.html">Audience<i class="sprite-icon more-arrow-white mx-1"></i></a> </div> </div> </div> </div> </div> </div> <div class="subnav toggle-section"> <a href="" class="subnavbtn toggle-header default-font0 p-md-4 p-2 px-md-2 d-flex align-items-center justify-content-between">Capabilities<i class="sprite-icon down-arrow-white"></i></a> <div class="subnav-content"> <div class="d-block flex-wrap d-md-flex p-md-4 p-3 align-items-center"> <div class="col-lg-4 col-12 d-lg-block d-none"> <div class="title-medium text-white"> Manorama Online: Engage <br> Your Target Audience <br> Like Never Before </div> </div> <div class="col-lg-8 col-12 d-md-flex flex-wrap d-block"> <div class="col-12 col-lg-6 ps-lg-3 ps-0 mb-3 pb-3 pb-lg-0 mb-lg-3 border-b-op"> <div class="sub-nav"> <a class="default-font" href="native-storytelling.html">Native Storytelling<i class="sprite-icon more-arrow-white mx-1"></i></a> <div class="sub-nav-drop-down"> <a class="py-md-2 py-1" href="native-storytelling.html#native">Advertorials</a> <a class="py-md-2 py-1" href="native-storytelling.html#video-solution">Video Solutions</a> </div> </div> </div> <div class="col-12 col-lg-6 ps-lg-3 ps-0 mb-3 pb-3 pb-lg-0 mb-lg-3 border-b-op"> <div class="sub-nav"> <a class="default-font" href="digital-solution.html">Digital Solutions<i class="sprite-icon more-arrow-white mx-1"></i></a> <div class="sub-nav-drop-down d-flex flex-wrap"> <a class="py-2 pe-3" href="digital-solution.html#display-text-adds">Display, Text & Video Ads</a> <a class="py-2 pe-3" href="digital-solution.html#special-innovation">Special Innovations</a> <a class="py-2 pe-3" href="digital-solution.html#high-impact">High Impact Formats</a> </div> </div> </div> <div class="col-12 col-lg-6 ps-lg-3 ps-0 mb-3 pb-3 pb-lg-0 mb-lg-3 border-b-op"> <div class="sub-nav"> <a class="default-font" href="events-activation.html">Events & Activation<i class="sprite-icon more-arrow-white mx-1"></i></a> <div class="sub-nav-drop-down d-flex flex-wrap"> <a class="py-2 pe-3" href="events-activation.html#events">Proprietary IP(s)</a> <a class="py-2 pe-3" href="events-activation.html#custom" target="_blank">Custom Events & Solutions</a> </div> </div> </div>  <div class="col-12 col-lg-6 ps-lg-3 ps-0 mb-3 pb-3 pb-lg-0 mb-lg-0 border-b-op"> <div class="sub-nav"> <a class="default-font" href="advertisement-policy.html#policy">Advertising Policy<i class="sprite-icon more-arrow-white mx-1"></i></a> </div> </div> </div> </div> </div> </div> <a class="default-font d-flex align-items-center p-md-4 p-2 px-md-2 " href="initiatives.html">Initiatives</a> <a class="default-font d-flex align-items-center p-md-4 p-2 px-md-2 " href="awards.html">Awards</a> <a class="default-font d-flex align-items-center p-md-4 p-2 px-md-2 " href="contactus.html">Contact</a> </div> </div> </div> </div> </div>   <div class="cmp-banner_slider">  <div class="cmp-banner__slider-item control-slider-item"> <div class="cmp-banner__slider-item-inner one animated" data-animation-in="zoomInImage" data-delay-in="0.6"> </div> <div class="cmp-banner__content d-flex align-items-center"> <div class="container"> <div class="cmp-banner__content-heading"> <div class="animated cmp-banner__content-title text-white mb-1" data-animation-in="fadeInUp"> Advertiser Hub </div> <p class="animated cmp-banner__content-desc text-white mb-2 mb-md-3 mt-0" data-animation-in="fadeInUp" data-delay-in="0.3">Your Gateway to <br class="d-block d-lg-none"> Unstoppable Brand Impact!</p> <a href="#connected" class="btn animated px-3 d-flex align-items-center justify-content-center" data-animation-in="fadeInUp" data-delay-in="0.3">Get Connected</a> </div> </div> </div> </div>   <div class="cmp-banner__slider-item control-slider-item"> <div class="cmp-banner__slider-item-inner two animated" data-animation-in="zoomInImage" data-delay-in="0.6"> </div> <div class="cmp-banner__content d-flex align-items-center"> <div class="container"> <div class="cmp-banner__content-heading"> <div class="animated cmp-banner__content-title text-white mb-1" data-animation-in="fadeInUp"> About Us</div> <p class="animated cmp-banner__content-desc text-white d-block d-lg-none mb-2 mb-md-3 mt-0" data-animation-in="fadeInUp" data-delay-in="0.3"> Manorama Online, the <br class="d-lg-none d-block"> digital arm of the esteemed <br class="d-lg-none d-block"> Malayala Manorama Group </p> <p class="animated cmp-banner__content-desc d-none d-lg-block text-white mb-2 mb-md-3 mt-0" data-animation-in="fadeInUp" data-delay-in="0.3"> Manorama Online, the digital arm of the<br> esteemed Malayala Manorama Group </p> <a href="#connected" class="btn animated px-3 d-flex align-items-center justify-content-center" data-animation-in="fadeInUp" data-delay-in="0.3">Get Connected</a> </div> </div> </div> </div>      <div class="cmp-banner__slider-item control-slider-item"> <div class="cmp-banner__slider-item-inner four animated" data-animation-in="zoomInImage" data-delay-in="0.6"> </div> <div class="cmp-banner__content d-flex align-items-center"> <div class=" container"> <div class="cmp-banner__content-heading"> <div class="animated cmp-banner__content-title text-white mb-1" data-animation-in="fadeInUp"> Events & Activation</div> <p class="animated cmp-banner__content-desc text-white d-lg-none d-block mb-2 mb-md-3 mt-0" data-animation-in="fadeInUp" data-delay-in="0.3"> We offer proprietary IPs,<br class="d-lg-none d-block"> custom events & tailored <br class="d-md-none d-block"> marketing initiatives. </p> <p class="animated cmp-banner__content-desc text-white d-lg-block d-none mb-2 mb-md-3 mt-0" data-animation-in="fadeInUp" data-delay-in="0.3"> We offer proprietary IPs, custom events <br> & tailored marketing initiatives. </p> <a href="#connected" class="btn animated px-3 d-flex align-items-center justify-content-center" data-animation-in="fadeInUp" data-delay-in="0.3">Get Connected</a> </div> </div> </div> </div>  </div>  </section>  <div class="cmp-starting-section"> <section class="pt-lg-5 pt-4"> <div class="container"> <div class="cmp-small-content-area starting-title"> <div class="title bold text-center mb-3 mb-lg-4 cmp-extra-small-content-area"> Home for Keralites across 160+ Geos round the globe </div> <p class="default-font text-left cmp-extra-small-content-area mb-4 mb-lg-5"> Manorama Online isn't just Kerala's legacy – it's a global force. We leverage our newspaper heritage and delve into cutting-edge tech to deliver powerful stories and measurable impact for you and your audience. </p> </div> </div> </section> <section class="mb-md-5 mb-3 cmp-font-count"> <div class="container"> <div class="row align-items-center mb-md-5 mb-4"> <div class="col-12 col-md-4 mb-3 region"> <div class="d-flex d-md-block align-items-center"> <div class="font-count mb-2 bold cmp-font-count__one"><span class="special-character">#</span>1</div> <div class="sub-title d-flex flex-md-column flex-row flex-wrap cmp-font-count__regional bold mb-2 mx-2 mx-md-0"> <span>Regional Language<br class="d-none d-md-block"> News Portal</span> </div> </div> <div class="paragraph mb-2 pb-2 border-b"> Connecting Communities,<br class="d-none d-md-block"> Celebrating Cultures </div> </div> <div class="col-12 col-md-8 cmp-font-count__subcontent"> <div class="row flex-wrap"> <div class="col-6 d-flex border-spl-r"> <div class="border-b mb-3 pb-3 me-3 col"> <div class="font-count mb-2 bold "><span class="counter">136</span><span class="special-character">+</span></div> <div class="title-medium d-flex flex-column bold mb-2"> <span>Years of Customer Trust</span> </div> <div class="paragraph"> Legacy of Credibility, Stories of Generations </div> </div> </div> <div class="col-6 d-flex"> <div class="border-b mb-3 pb-3 ms-3 col"> <div class="font-count mb-2 bold"><span class="counter">26</span><span class="special-character">+</span></div> <div class="title-medium d-flex flex-column bold mb-2"> <span>Years of Digital Expertise</span> </div> <div class="paragraph"> Innovation Defined, Future Refined </div> </div> </div> <div class="col-6 d-flex border-spl-r"> <div class=" pb-3 pb-md-0 me-3 col"> <div class="font-count mb-2 bold"><span class="counter">36</span><span class="special-character">M</span></div> <div class="title-medium d-flex flex-column bold mb-2"> <span>Unique Visitors</span> </div> <div class="paragraph"> Empowering Malayalis, One Click One World </div> </div> </div> <div class="col-6 mb-3 d-flex"> <div class="pb-0 ms-3 col"> <div class="font-count mb-2 bold"><span class="counter">40</span><span class="special-character">%</span></div> <div class="title-medium d-flex flex-column bold mb-2"> <span>Female Readers</span> </div> <div class="paragraph"> Inspiring Women, Shaping Perspectives </div> </div> </div> </div> </div> </div>  <div class="cmp-landing-block mb-md-5 mb-4"> <div class="row row-large cmp-img-component-deep-opacity"> <div class="col-md-6 col-lg-4 col-12 gutter-large mb-4 mb-md-3 mb-lg-0"> <a href="about-us.html" target="_top" class="cmp-img-component aos-init aos-animate" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="500"> <div class="cmp-img-component"> <div class="cmp-img-component__cmp-img"> <img class="no-jump-img lazy" data-src="img/about-us.jpg" width="421" height="352" alt="About Us"> <div class="cmp-landing-block__content"> <div class="cmp-landing-block__content-inner"> <div class="bold title-sub">About Us</div> <p class="paragraph line-height-normal"> Manorama Online, the digital arm of the esteemed Malayala Manorama Group </p> </div> </div> </div> </div> </a> </div> <div class="col-md-6 col-lg-4 col-12 gutter-large mb-4 mb-md-3 mb-lg-0"> <a href="platforms.html" target="_top" class="cmp-img-component aos-init aos-animate" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="500"> <div class="cmp-img-component"> <div class="cmp-img-component__cmp-img"> <img class="no-jump-img lazy" data-src="img/our-network.jpg" alt="Miss Millennial" width="421" height="352"> <div class="cmp-landing-block__content"> <div class="cmp-landing-block__content-inner"> <div class="bold title-sub">Our Network</div> <p class="paragraph line-height-normal"> We deliver impact stories across platforms, ensuring information reaches you in time </p> </div> </div> </div> </div> </a> </div> <div class="col-md-6 col-lg-4 col-12 gutter-large"> <a href="awards.html" target="_top" class="cmp-img-component aos-init aos-animate" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="500"> <div class="cmp-img-component"> <div class="cmp-img-component__cmp-img"> <img class="no-jump-img lazy" data-src="img/awwards.jpg" alt="Awards Gallore" width="421" height="352"> <div class="cmp-landing-block__content"> <div class="cmp-landing-block__content-inner"> <div class="bold title-sub">Awards Gallore</div> <p class="paragraph line-height-normal"> National Podcast Excellence Awards 2024 </p> </div> </div> </div> </div> </a> </div> </div> </div>  </div> <section class="mb-md-3 cmp-landing-block mb-4 mb-md-0"> <div class=" mb-3 mb-md-0"> <div class="title-large bold text-center mb-1">Our Digital Platforms</div> <a class="anchor text-center" href="platforms.html" target="_top" tabindex="0">Explore More<i class="sprite-icon mx-1 more-arrow-blue "></i> </a> </div> <div class="cmp-landing-platforms pt-0 pt-md-0 pb-4 pb-md-0"> <div class="container"> <div class="d-flex justify-content-between flex-wrap flex-md-nowrap"> <div class=" cmp-platforms__mockup mb-3 mb-md-0"> <div class="cmp-platforms__img-blk-inner mb-lg-3"> <img class="lazy no-jump-img aos-init aos-animate" alt="Platforms" width="800" height="404" data-aos="fade-up" data-aos-duration="1000" src="img/platforms.png" style="display: block;" alt="platforms"> </div> </div> <div class="cmp-landing-block__platforms d-flex align-items-center flex-wrap flex-md-nowrap justify-content-center"> <div class="mb-3 mb-md-0 px-3 px-md-2 me-md-3 cmp-landing-block__platforms-ind border-r"> <a class="online-logo-inner logo-online d-flex justify-content-between" href="https://www.manoramaonline.com/" target="_blank"> <img data-src="img/online-logo.svg" class="no-jump-img lazy" width="600" height="53" alt="Manorama online"> </a> </div> <div class="mb-3 mb-md-0 px-3 me-md-3 px-md-2 cmp-landing-block__platforms-ind border-r"> <a class="online-logo-inner logo-onlimanorama d-flex justify-content-between" href="https://www.onmanorama.com/" target="_blank"> <img data-src="img/onmanorama-logo.svg" class="no-jump-img lazy" width="600" height="53" alt="Onmanorama"> </a> </div> <div class="cmp-landing-block__platforms-ind px-3 px-md-2 me-md-3" > <a style="padding-bottom: 15.679442508710801% !important" class="online-logo-inner logo-app d-flex justify-content-between" href="https://specials.manoramaonline.com/Mobile/2021/MobileFacer/index.html" target="_blank"> <img data-src="img/manorama-app-logo.svg" class="no-jump-img lazy" width="600" height="53" alt="Manorama Apps"> </a> </div> </div> </div> </div> </div> </section> <div class="container"> <div class="cmp-topics-block mb-md-5 mb-4"> <div class="d-flex justify-content-between align-items-center flex-wrap mb-3 mb-md-3"> <div class="title-large bold mb-md-0 mb-1 d-flex align-items-center flex-wrap"> <div class="me-2 bold">Topics </div> <div class="paragraph d-flex align-items-center flex-wrap"> <span class="me-3 regular"> <span class="regular text-gray me-2 d-none d-md-inline-block">|</span> <span class="bold text-blue title-small">8+</span> Informative content clusters </span> <span> <span class="regular text-gray me-2 d-none d-md-inline-block">|</span><span class="bold text-blue title-small">12+</span> Content sections tailored to user interest</span> </div> </div> <a class="anchor text-center" href="topics.html" target="_top" tabindex="0">Explore More<i class="sprite-icon mx-1 more-arrow-blue "></i> </a> </div> <div class="row row-large cmp-img-component-deep-opacity mt-lg-3 mt-2"> <div class="col-md-6 gutter-large col-lg-4 col-12 mb-4 mb-lg-0"> <a href="topics.html" target="_top" class="cmp-img-component aos-init boxshadow height-100 aos-animate p-3" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="500"> <div class="cmp-img-component border-radius-0"> <div class="cmp-img-component__cmp-img border-radius-0"> <img class="no-jump-img lazy" data-src="img/topics/news.jpg" alt="Topics News"> </div> </div> <div class="px-2"> <div class="title-small mb-2 mb-1 bold">News </div> <div class="paragraph"> Reach Kerala's informed decision-makers. Manorama Online's News section boasts a loyal audience actively seeking reliable information and diverse perspectives. </div> </div> </a> </div> <div class="col-md-6 gutter-large col-lg-4 col-12 mb-4 mb-lg-0"> <a href="topics.html" target="_top" class="cmp-img-component aos-init boxshadow height-100 aos-animate p-3" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="500"> <div class="cmp-img-component border-radius-0"> <div class="cmp-img-component__cmp-img border-radius-0"> <img class="no-jump-img lazy" src="img/topics/sports.jpg" alt="topics sports"> </div> </div> <div class="px-2"> <div class="title-small mb-2 bold">Sports</div> <div class="paragraph"> Score big with Kerala's passionate sports fans! Manorama Online's Sports section is a vibrant hub for everything athletic. </div> </div> </a> </div> <div class="col-md-6 gutter-large col-lg-4 col-12"> <a href="topics.html" target="_top" class="cmp-img-component aos-init boxshadow height-100 aos-animate p-3" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="500"> <div class="cmp-img-component border-radius-0"> <div class="cmp-img-component__cmp-img border-radius-0"> <img class="no-jump-img lazy" src="img/topics/entertainment.jpg" alt="entertainment"> </div> </div> <div class="px-2"> <div class="title-small mb-2 bold">Entertainment</div> <div class="paragraph"> Light up the stage with Kerala's entertainment enthusiasts! Manorama Online's Entertainment section is the go-to platform for the latest trends, movie reviews, music releases and hottest gossip. </div> </div> </a> </div> </div> </div>  <div class="cmp-landing-block mb-md-5 mb-4"> <div class="d-flex justify-content-between flex-wrap mb-2 mb-md-3"> <div class="title-large bold mb-md-0 mb-1 ">Brand Capabilities </div>  </div> <div class="row row-large cmp-img-component-deep-opacity"> <div class="col-md-6 col-lg-4 col-12 gutter-large mb-4 mb-md-3 mb-lg-0"> <a href="native-storytelling.html" target="_top" class="cmp-img-component aos-init aos-animate" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="500"> <div class="cmp-img-component"> <div class="cmp-img-component__cmp-img"> <img class="no-jump-img lazy" data-src="img/native-story-telling.jpg" width="421" height="352" alt="Native Storytelling"> <div class="cmp-landing-block__content"> <div class="cmp-landing-block__content-inner"> <div class="bold title-sub">Native Storytelling</div> <p class="paragraph line-height-normal"> Our team of experts creates engaging content formats for Brands & Advertisers </p> </div> </div> </div> </div> </a> </div> <div class="col-md-6 col-lg-4 col-12 gutter-large mb-4 mb-md-3 mb-lg-0"> <a href="digital-solution.html" target="_top" class="cmp-img-component aos-init aos-animate" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="500"> <div class="cmp-img-component"> <div class="cmp-img-component__cmp-img"> <img class="no-jump-img lazy" data-src="img/digital-solution.jpg" alt="Digital Solutions" width="421" height="352"> <div class="cmp-landing-block__content"> <div class="cmp-landing-block__content-inner"> <div class="bold title-sub">Digital Solutions</div> <p class="paragraph line-height-normal"> Offers a dynamic formats to engage malayalee audience across globe. </p> </div> </div> </div> </div> </a> </div> <div class="col-md-6 col-lg-4 col-12 gutter-large"> <a href="events-activation.html" target="_top" class="cmp-img-component aos-init aos-animate" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="500"> <div class="cmp-img-component"> <div class="cmp-img-component__cmp-img"> <img class="no-jump-img lazy" data-src="img/event.jpg" alt="Events & Activations" width="421" height="352"> <div class="cmp-landing-block__content"> <div class="cmp-landing-block__content-inner"> <div class="bold title-sub">Events & Activations</div> <p class="paragraph line-height-normal"> We offer proprietary IPs, custom events & tailored marketing initiatives. </p> </div> </div> </div> </div> </a> </div> </div> </div>  </div> </section> <section class="my-md-5 my-4 cmp-landing-block cmp-initiatives__content py-md-4 py-4"> <div class="container"> <div class="d-flex justify-content-between align-items-center flex-wrap mb-3"> <div class="title-large bold d-flex align-items-center flex-wrap"> <div class="me-2bold">Audience & Reach</div> </div> <a class="anchor text-center" href="audience.html" target="_top" tabindex="0">Explore More<i class="sprite-icon mx-1 more-arrow-blue "></i> </a> </div> <div class="row"> <div class="col-12 col-lg-8 pos-relative mb-3 mb-lg-0"> <div class="inner pos-relative height-100 cmp-dotnut-chart-by-marketsegment p-md-3 p-0 border-radius"> <div class="bold mb-3 mb-md-0">Average Monthly Unique Users </div> <div class="pb-4 cmp-bar-chart__bar-network mb-5 pos-absolute bottom-0 " style="width: auto"> <ul class="cmp-bar-chart__bar-v2 mb-2 " style="max-width: 800px;"> <li class="cmp-bar-chart__bar-li"> <div class="cmp-bar-chart__per-bar aos-init aos-animate" style="height:100%;" data-aos="fade-up" data-aos-duration="1000"> <div class="cmp-bar-chart__percentage bold default-font text-center">8.7 Mn</div> </div> </li> <li class="cmp-bar-chart__bar-li"> <div class="cmp-bar-chart__per-bar aos-init aos-animate" style="height:45%;" data-aos="fade-up" data-aos-duration="1000"> <div class="cmp-bar-chart__percentage bold default-font text-center">4.1 Mn</div> </div> </li> <li class="cmp-bar-chart__bar-li"> <div class="cmp-bar-chart__per-bar aos-init aos-animate" style="height:55%;" data-aos="fade-up" data-aos-duration="1000"> <div class="cmp-bar-chart__percentage bold default-font text-center">4.7 Mn</div> </div> </li> <li class="cmp-bar-chart__bar-li"> <div class="cmp-bar-chart__per-bar aos-init aos-animate" style="height:15%;" data-aos="fade-up" data-aos-duration="1000"> <div class="cmp-bar-chart__percentage bold default-font text-center">0.5 Mn</div> </div> </li> </ul> <table class="cmp-bar-chart__category-outer" style="max-width: 800px; margin: 0 auto"> <tbody><tr> <td class="text-center cmp-bar-chart__category default-font ">Manorama <br class="d-md-none d-block">Online</td> <td class="text-center cmp-bar-chart__category default-font">On<br class="d-md-none d-block">manorama</td> <td class="text-center cmp-bar-chart__category default-font">Chuttu<br class="d-md-none d-block">vattom</td> <td class="text-center cmp-bar-chart__category default-font">Mobile<br class="d-md-none d-block"> Apps</td> </tr> </tbody> </table> </div> </div> </div> <div class="col-12 col-lg-4 d-flex flex-column flex-md-row d-lg-block"> <div data-aos="fade-up" data-aos-easing="linear" data-aos-duration="500" class="mb-2 cmp-dotnut-chart-by-marketsegment p-2 p-md-3 border-radius"> <div class="bold text-center pb-2 mb-2 border-b-deep">Users by Device </div> <div class=" d-flex flex-wrap flex-md-nowrap align-items-center justify-content-center"> <div class="cmp-dotnut-chart mx-3 " style="max-width: 100px;"> <canvas id="Usersbydeviceview" aria-label="chart" height="100%" width="100%"></canvas> </div> <div class="d-flex justify-content-center align-items-center"> <div class=" d-flex flex-column"> <span class="default-font bold d-flex align-items-center mb-2"><span class="cmp-bar-chart__label cmp-bar-chart__label-black mx-2"></span>Mobile - <span class="cmp-percentage">90%</span></span> <span class="default-font bold d-flex align-items-center mb-2"><span class="cmp-bar-chart__label cmp-bar-chart__label-blue mx-2"></span>Desktop - <span class="cmp-percentage">9%</span></span> <span class="default-font bold d-flex align-items-center "><span class="cmp-bar-chart__label cmp-bar-chart__label-red mx-2"></span>Tablet - <span class="cmp-percentage">1%</span></span> </div> </div> </div> </div> <div data-aos="fade-up" data-aos-easing="linear" data-aos-duration="500" class="cmp-dotnut-chart-by-marketsegment p-2 p-md-3 border-radius mb-0"> <div class="bold text-center pb-2 mb-2 border-b-deep">Users by Page Views </div> <div class=" d-flex flex-wrap flex-md-nowrap align-items-center justify-content-center"> <div class="cmp-dotnut-chart " style="max-width: 100px;"> <canvas id="UsersbypageViews" aria-label="chart" height="100%" width="100%"></canvas> </div> <div class="d-flex justify-content-center align-items-center"> <div class=" d-flex flex-column"> <span class="default-font bold d-flex align-items-center mb-2"><span class="cmp-bar-chart__label cmp-bar-chart__label-black mx-2"></span>Mobile - <span class="cmp-percentage">84%</span></span> <span class="default-font bold d-flex align-items-center mb-2"><span class="cmp-bar-chart__label cmp-bar-chart__label-blue mx-2"></span>Desktop - <span class="cmp-percentage">16%</span></span> <span class="default-font bold d-flex align-items-center "><span class="cmp-bar-chart__label cmp-bar-chart__label-red mx-2"></span>Tablet - <span class="cmp-percentage">0%</span></span> </div> </div> </div> </div> </div> </div> </div> </section> <section class="mb-md-5 mb-4">  <div class="cmp-landing-block container "> <div class="row row-large cmp-img-component-deep-opacity"> <div class="col-md-6 col-lg-4 col-12 gutter-large mb-4 mb-md-3 mb-lg-0"> <a href="initiatives.html" target="_top" class="cmp-img-component aos-init aos-animate" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="500"> <div class="cmp-img-component"> <div class="cmp-img-component__cmp-img"> <img class="no-jump-img lazy" data-src="img/user-generated-content.jpg" width="421" height="352" alt="User Generated content"> <div class="cmp-landing-block__content"> <div class="cmp-landing-block__content-inner"> <div class="bold title-sub">User Generated content</div> <p class="paragraph line-height-normal"> Empowers citizens to be brand advocates via articles, video posts & audio bytes </p> </div> </div> </div> </div> </a> </div> <div class="col-md-6 col-lg-4 col-12 gutter-large mb-4 mb-md-3 mb-lg-0"> <a href="initiatives.html" target="_top" class="cmp-img-component aos-init aos-animate" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="500"> <div class="cmp-img-component"> <div class="cmp-img-component__cmp-img"> <img class="no-jump-img lazy" data-src="img/campus-reporter.jpg" alt="Campus Reporters" width="421" height="352"> <div class="cmp-landing-block__content"> <div class="cmp-landing-block__content-inner"> <div class="bold title-sub">Campus Reporters</div> <p class="paragraph line-height-normal"> Hear the insights & voices of tomorrow's game-changers from Campuses </p> </div> </div> </div> </div> </a> </div> <div class="col-md-6 col-lg-4 col-12 gutter-large mb-0 mb-md-0"> <a href="initiatives.html" target="_top" class="cmp-img-component aos-init aos-animate" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="500"> <div class="cmp-img-component"> <div class="cmp-img-component__cmp-img"> <img class="no-jump-img lazy" src="img/survey-polls.jpg" alt="Surveys & Polls" width="421" height="352"> <div class="cmp-landing-block__content"> <div class="cmp-landing-block__content-inner"> <div class="bold title-sub">Surveys & Polls </div> <p class="paragraph line-height-normal"> Delivers unparalleled access to valuable insights straight from the heart of Kerala </p> </div> </div> </div> </div> </a> </div> </div> </div>  </section> <section class="container mb-md-4 mb-1"> <div class="cmp-svg-text d-none d-lg-block"> <img src="img/whyonline-text.svg" class="lazy no-jump-img " alt="" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="500"> </div> <div class="title bold d-flex align-items-center justify-content-center text-center d-lg-none mb-2" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="500">Why Manorama Online</div> </section> <section class="mb-4 cmp-why-online"> <div class="container"> <div class="cmp-component-boxImg"> <div class="cmp-component-boxImg__inner d-flex flex-lg-row flex-column-reverse py-lg-5 pb-3"> <div class="px-md-5 px-3 cmp-component-boxImg__content" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="500"> <div class="title-large bold mb-3">Why Manorama Online is must <br class="d-none d-md-block">for Your Media Plan:</div> <div class="cmp-timelineV1"> <ul> <li class="mb-4 px-3">Manorama Online combines reach, influence, and impact – key advertiser goals.</li> <li class="mb-4 px-3">Manorama Online commands trust, legacy, credibility, and global reach among the target audience.</li> <li class="mb-4 px-3">Manorama Online's highly agile & youthful approach drives young decision-makers to connect with your brand.</li> </ul> </div> <p class="paragraph bold"> Join the Leaders. India's top business brands choose Manorama Online. Tell your story alongside the best, and watch your impact soar. Ready to make a lasting impact? Contact us today and discover the Manorama Online difference. </p> </div> <div class="cmp-component-boxImg__img-blk px-3 px-lg-0 mb-3 mb-lg-0" data-aos="fade-up" data-aos-easing="linear" data-aos-duration="500"> <div class=" cmp-component-boxImg__img border-radius "> <img data-src="img/img-1.jpg" class="cmp-component-boxImg__pic lazy" alt="Why Online"> </div> </div> </div> </div> </div> </section>  <div class="cmp-foucs-div" id="connected"></div> <section class="cmp-get-connected pb-4 pb-md-5"> <div class="container"> <div class="title-large text-center bold mb-3">Get Connected</div> <div class="cmp-component-boxImgv2"> <div class="cmp-component-boxImg__inner py-lg-5 pb-3 d-flex flex-lg-row-reverse flex-column-reverse"> <div class="cmp-form d-flex flex-wrap px-lg-5 px-3" data-aos="fade-up" data-aos-duration="1000">  <div class="cmp-form__error "> <div class="cmp-form__error-inner d-flex align-items-center justify-content-center flex-column"> <div class="cmp-form__error-img mb-2"> <div class="cmp-form__error-img-inner"> <img data-src="img/error.png" class="cmp-component-boxImg__pic lazy no-jump-img" alt="error"> </div> </div> <div class="title-small text-center bold error-text">Error!</div> </div> </div>   <div class="cmp-form__error "> <div class="cmp-form__error-inner d-flex align-items-center justify-content-center flex-column"> <div class="cmp-form__error-img mb-2"> <div class="cmp-form__error-img-inner"> <img data-src="img/success.png" class="cmp-component-boxImg__pic lazy no-jump-img" alt="success"> </div> </div> <div class="title-small text-center bold sucess-text">Success</div> </div> </div>  <div class="mb-3 col-12"> <label for="name" class="default-font medium mb-1">Name* </label> <div class="cmp-form__inputfield"> <input type="text" placeholder="Enter Your Name" class="cmp-form__form-input p-2" name="name" id="name" required=""> <div class="cmp-form__error-div" id="name_error">Error</div> </div> </div> <div class="mb-3 col-12"> <label for="email" class="default-font medium mb-1">E-mail * </label> <div class="cmp-form__inputfield"> <input type="email" placeholder="Enter Your E-mail" class="cmp-form__form-input p-2" name="email" id="email" required=""> <div class="cmp-form__error-div" id="email_error">Error</div> </div> </div> <div class="mb-3 col-12"> <label for="mobile" class="default-font medium mb-1">Mobile * </label> <div class="cmp-form__inputfield"> <input type="email" placeholder="Enter Your Mobile Number" class="cmp-form__form-input p-2" name="mobile" id="mobile" required=""> <div class="cmp-form__error-div" id="mobile_error">Error</div> </div> </div> <div class="mb-3 col-12"> <label for="country" class="default-font medium mb-1">Country * </label> <div class="cmp-form__inputfield"> <select class="cmp-form__form-input p-2" name="country" id="country" onchange="setRegion();"> <option value="">Select Your Country</option> <option>India</option> <option>Outside India</option> </select> <div class="cmp-form__error-div" id="country_error">Error</div> </div> </div> <div class="mb-3 col-12"> <label for="location" class="default-font medium mb-1">Region * </label> <div class="cmp-form__inputfield"> <select class="cmp-form__form-input p-2" name="location" id="location"> <option value="">Select Your Region</option> </select> <div class="cmp-form__error-div" id="location_error">Error</div> </div> </div> <div class="mb-3 col-12"> <label for="company" class="default-font medium mb-1">Company * </label> <div class="cmp-form__inputfield"> <input type="text" placeholder="Enter Your Company" class="cmp-form__form-input p-2" name="company" id="company" required=""> <div class="cmp-form__error-div" id="company_error">Error</div> </div> </div> <div class="mb-3 col-12"> <label for="industry" class="default-font medium mb-1">Industry* </label> <div class="cmp-form__inputfield"> <select class="cmp-form__form-input p-2" name="industry" id="industry"> <option value="">Select Your Industry</option> <option>Advertising Agency</option> <option>Advocacy</option> <option>Automotive</option> <option>Books</option> <option>Education</option> <option>Energy</option> <option>Entertainment</option> <option>Fashion</option> <option>Financial Services</option> <option>Financial Tech</option> <option>Home Furnishings</option> <option>Jewelry & Watches</option> <option>Marketing</option> <option>Media</option> <option>Packaged Goods</option> <option>Real Estate</option> <option>Retail</option> <option>Packaged Goods</option> <option>Sports</option> <option>Technology</option> <option>Telecommunications</option> <option>Travel</option> <option>iscellaneous/Other</option> </select> <div class="cmp-form__error-div" id="industry_error">Error</div> </div> </div> <div class="mb-3 col-12"> <label for="message" class="default-font medium mb-1">Message * </label> <div class="cmp-form__inputfield"> <input type="text" placeholder="Enter Your Message" class="cmp-form__form-input p-2" name="message" id="message" required=""> <div class="cmp-form__error-div" id="message_error">Error</div> </div> </div> <div class="mb-3 col-12"> <label for="agree"> <input type="checkbox" name="agree" value="agreed" id="agree" onclick="enablebutton()"> I Agree to T&C of Manorama Online & <br>sign me up for emails from Manorama Online Group. </label> <div class="cmp-form__error-div">Error</div> </div> <div class="col-12">  <input type="button" class="btn" value="Submit" onclick="validateForm()" id="submitBtn" > </div> </div> <div class="cmp-component-boxImg__img-blk px-3 px-lg-0 mb-3 mb-lg-0" data-aos="fade-up" data-aos-duration="1000"> <div class=" cmp-component-boxImg__img border-radius"> <img src="img/img-2.jpg" class="cmp-component-boxImg__pic lazy" alt="contact"> </div> </div> </div> </div> </div> </section>  </div>  <footer class="col py-4 py-md-5 cmp-footer"> <div class="cmp-footer__scroll-to-top"> <div class="cmp-footer__scroll-to-top-inner d-flex justify-content-center align-items-center"><i class="sprite-icon scroll-top-dark"></i></div> </div> <div class="container cmp-footer__inner"> <div class="row"> <div class="col-md-6 col-lg-5 col-12 mb-4 mb-md-0"> <div class="online-logo mb-3 d-none d-md-block"> <a class="online-logo-inner" href="https://www.manoramaonline.com/" target="_blank"> <img src="img/online-logo.png" class="no-jump-img" width="600" height="53" alt="Manorama Online"> </a> </div> <div class="title-medium bold text-white mb-2">Contact:</div> <p class="default-font text-white mb-1">Mr Boby Paul</p> <p class="default-font text-white mb-2 mb-md-3">Senior General Manager - Marketing</p> <a class="bold anchor mb-3" href="tel:+123456">+91 481 2587 486</a> <div class="title-medium bold text-white mb-3">Follow Us</div> <div class="cmp-footer__follow-us"> <a class="me-2" href="https://www.facebook.com/manoramaonline" target="_blank" aria-label="face book"><i class="sprite-icon face-book-white"></i></a> <a class="me-2" href="https://x.com/manoramaonline" target="_blank" aria-label="twitter"><i class="sprite-icon twitter-white"></i></a> <a class="me-2" href="https://www.instagram.com/manoramaonline/" target="_blank" aria-label="insta"><i class="sprite-icon insta-white"></i></a> </div> </div> <div class="col-md-6 col-lg-3 col-12 mb-2 mb-md-0"> <div class="title-medium bold text-white mb-3 ">Quick Menu</div> <div class="cmp-footer__quick-menu"> <a class="mb-2 pb-1 text-white medium d-inline-block d-sm-block me-2 me-sm-0" href="index.html" target="_top">Home</a> <a class="mb-2 pb-1 text-white medium d-inline-block d-sm-block me-2 me-sm-0" href="about-us.html" target="_top">About Us</a> <a class="mb-2 pb-1 text-white medium d-inline-block d-sm-block me-2 me-sm-0" href="digital-solution.html" target="_top">Digital Network</a> <a class="mb-2 pb-1 text-white medium d-inline-block d-sm-block me-2 me-sm-0" href="native-storytelling.html" target="_top">Capabilities</a> <a class="mb-2 pb-1 text-white medium d-inline-block d-sm-block me-2 me-sm-0" href="initiatives.html" target="_top">Initiatives</a> <a class="mb-2 pb-1 text-white medium d-inline-block d-sm-block me-2 me-sm-0" href="awards.html" target="_top">Awards</a> <a class="text-white medium d-inline-block d-sm-block me-2 me-sm-0" href="contactus.html" target="_top">Contact</a> </div> </div> <div class="col-lg-4 col-12"> <div class="title-medium bold text-white mb-3 ">Other Queries:</div> <div class="cmp-footer__otherQuries p-3 mb-2 mb-sm-4"> <div class="paragraph text-white bold mb-1"><i class="sprite-icon custormer-support-white me-1"></i>Customer Support</div> <a class="text-white medium" href="mailto:customersupport@mm.co.in">customersupport@mm.co.in</a> </div> <div class="cmp-footer__otherQuries p-3"> <div class="paragraph text-white bold mb-1"><i class="sprite-icon send-mail-white me-1"></i>Advertising Related</div> <a class="text-white medium" href="mailto:onlineadvertising@mm.co.in">onlineadvertising@mm.co.in</a> </div> </div> </div> <div class="cmp-footer__copyright-blk pt-4 mt-3 mt-sm-5 d-md-flex justify-content-md-between text-center"> <div class="cmp-footer__copyright"> <p class="default-font text-white"><span class="d-block d-md-inline mb-2 mb-md-0">© Copyright <span id="Year"></span> manoramaonline</span><span class="mb-2 mb-md-0 d-block d-md-inline"> All rights reserved.</span></p> </div> <div class="cmp-footer__menus"> <a class="mb-2 pb-1 anchor medium d-inline me-2" href="https://www.manoramaonline.com/terms-of-use.html" target="_blank">Terms of Service</a> <a class="mb-2 pb-1 anchor medium d-inline me-2" href="https://www.manoramaonline.com/privacy.html" target="_blank">Privacy Policy</a> </div> </div> </div> </footer>  <script src="js/jquery.min.js"></script> <script src='https://cdnjs.cloudflare.com/ajax/libs/Chart.js/3.1.1/chart.min.js'></script> <script src="js/count-pluigns.js"></script> <script src="js/jquery.countup.min.js"></script> <script src="js/jeqery-migrate.js"></script> <script src="js/jquery.lazy.min.js"></script> <script src="js/popper.min.js"></script> <script src="js/slick.min.js"></script> <script src="js/aos.js"></script> <script src='js/slickanim.js'></script> <script src='js/form.js'></script> <script> $(document).ready(function() { backTop(); showPopup(); hidePopup(); toggleMenu(); lazyLoad(); navFixed(); banner(); mobileMenu(); AOS.init(); $('.counter').countUp(); scrollBehavior(); packageAdvertorial(); packageVideo(); packageAds(); accordation(); }); $('#Year').html(new Date().getFullYear()); function backTop() { $(function() { $(window).scroll(function() { scrpstn = $(this).scrollTop(); if (scrpstn > 400) { $('.cmp-footer__scroll-to-top').fadeIn(200); } else { $('.cmp-footer__scroll-to-top').fadeOut(200); } }) $(".cmp-footer__scroll-to-top").click(function() { $("html, body").animate({ scrollTop: 0 }, 500); }); }); } function showPopup() { $(".video-thumb-In").click(function(e) { e.preventDefault(); $('#someFrame').removeAttr('src'); $("#someFrame").attr("src", $(this).attr("href")); $(".cmp-speakers-block__popup-overlay, .cmp-inner-speakers-block__popup-overlay").fadeIn(); var myPlayer = videojs.getPlayer('#someFrame'); myPlayer.on('loadedmetadata', function() { myPlayer.play(); }); }) } function hidePopup() { $(".cmp-speakers-block__popup-overlay, .cmp-inner-speakers-block__popup-overlay, .cmp-speakers-block__close-btn").click(function(e) { $('#someFrame').removeAttr('src'); $(".cmp-speakers-block__popup-overlay, .cmp-inner-speakers-block__popup-overlay").hide(); }) } function toggleMenu() { $(".toggle-header").on("click", function() { var winwidth = $(window).width(); if (winwidth < 992) { if ($(this).closest('.toggle-section').hasClass("toggle-active")) { $(this).closest('.toggle-section').toggleClass("toggle-active"); } else { $('.toggle-section').removeClass("toggle-active"); $(this).closest('.toggle-section').addClass("toggle-active"); } } }); } function lazyLoad() { $('.lazy').Lazy({ effect: "fadeIn", effectTime: 100, threshold: 0 }); } function navFixed() { $(window).scroll(function() { var scroll = $(window).scrollTop(); if (scroll >= 60) { $('.cmp-nav').addClass("fixed"); } else { $('.cmp-nav').removeClass("fixed"); } }); } function banner() { $('.cmp-banner_slider').slick({ autoplay: true, arrows: false, dots: false, slidesToShow: 1, pauseOnHover: false, pauseOnFocus: false, autoplaySpeed: 5000, }).slickAnimation(); } function mobileMenu() { $('.cmp-nav__mobileMenu').on("click", function() { $('.navbar').toggleClass("mobile-menu-show"); $('body').toggleClass("no-scroll"); $('.burger').toggleClass("is-active"); }); $('.cmp-nav__mobileclose, .sub-nav a').on("click", function() { $('.navbar').removeClass("mobile-menu-show"); $('body').removeClass("no-scroll"); }); } function scrollBehavior() { $('a[href^=\\#]').on('click', function(event) { event.preventDefault(); $('html, body').animate({ scrollTop: $(this.hash).offset().top - 200 }, 300, function() { }); }); } function packageAdvertorial() { $('.package').slick({ slidesToShow: 3, arrows: true, autoplay: false, infinite: true, responsive: [ { breakpoint: 1180, settings: { slidesToShow: 2 } }, { breakpoint: 768, settings: { slidesToShow: 1 } } ] }); } function packageVideo() { $('.packagevideo').slick({ slidesToShow: 2, arrows: true, autoplay: false, infinite: true, responsive: [ { breakpoint: 1180, settings: { slidesToShow: 2 } }, { breakpoint: 768, settings: { slidesToShow: 1 } } ] }); } function packageAds() { $('.packageads').slick({ slidesToShow: 3, arrows: true, autoplay: false, infinite: true, responsive: [ { breakpoint: 1180, settings: { slidesToShow: 2 } }, { breakpoint: 768, settings: { slidesToShow: 1 } } ] }); } function accordation() { $(".accordion__title").on("click", function(e) { e.preventDefault(); var $this = $(this); if (!$this.hasClass("accordion-active")) { $(".accordion__content").slideUp(400); $(".accordion__title").removeClass("accordion-active"); $('.accordion__arrow').removeClass('accordion__rotate'); } $this.toggleClass("accordion-active"); $this.next().slideToggle(); $('.accordion__arrow', this).toggleClass('accordion__rotate'); }); } var chrt = document.getElementById("Usersbydeviceview").getContext("2d"); var chartId = new Chart(chrt, { type: 'doughnut', data: { labels: ["Mobile", "Desktop", "Tablet"], datasets: [{ label: "Users by Device Views ", data: [90, 9, 1], backgroundColor: ['#15173D', '#00B8F1', '#EC1C24'], }], }, options: { responsive: true, plugins: { legend: { display: false }, tooltip: { enabled: false // <-- this option disables tooltips } }, elements: { arc: { borderWidth: 0, // <-- Set this to derired value borderColor: '#333' } } }, }); var chrt = document.getElementById("UsersbypageViews").getContext("2d"); var chartId = new Chart(chrt, { type: 'doughnut', data: { labels: ["Mobile", "Desktop", "Tablet"], datasets: [{ label: "Users by Device Views ", data: [84, 16, 0], backgroundColor: ['#15173D', '#00B8F1', '#EC1C24'], }], }, options: { responsive: true, plugins: { legend: { display: false }, tooltip: { enabled: false // <-- this option disables tooltips } }, elements: { arc: { borderWidth: 0, // <-- Set this to derired value borderColor: '#333' } } }, }); </script> </body> </html>

CINXE.COM

Advertise with Manorama Online - Reach Kerala’s Global Audience