Manjari Joshi: Connecting Realms Through Language and Media

Date:

Share post:

/* ===== 728x90 HORIZONTAL BANNER STYLES ===== */ .ceo-horizontal-banner { width: 728px; height: 90px; background: linear-gradient(135deg, #8B0000 0%, #FF1C1C 100%); color: #ffffff; border-radius: 6px; font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; box-shadow: 0 2px 10px rgba(0,0,0,0.3); display: flex; align-items: center; position: relative; padding: 0 15px; overflow: hidden; isolation: isolate; margin: 10px auto; } .ceo-horizontal-banner::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 10% 50%, rgba(255,255,255,0.15) 0%, transparent 60%), radial-gradient(circle at 90% 50%, rgba(255,255,255,0.1) 0%, transparent 60%); z-index: 1; pointer-events: none; } .ceo-horizontal-content { display: flex; align-items: center; width: 100%; height: 100%; position: relative; z-index: 2; gap: 15px; } .ceo-horizontal-text { flex: 1; min-width: 0; } .ceo-horizontal-title { font-size: 18px; font-weight: 700; margin: 0 0 4px 0; line-height: 1.1; color: #ffffff; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ceo-horizontal-subtitle { font-size: 13px; font-weight: 500; line-height: 1.2; color: rgba(255,255,255,0.9); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; height: 16px; transition: all 0.4s ease; } .ceo-horizontal-btn { background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); color: #8B0000; font-weight: 700; padding: 8px 20px; font-size: 12px; text-decoration: none; border-radius: 20px; box-shadow: 0 2px 8px rgba(255, 255, 255, 0.3); transition: all 0.3s ease; border: 2px solid transparent; white-space: nowrap; flex-shrink: 0; text-transform: uppercase; letter-spacing: 0.2px; } .ceo-horizontal-btn:hover { transform: translateY(-1px); box-shadow: 0 3px 12px rgba(255, 255, 255, 0.4); } .ceo-horizontal-covers { width: 180px; height: 60px; position: relative; overflow: hidden; border-radius: 4px; flex-shrink: 0; margin-left: 10px; } .ceo-horizontal-track { display: flex; height: 100%; position: absolute; left: 0; top: 0; animation: horizontalSlide 20s linear infinite; } .ceo-horizontal-cover-group { display: flex; height: 100%; gap: 6px; padding: 0 6px; flex-shrink: 0; align-items: center; } .ceo-horizontal-cover-item { height: 100%; flex: 1; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.08); border-radius: 3px; padding: 3px; backdrop-filter: blur(4px); } .ceo-horizontal-cover-item img { height: 100%; width: auto; max-width: 100%; object-fit: contain; border-radius: 2px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); transition: transform 0.3s ease; } .ceo-horizontal-cover-item:hover img { transform: scale(1.05); } .ceo-horizontal-floating { position: absolute; background: rgba(255,255,255,0.08); border-radius: 50%; animation: horizontalFloat 6s ease-in-out infinite; z-index: 1; } @keyframes horizontalSlide { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-100% / 3)); } } @keyframes horizontalFloat { 0%, 100% { transform: translateY(0px) translateX(0px); } 50% { transform: translateY(-3px) translateX(2px); } } .ceo-horizontal-covers:hover .ceo-horizontal-track { animation-play-state: paused; } .ceo-horizontal-subtitle.active { animation: horizontalTextFade 0.5s ease-out; } @keyframes horizontalTextFade { 0% { opacity: 0; transform: translateX(10px); } 100% { opacity: 1; transform: translateX(0); } } /* ===== RESPONSIVE DESIGN ===== */ @media (max-width: 768px) { .ceo-horizontal-banner { width: 100%; max-width: 728px; height: auto; min-height: 90px; padding: 10px 15px; } .ceo-horizontal-content { flex-wrap: wrap; gap: 10px; justify-content: center; } .ceo-horizontal-text { text-align: center; flex: 0 0 100%; } .ceo-horizontal-covers { margin-left: 0; order: -1; } } @media (max-width: 480px) { .ceo-horizontal-banner { border-radius: 4px; padding: 8px 12px; } .ceo-horizontal-title { font-size: 16px; } .ceo-horizontal-subtitle { font-size: 12px; } .ceo-horizontal-covers { width: 150px; height: 50px; } .ceo-horizontal-btn { padding: 6px 16px; font-size: 11px; } } /* ===== ACCESSIBILITY ===== */ @media (prefers-reduced-motion: reduce) { .ceo-horizontal-track { animation: none; position: relative; transform: none !important; justify-content: center; } .ceo-horizontal-floating { animation: none; } * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; } } .ceo-horizontal-btn:focus { outline: 2px solid #ffffff; outline-offset: 1px; } /* ===== SPECIFIC 728x90 FIXES ===== */ .ceo-horizontal-banner { box-sizing: border-box; } .ceo-horizontal-content > * { box-sizing: border-box; }
Unlock Exclusive Business Insights
CEO Interviews & Industry Analysis
RE DO
Harvish
P C Chandra
Dr Shailaja
RE DO
Harvish
P C Chandra
Dr Shailaja
RE DO
Subscribe Now
document.addEventListener('DOMContentLoaded', function() { const horizontalBanner = document.getElementById('ceoHorizontalBanner'); const horizontalText = document.getElementById('ceoHorizontalText'); if (!horizontalBanner || !horizontalText) return; const horizontalTexts = [ "CEO Interviews & Industry Analysis", "Data-Driven Business Insights", "Growth Strategies & Trends", "Leadership Success Stories", "Exclusive Market Research" ]; let currentHorizontalIndex = 0; let horizontalInterval; let isHorizontalVisible = false; function updateHorizontalText() { horizontalText.style.opacity = '0'; setTimeout(() => { currentHorizontalIndex = (currentHorizontalIndex + 1) % horizontalTexts.length; horizontalText.textContent = horizontalTexts[currentHorizontalIndex]; horizontalText.style.opacity = '1'; horizontalText.classList.add('active'); setTimeout(() => horizontalText.classList.remove('active'), 500); }, 200); } // Intersection Observer for horizontal banner const horizontalObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { isHorizontalVisible = entry.isIntersecting; if (isHorizontalVisible) { horizontalInterval = setInterval(updateHorizontalText, 3000); setTimeout(updateHorizontalText, 500); } else { clearInterval(horizontalInterval); } }); }, { threshold: 0.1, rootMargin: '50px' }); horizontalObserver.observe(horizontalBanner); // Image optimization for horizontal banner const horizontalImages = horizontalBanner.querySelectorAll('img'); horizontalImages.forEach(img => { img.onerror = function() { this.style.opacity = '0.3'; }; img.onload = function() { this.style.opacity = '1'; }; }); // Cleanup window.addEventListener('beforeunload', () => { clearInterval(horizontalInterval); }); document.addEventListener('visibilitychange', () => { if (document.hidden) { clearInterval(horizontalInterval); } else if (isHorizontalVisible) { horizontalInterval = setInterval(updateHorizontalText, 3000); } }); // Pause on hover horizontalBanner.addEventListener('mouseenter', () => { if (horizontalInterval) clearInterval(horizontalInterval); }); horizontalBanner.addEventListener('mouseleave', () => { if (isHorizontalVisible) { horizontalInterval = setInterval(updateHorizontalText, 3000); } }); // Ensure exact 728x90 dimensions function maintainDimensions() { const banner = horizontalBanner; if (banner.offsetWidth !== 728 || banner.offsetHeight !== 90) { banner.style.width = '728px'; banner.style.height = '90px'; } } maintainDimensions(); window.addEventListener('resize', maintainDimensions); });

In the domain of Indian television broadcasting, Manjari Joshi emerges as a distinguished TV newsreader and anchor associated with the public service broadcast network Doordarshan. Beyond her on-screen presence, Joshi has left an indelible mark on literature, journalism education, and cross-cultural understanding throughout her multifaceted career. Her estimated net worth is $5 million.

Early Life and Education

Manjari Joshi’s educational journey commenced at Sardar Patel Vidyalaya in New Delhi. Pursuing academic excellence led her to Miranda College, University of Delhi, where she graduated with a degree in Chemistry (Hons). Later, she shifted her focus to Russian studies, earning her post-graduation from Jawaharlal Nehru University. Proficient in translating Russian to English and Hindi, Joshi has not only contributed articles to newspapers but has also extended her expertise to the field of television journalism.

Literary Contributions

Joshi’s literary prowess transcends her television career. She translated the works of Abai Kunnanbev, contributing to the publication “Selected Works of Abai Kunnanbev” in 1995. Her translation work, alongside other notable contributors, underscores her commitment to fostering cultural exchange and understanding.

In 2002, Joshi added another dimension to her literary achievements with “Bharatiya Sangeet ki Parampara,” a contribution to the National Book Trust, delving into the tradition of Indian music. Her exploration of cultural themes reflects a profound appreciation for India’s rich artistic heritage.

Educational Initiatives

A testament to her dedication to nurturing the next generation of journalists, Joshi has co-authored educational books in collaboration with Prof. Hemant Joshi. “Writing for Media” (2011), “Fundamentals of Journalism and Mass Communication” (2011), and “Communication for Development” (2011) exemplify her commitment to imparting knowledge and skills in the realm of media and communication.

Career at Doordarshan

As a TV newsreader and anchor at Doordarshan, Joshi has become a familiar face, delivering news to millions of viewers. Her articulate delivery and composed demeanour have earned her respect in the field. Beyond merely presenting information, she has contributed to the public’s understanding of national and international events.

Conclusion

Manjari Joshi’s journey, from a student of chemistry to a respected news anchor and literary contributor, showcases her versatility and intellectual depth. Her role in bridging cultural gaps through translation, educating aspiring journalists, and presenting news on a prominent platform like Doordarshan reflects a lifelong commitment to the world of media and communication. Manjari Joshi remains an influential figure, shaping narratives and fostering a deeper understanding of diverse subjects in the public sphere.

/* ===== CEO BANNER STYLES ===== */ .ceo-wide-banner { width: 100%; max-width: 970px; background: linear-gradient(135deg, #8B0000 0%, #FF1C1C 100%); color: #ffffff; border-radius: 12px; font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; box-shadow: 0 4px 20px rgba(0,0,0,0.3); display: grid; grid-template-columns: 1.4fr 1fr; align-items: center; position: relative; padding: 28px; min-height: 280px; overflow: hidden; margin: 20px auto; } .ceo-wide-banner::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 20% 80%, rgba(255,255,255,0.15) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(255,255,255,0.1) 0%, transparent 50%); z-index: 1; pointer-events: none; } .ceo-left { z-index: 2; padding-right: 30px; } .ceo-left h2 { font-size: clamp(2rem, 3vw, 2.8rem); margin: 0 0 15px 0; line-height: 1.1; font-weight: 800; color: #ffffff; text-shadow: 0 2px 8px rgba(0,0,0,0.3); background: linear-gradient(45deg, #fff, #f8f9fa); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .ceo-carousel-text { font-weight: 600; font-size: clamp(1.2rem, 1.8vw, 1.5rem); line-height: 1.4; min-height: 65px; color: rgba(255,255,255,0.95); margin-bottom: 25px; position: relative; padding-left: 20px; transition: all 0.5s ease; } .ceo-carousel-text::before { content: "▸"; position: absolute; left: 0; color: #ffffff; font-size: 1.2em; } .ceo-subscribe-btn { background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); color: #8B0000; font-weight: 800; padding: 16px 40px; font-size: clamp(1.2rem, 2vw, 1.6rem); text-decoration: none; border-radius: 50px; box-shadow: 0 4px 15px rgba(255, 255, 255, 0.4), 0 6px 20px rgba(139, 0, 0, 0.2); transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94); text-align: center; border: 3px solid transparent; display: inline-block; position: relative; overflow: hidden; text-transform: uppercase; letter-spacing: 0.5px; } .ceo-subscribe-btn:hover { transform: translateY(-3px) scale(1.05); box-shadow: 0 8px 25px rgba(255, 255, 255, 0.5), 0 12px 30px rgba(139, 0, 0, 0.3); } .ceo-right { z-index: 2; display: flex; align-items: center; justify-content: center; height: 100%; } .ceo-covers-slideshow { width: 100%; height: 220px; position: relative; overflow: hidden; border-radius: 12px; } .ceo-covers-track { display: flex; height: 100%; position: absolute; left: 0; top: 0; animation: slideInfinite 25s linear infinite; } .ceo-cover-group { display: flex; height: 100%; gap: 15px; padding: 0 15px; flex-shrink: 0; } .ceo-cover-item { height: 100%; flex: 0 0 auto; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.1); border-radius: 8px; padding: 8px; backdrop-filter: blur(10px); } .ceo-cover-item img { height: 100%; width: auto; max-width: none; object-fit: contain; border-radius: 4px; box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3); transition: transform 0.3s ease; } .ceo-cover-item:hover img { transform: scale(1.05); } @keyframes slideInfinite { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-100% / 3)); } } .ceo-covers-slideshow:hover .ceo-covers-track { animation-play-state: paused; } .floating-element { position: absolute; background: rgba(255,255,255,0.1); border-radius: 50%; animation: float 6s ease-in-out infinite; z-index: 1; } @keyframes float { 0%, 100% { transform: translateY(0px) rotate(0deg); } 33% { transform: translateY(-20px) rotate(120deg); } 66% { transform: translateY(10px) rotate(240deg); } } @keyframes slideInUp { 0% { opacity: 0; transform: translateY(30px) scale(0.95); } 100% { opacity: 1; transform: translateY(0) scale(1); } } .ceo-carousel-text.active { animation: slideInUp 0.7s cubic-bezier(0.25, 0.46, 0.45, 0.94); } /* ===== RESPONSIVE DESIGN ===== */ @media (max-width: 900px) { .ceo-wide-banner { grid-template-columns: 1fr; gap: 25px; text-align: center; padding: 24px; min-height: auto; } .ceo-left { padding-right: 0; } .ceo-covers-slideshow { height: 180px; max-width: 100%; } .ceo-cover-group { gap: 10px; padding: 0 10px; } .ceo-carousel-text::before { display: none; } } @media (max-width: 600px) { .ceo-covers-slideshow { height: 150px; } .ceo-cover-group { gap: 8px; padding: 0 8px; } .ceo-cover-item { padding: 5px; } } @media (max-width: 480px) { .ceo-wide-banner { padding: 20px; border-radius: 8px; } .ceo-covers-slideshow { height: 130px; } .ceo-subscribe-btn { padding: 14px 32px; font-size: 1.1rem; width: 100%; max-width: 280px; } } @media (prefers-reduced-motion: reduce) { .ceo-covers-track { animation: none; position: relative; transform: none !important; justify-content: center; } .floating-element { animation: none; } * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; } } .ceo-subscribe-btn:focus { outline: 3px solid #ffffff; outline-offset: 3px; border-color: #ffffff; }

Unlock Exclusive Business Insights

Subscribe Now ↗
RE DO Jewellery Magazine
Harvish Jewels Magazine
P C Chandra Magazine
Dr Shailaja Magazine
RE DO Jewellery Magazine
Harvish Jewels Magazine
P C Chandra Magazine
Dr Shailaja Magazine
RE DO Jewellery Magazine
document.addEventListener('DOMContentLoaded', function() { const banner = document.getElementById('ceoWideBanner'); const carouselElement = document.getElementById('ceoCarouselText'); if (!banner || !carouselElement) return; const carouselTexts = [ "Weekly CEO Interviews & Strategic Analysis", "Data-Driven Industry Trends & Insights", "Exclusive Growth Strategies from Top Leaders", "Actionable Business Intelligence Reports", "Behind-the-Scenes of Successful Companies" ]; let currentIndex = 0; let carouselInterval; let isVisible = false; function updateTextCarousel() { carouselElement.style.opacity = '0'; carouselElement.style.transform = 'translateY(20px)'; setTimeout(() => { currentIndex = (currentIndex + 1) % carouselTexts.length; carouselElement.textContent = carouselTexts[currentIndex]; carouselElement.style.opacity = '1'; carouselElement.style.transform = 'translateY(0)'; carouselElement.classList.add('active'); setTimeout(() => carouselElement.classList.remove('active'), 700); }, 300); } const observer = new IntersectionObserver((entries) => { entries.forEach(entry => { isVisible = entry.isIntersecting; if (isVisible) { carouselInterval = setInterval(updateTextCarousel, 4000); setTimeout(updateTextCarousel, 100); } else { clearInterval(carouselInterval); } }); }, { threshold: 0.3 }); observer.observe(banner); // Image error handling const images = banner.querySelectorAll('img'); images.forEach(img => { img.onerror = function() { this.style.opacity = '0.5'; }; img.onload = function() { this.style.opacity = '1'; }; }); // Cleanup window.addEventListener('beforeunload', () => clearInterval(carouselInterval)); document.addEventListener('visibilitychange', () => { if (document.hidden) clearInterval(carouselInterval); else if (isVisible) carouselInterval = setInterval(updateTextCarousel, 4000); }); });

LEAVE A REPLY

Please enter your comment!
Please enter your name here

CEO Podcast Sidebar Ad /* Reset only inside the ad */ .sidebar-ad * { margin: 0; padding: 0; box-sizing: border-box; font-family: 'Montserrat', sans-serif; } .sidebar-ad { width: 300px; min-height: 250px; background: linear-gradient(135deg, #1a1a1a 0%, #2d2d2d 100%); border-radius: 12px; overflow: hidden; position: relative; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.15); cursor: pointer; transition: all 0.3s ease; border: 1px solid rgba(255, 255, 255, 0.08); margin: 0 auto; /* keeps centered in sidebar */ } .sidebar-ad:hover { transform: translateY(-5px); box-shadow: 0 12px 35px rgba(0, 0, 0, 0.2); } .sidebar-ad .ad-content { padding: 20px; height: 100%; display: flex; flex-direction: column; position: relative; z-index: 2; } .sidebar-ad .ad-header { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 15px; } .sidebar-ad .logo { color: white; font-size: 14px; font-weight: 700; letter-spacing: 0.5px; } .sidebar-ad .logo span { color: #E31E24; display: block; font-size: 16px; margin-top: 2px; font-weight: 600; } .sidebar-ad .badge { background: rgba(227, 30, 36, 0.2); color: #ff6b6b; border-radius: 12px; padding: 5px 12px; font-size: 10px; font-weight: 600; backdrop-filter: blur(5px); border: 1px solid rgba(227, 30, 36, 0.3); text-transform: uppercase; letter-spacing: 0.5px; } .sidebar-ad .main-headline { color: white; font-size: 20px; font-weight: 700; line-height: 1.2; margin-bottom: 12px; } .sidebar-ad .headline-highlight { color: #E31E24; background: linear-gradient(90deg, #E31E24, #FF5252); -webkit-background-clip: text; -webkit-text-fill-color: transparent; position: relative; } .sidebar-ad .headline-highlight::after { content: ""; position: absolute; bottom: -2px; left: 0; width: 100%; height: 2px; background: linear-gradient(90deg, #E31E24, #FF5252); border-radius: 2px; } .sidebar-ad .subheadline { color: rgba(255, 255, 255, 0.85); font-size: 12px; line-height: 1.5; margin-bottom: 18px; } .sidebar-ad .stats-row { display: flex; justify-content: space-between; margin-bottom: 18px; background: rgba(255, 255, 255, 0.05); border-radius: 10px; padding: 12px 10px; border: 1px solid rgba(255, 255, 255, 0.08); } .sidebar-ad .stat-item { text-align: center; flex: 1; padding: 0 5px; } .sidebar-ad .stat-value { color: #E31E24; font-size: 18px; font-weight: 700; margin-bottom: 4px; } .sidebar-ad .stat-label { color: rgba(255, 255, 255, 0.7); font-size: 10px; font-weight: 500; text-transform: uppercase; letter-spacing: 0.5px; } .sidebar-ad .divider { height: 1px; background: linear-gradient(90deg, transparent, rgba(227, 30, 36, 0.4), transparent); margin: 15px 0; } .sidebar-ad .platforms { display: flex; justify-content: center; gap: 10px; margin: 15px 0; } .sidebar-ad .platform-icon { width: 28px; height: 28px; background: rgba(255, 255, 255, 0.1); border-radius: 6px; display: flex; align-items: center; justify-content: center; font-size: 12px; color: white; transition: all 0.2s ease; } .sidebar-ad .platform-icon:hover { background: rgba(227, 30, 36, 0.3); transform: translateY(-2px); } .sidebar-ad .cta-section { display: flex; gap: 12px; margin-top: 10px; } .sidebar-ad .cta-button { background: linear-gradient(90deg, #E31E24, #FF5252); color: white; border: none; border-radius: 8px; padding: 12px 18px; font-size: 13px; font-weight: 600; cursor: pointer; transition: all 0.3s ease; flex: 1; text-align: center; box-shadow: 0 4px 12px rgba(227, 30, 36, 0.3); position: relative; overflow: hidden; } .sidebar-ad .cta-button:hover { transform: translateY(-2px); box-shadow: 0 6px 18px rgba(227, 30, 36, 0.4); } .sidebar-ad .cta-button::after { content: "→"; position: absolute; right: 15px; top: 50%; transform: translateY(-50%); font-size: 14px; transition: transform 0.3s ease; } .sidebar-ad .cta-button:hover::after { transform: translateY(-50%) translateX(3px); } .sidebar-ad .secondary-button { background: transparent; color: rgba(255, 255, 255, 0.8); border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 8px; padding: 12px 15px; font-size: 12px; cursor: pointer; transition: all 0.3s ease; font-weight: 500; } .sidebar-ad .secondary-button:hover { background: rgba(255, 255, 255, 0.05); color: white; border-color: rgba(227, 30, 36, 0.4); } .sidebar-ad .background-design { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; overflow: hidden; } .sidebar-ad .red-accent { position: absolute; width: 140px; height: 140px; background: linear-gradient(135deg, #E31E24 0%, #B71C1C 100%); border-radius: 0 0 0 100%; top: -70px; right: -70px; opacity: 0.8; } @keyframes pulse { 0% { transform: scale(1); box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); } 50% { transform: scale(1.05); box-shadow: 0 8px 20px rgba(227, 30, 36, 0.4); } 100% { transform: scale(1); box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3); } } .sidebar-ad .micro-dots { position: absolute; width: 100%; height: 100%; } .sidebar-ad .dot { position: absolute; width: 4px; height: 4px; background: rgba(227, 30, 36, 0.4); border-radius: 50%; } /* Animations */ .sidebar-ad .ad-content > * { opacity: 0; animation: fadeInUp 0.6s ease forwards; } .sidebar-ad .ad-header { animation-delay: 0.1s; } .sidebar-ad .main-headline { animation-delay: 0.2s; } .sidebar-ad .subheadline { animation-delay: 0.3s; } .sidebar-ad .stats-row { animation-delay: 0.4s; } .sidebar-ad .divider { animation-delay: 0.5s; } .sidebar-ad .platforms { animation-delay: 0.6s; } .sidebar-ad .cta-section { animation-delay: 0.7s; } @keyframes fadeInUp { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } .sidebar-ad .glow-effect { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: radial-gradient(circle at 30% 70%, rgba(227, 30, 36, 0.1) 0%, transparent 70%); z-index: 1; pointer-events: none; } /* Responsive fix */ @media (max-width: 350px) { .sidebar-ad { width: 100%; max-width: 300px; } .sidebar-ad .ad-content { padding: 15px; } .sidebar-ad .main-headline { font-size: 18px; } .sidebar-ad .cta-button, .sidebar-ad .secondary-button { padding: 10px 12px; font-size: 12px; } } // Create micro dots for background const dotsContainer = document.getElementById('dotsContainer'); for (let i = 0; i { this.style.transform = ''; }, 200); }); // Media Kit button - Updated with your link document.querySelector('.secondary-button').addEventListener('click', function(e) { e.stopPropagation(); window.open('https://emagazine.theceo.in/magazine/the-ceo-magazine-media-kit/#Page1', '_blank'); this.style.transform = 'scale(0.95)'; setTimeout(() => { this.style.transform = ''; }, 200); }); document.querySelector('.sidebar-ad').addEventListener('click', function(e) { if (!e.target.classList.contains('cta-button') && !e.target.classList.contains('secondary-button')) { window.open('https://sheet.theceo.in/podcast/', '_blank'); } }); // Glow effect on mousemove document.querySelector('.sidebar-ad').addEventListener('mousemove', function(e) { const glow = document.querySelector('.glow-effect'); const rect = this.getBoundingClientRect(); const x = e.clientX - rect.left; const y = e.clientY - rect.top; glow.style.background = `radial-gradient(circle at ${x}px ${y}px, rgba(227, 30, 36, 0.15) 0%, transparent 70%)`; });
/* ===== SIDEBAR CEO BANNER STYLES ===== */ .ceo-sidebar-banner { width: 100%; max-width: 300px; background: linear-gradient(135deg, #8B0000 0%, #FF1C1C 100%); color: #ffffff; border-radius: 10px; font-family: 'Segoe UI', system-ui, -apple-system, sans-serif; box-shadow: 0 3px 15px rgba(0,0,0,0.2); position: relative; padding: 20px; margin: 15px auto; overflow: hidden; isolation: isolate; } .ceo-sidebar-banner::before { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 20% 30%, rgba(255,255,255,0.12) 0%, transparent 50%), radial-gradient(circle at 80% 70%, rgba(255,255,255,0.08) 0%, transparent 50%); z-index: 1; pointer-events: none; } .ceo-sidebar-content { position: relative; z-index: 2; text-align: center; } .ceo-sidebar-title { font-size: 1.4rem; font-weight: 700; margin: 0 0 12px 0; line-height: 1.2; color: #ffffff; text-shadow: 0 1px 3px rgba(0,0,0,0.3); } .ceo-sidebar-subtitle { font-size: 0.95rem; font-weight: 500; line-height: 1.4; color: rgba(255,255,255,0.9); margin-bottom: 15px; min-height: 40px; display: flex; align-items: center; justify-content: center; transition: all 0.5s ease; } .ceo-sidebar-btn { background: linear-gradient(135deg, #ffffff 0%, #f8f9fa 100%); color: #8B0000; font-weight: 700; padding: 12px 24px; font-size: 0.95rem; text-decoration: none; border-radius: 25px; box-shadow: 0 3px 10px rgba(255, 255, 255, 0.3); transition: all 0.3s ease; text-align: center; border: 2px solid transparent; display: block; width: 100%; margin: 15px 0; text-transform: uppercase; letter-spacing: 0.3px; } .ceo-sidebar-btn:hover { transform: translateY(-2px); box-shadow: 0 5px 15px rgba(255, 255, 255, 0.4); } .ceo-sidebar-covers { width: 100%; height: 120px; position: relative; overflow: hidden; border-radius: 8px; margin-top: 10px; } .ceo-sidebar-track { display: flex; height: 100%; position: absolute; left: 0; top: 0; animation: sidebarSlide 30s linear infinite; } .ceo-sidebar-cover-group { display: flex; height: 100%; gap: 8px; padding: 0 8px; flex-shrink: 0; align-items: center; } .ceo-sidebar-cover-item { height: 100%; flex: 1; display: flex; align-items: center; justify-content: center; background: rgba(255, 255, 255, 0.08); border-radius: 6px; padding: 5px; backdrop-filter: blur(5px); } .ceo-sidebar-cover-item img { height: 100%; width: auto; max-width: 100%; object-fit: contain; border-radius: 3px; box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2); transition: transform 0.3s ease; } .ceo-sidebar-cover-item:hover img { transform: scale(1.08); } .ceo-sidebar-floating { position: absolute; background: rgba(255,255,255,0.08); border-radius: 50%; animation: sidebarFloat 8s ease-in-out infinite; z-index: 1; } @keyframes sidebarSlide { 0% { transform: translateX(0); } 100% { transform: translateX(calc(-100% / 2)); } } @keyframes sidebarFloat { 0%, 100% { transform: translateY(0px) translateX(0px); } 33% { transform: translateY(-10px) translateX(5px); } 66% { transform: translateY(5px) translateX(-5px); } } .ceo-sidebar-covers:hover .ceo-sidebar-track { animation-play-state: paused; } .ceo-sidebar-subtitle.active { animation: sidebarTextFade 0.6s ease-out; } @keyframes sidebarTextFade { 0% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: translateY(0); } } /* ===== RESPONSIVE DESIGN ===== */ @media (max-width: 768px) { .ceo-sidebar-banner { max-width: 100%; margin: 10px 0; padding: 15px; } .ceo-sidebar-title { font-size: 1.3rem; } .ceo-sidebar-covers { height: 100px; } .ceo-sidebar-btn { padding: 10px 20px; font-size: 0.9rem; } } @media (max-width: 480px) { .ceo-sidebar-banner { border-radius: 8px; padding: 12px; } .ceo-sidebar-title { font-size: 1.2rem; } .ceo-sidebar-covers { height: 90px; } .ceo-sidebar-cover-group { gap: 6px; padding: 0 6px; } } /* ===== ACCESSIBILITY ===== */ @media (prefers-reduced-motion: reduce) { .ceo-sidebar-track { animation: none; position: relative; transform: none !important; justify-content: center; } .ceo-sidebar-floating { animation: none; } * { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; } } .ceo-sidebar-btn:focus { outline: 2px solid #ffffff; outline-offset: 2px; }
Business Insights
CEO Interviews & Analysis
Subscribe Now
RE DO Jewellery
Harvish Jewels
P C Chandra
Dr Shailaja
RE DO Jewellery
Harvish Jewels
Join 50K+ Business Leaders
document.addEventListener('DOMContentLoaded', function() { const sidebarBanner = document.getElementById('ceoSidebarBanner'); const sidebarText = document.getElementById('ceoSidebarText'); if (!sidebarBanner || !sidebarText) return; const sidebarTexts = [ "CEO Interviews & Analysis", "Industry Trends & Insights", "Growth Strategies", "Leadership Stories", "Business Intelligence" ]; let currentTextIndex = 0; let textInterval; let isSidebarVisible = false; function updateSidebarText() { sidebarText.style.opacity = '0'; setTimeout(() => { currentTextIndex = (currentTextIndex + 1) % sidebarTexts.length; sidebarText.textContent = sidebarTexts[currentTextIndex]; sidebarText.style.opacity = '1'; sidebarText.classList.add('active'); setTimeout(() => sidebarText.classList.remove('active'), 600); }, 300); } // Intersection Observer for sidebar const sidebarObserver = new IntersectionObserver((entries) => { entries.forEach(entry => { isSidebarVisible = entry.isIntersecting; if (isSidebarVisible) { textInterval = setInterval(updateSidebarText, 3500); setTimeout(updateSidebarText, 500); } else { clearInterval(textInterval); } }); }, { threshold: 0.1 }); sidebarObserver.observe(sidebarBanner); // Image optimization for sidebar const sidebarImages = sidebarBanner.querySelectorAll('img'); sidebarImages.forEach(img => { img.onerror = function() { this.style.opacity = '0.3'; console.log('Sidebar image failed to load:', this.alt); }; img.onload = function() { this.style.opacity = '1'; }; }); // Cleanup window.addEventListener('beforeunload', () => { clearInterval(textInterval); }); document.addEventListener('visibilitychange', () => { if (document.hidden) { clearInterval(textInterval); } else if (isSidebarVisible) { textInterval = setInterval(updateSidebarText, 3500); } }); // Pause on hover for better UX sidebarBanner.addEventListener('mouseenter', () => { if (textInterval) clearInterval(textInterval); }); sidebarBanner.addEventListener('mouseleave', () => { if (isSidebarVisible) { textInterval = setInterval(updateSidebarText, 3500); } }); });
.ceo-ad-300x300 { width: 300px; height: 300px; background: linear-gradient(145deg, #ffffff 0%, #f8f9fa 100%); border-radius: 12px; overflow: hidden; position: relative; box-shadow: 0 10px 25px rgba(227, 0, 15, 0.15), 0 5px 10px rgba(0, 0, 0, 0.1); cursor: pointer; transition: all 0.4s ease; border: 1px solid rgba(227, 0, 15, 0.1); font-family: Arial, sans-serif; box-sizing: border-box; } .ceo-ad-300x300:hover { transform: translateY(-5px); box-shadow: 0 15px 30px rgba(227, 0, 15, 0.25), 0 8px 15px rgba(0, 0, 0, 0.15); } .ceo-ad-brand-strip { position: absolute; top: 0; left: 0; width: 100%; height: 6px; background: linear-gradient(90deg, #e3000f 0%, #ff4d4d 100%); z-index: 10; } .ceo-ad-corner-accent { position: absolute; top: -40px; right: -40px; width: 120px; height: 120px; background: rgba(227, 0, 15, 0.08); border-radius: 50%; z-index: 1; } .ceo-ad-content { padding: 18px; color: #222; height: 100%; display: flex; flex-direction: column; position: relative; z-index: 2; box-sizing: border-box; } .ceo-ad-header { display: flex; align-items: center; margin-bottom: 12px; justify-content: space-between; } .ceo-ad-logo-container { display: flex; flex-direction: column; } .ceo-ad-logo { font-weight: bold; font-size: 18px; color: #e3000f; font-family: "Times New Roman", Times, serif; line-height: 1; } .ceo-ad-logo-subtitle { font-size: 8px; font-weight: bold; color: #666; text-transform: uppercase; letter-spacing: 1px; font-family: Arial, sans-serif; margin-top: 2px; } .ceo-ad-feature-badge { background: #e3000f; color: white; font-size: 8px; font-weight: bold; padding: 4px 6px; border-radius: 3px; font-family: Arial, sans-serif; } .ceo-ad-title { font-size: 20px; font-weight: bold; line-height: 1.2; margin-bottom: 8px; color: #222; text-align: center; } .ceo-ad-subtitle { font-size: 11px; color: #555; margin-bottom: 15px; line-height: 1.3; text-align: center; font-family: Arial, sans-serif; } .ceo-ad-features-container { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-bottom: 15px; } .ceo-ad-feature { display: flex; flex-direction: column; align-items: center; text-align: center; padding: 8px 5px; background: rgba(227, 0, 15, 0.05); border-radius: 6px; transition: all 0.3s ease; height: 60px; justify-content: center; box-sizing: border-box; } .ceo-ad-feature:hover { background: rgba(227, 0, 15, 0.1); transform: translateY(-2px); } .ceo-ad-feature-icon { color: #e3000f; font-size: 16px; margin-bottom: 5px; } .ceo-ad-feature-text { font-size: 9px; font-weight: bold; color: #444; line-height: 1.2; } .ceo-ad-cta-section { display: flex; justify-content: space-between; align-items: center; margin-top: auto; } .ceo-ad-cta-button { background: linear-gradient(90deg, #e3000f 0%, #ff3366 100%); color: white; border: none; border-radius: 50px; padding: 8px 15px; font-weight: bold; font-size: 11px; text-align: center; cursor: pointer; transition: all 0.3s ease; box-shadow: 0 4px 10px rgba(227, 0, 15, 0.3); flex: 1; margin-right: 8px; font-family: Arial, sans-serif; position: relative; overflow: hidden; box-sizing: border-box; } .ceo-ad-cta-button:before { content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.3), transparent); transition: 0.5s; } .ceo-ad-cta-button:hover:before { left: 100%; } .ceo-ad-cta-button:hover { transform: translateY(-2px); box-shadow: 0 6px 15px rgba(227, 0, 15, 0.4); } .ceo-ad-urgency-badge { background: #e3000f; color: white; font-size: 8px; font-weight: bold; padding: 6px 8px; border-radius: 4px; animation: ceo-ad-pulse 2s infinite; font-family: Arial, sans-serif; white-space: nowrap; } @keyframes ceo-ad-pulse { 0% { transform: scale(1); box-shadow: 0 0 0 0 rgba(227, 0, 15, 0.7); } 70% { transform: scale(1.05); box-shadow: 0 0 0 5px rgba(227, 0, 15, 0); } 100% { transform: scale(1); box-shadow: 0 0 0 0 rgba(227, 0, 15, 0); } } .ceo-ad-floating-element { position: absolute; z-index: 1; } .ceo-ad-circle-1 { width: 60px; height: 60px; border: 2px solid rgba(227, 0, 15, 0.08); border-radius: 50%; bottom: 15px; left: 15px; animation: ceo-ad-float 6s ease-in-out infinite; } .ceo-ad-circle-2 { width: 30px; height: 30px; background: rgba(227, 0, 15, 0.05); border-radius: 50%; top: 50px; right: 30px; animation: ceo-ad-float 4s ease-in-out infinite; } @keyframes ceo-ad-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
BUSINESS EXCELLENCE
EXCLUSIVE
Get Featured in Our Magazine
Showcase your success story to 50,000+ business leaders
Boost Brand Credibility
Reach Top Executives
Stand Out
Network with Leaders
LIMITED SPOTS
(function() { var adContainer = document.querySelector('.ceo-ad-300x300'); var ctaButton = document.querySelector('.ceo-ad-cta-button'); var features = document.querySelectorAll('.ceo-ad-feature'); adContainer.addEventListener('click', function() { window.open('https://sheet.theceo.in/get-featured-in-the-ceo-magazine/', '_blank'); }); ctaButton.addEventListener('mouseover', function() { this.style.transform = 'translateY(-2px)'; }); ctaButton.addEventListener('mouseout', function() { this.style.transform = 'translateY(0)'; }); features.forEach(function(feature) { feature.addEventListener('mouseover', function() { this.style.transform = 'translateY(-2px)'; }); feature.addEventListener('mouseout', function() { this.style.transform = 'translateY(0)'; }); }); })();

Related articles

Upcoming IPOs in India: How Investors Can Evaluate Mainboard IPO Opportunities

Quick answer: To evaluate a mainboard IPO, check how the company’s revenue, profit, debt and cash flow have...

Indiamanthan Opens a Route for Indian Exporters Facing Payment Delays

New agreement aims to help businesses explore options for recovering overdue payments from international buyers, including uninsured export...

The CEO Magazine Business Conclave & Leadership Awards 2026 Brings Business, Policy and Leadership Voices Together

New Delhi | 11 September 2026 The inaugural The CEO Magazine Business Conclave & Leadership Awards 2026 brought together...

Gujarat-Based IMPERA – YOUR HORECA GROWTH PARTNER PVT LTD Expands Comprehensive Support for Hospitality Businesses Across India

From business setup and product supply to marketing, launch support and growth strategy, IMPERA aims to simplify the...