Teachers’ Day: Celebrating with an Outdoor Picnic

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); });

As Teachers’ Day approaches, there’s a delightful opportunity to commemorate this special occasion uniquely and memorably – through an outdoor picnic. This day, dedicated to honouring our teachers, can be made even more meaningful by fostering a sense of camaraderie and appreciation beyond the confines of the classroom. An outdoor picnic provides the perfect backdrop for students and teachers to come together, relax, and celebrate teachers’ invaluable role in shaping young minds.

Picnic: A Break from the Routine

Breaking away from the traditional classroom setup, an outdoor picnic offers a refreshing change of scenery. It’s a chance for teachers and students to interact in a more relaxed and informal setting, where the usual teacher-student dynamics give way to a more open and friendly atmosphere. This change in environment can lead to deeper connections and a better understanding of one another.

Nature’s Classroom

An outdoor picnic can serve as a unique educational experience itself. Nature provides a wealth of learning opportunities – from observing local flora and fauna to discussing ecological concepts in real time. Teachers can use this setting to impart lessons that go beyond textbooks, engaging students’ curiosity and fostering a sense of wonder about the natural world.

Team-building and Bonding

Picnics are perfect for team-building activities and games that encourage collaboration and teamwork. Teachers and students can participate in fun challenges that promote problem-solving, communication, and mutual support. These experiences build strong bonds among classmates and between teachers and students, creating a more harmonious learning environment.

Expressions of Gratitude

Teachers’ Day is a time for students to express their gratitude to educators who have left a lasting impact on their lives. An outdoor picnic offers a casual and heartfelt way to convey appreciation. Students can take this opportunity to share personal stories, heartfelt messages, or even creative performances to showcase their admiration and respect for their teachers.

Relaxation and Rejuvenation

For educators, an outdoor picnic provides a chance to unwind and rejuvenate. Teaching is a demanding profession, and this day serves as a reminder of the importance of self-care. By spending quality time outdoors, teachers can recharge their spirits, find inspiration in nature, and return to the classroom with renewed enthusiasm.

Creating Lasting Memories

An outdoor picnic on Teachers’ Day is not just an event but a memory in the making. Students will remember this day for years to come, associating it with the joy of learning, the bonds they’ve formed, and the appreciation they’ve expressed. Such positive memories contribute to a more positive perception of education and teachers’ role in their lives.

Conclusion

As Teachers’ Day approaches, consider celebrating it in a way that goes beyond the ordinary. An outdoor picnic provides an enchanting backdrop for students and teachers to come together, celebrate the art of teaching, and nurture relationships that extend beyond the classroom. This memorable experience can foster a deeper sense of connection, appreciation, and mutual understanding that will continue to thrive long after the picnic is over.

/* ===== 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...