document.addEventListener("DOMContentLoaded", function() { const fadeInSections = document.querySelectorAll('.fade-in-section'); const observer = new IntersectionObserver(entries => { entries.forEach(entry => { if (entry.isIntersecting) { entry.target.classList.add('visible'); observer.unobserve(entry.target); // Stop observing after it's visible } }); }); fadeInSections.forEach(section => { observer.observe(section); }); }); h1 { text-align: center; } p { font-size: 16px; line-height: 1.6; padding-top: 0.7rem; } li { font-size: 16px; line-height: 1.6; } h2 { font-style: normal; } /* Banner container */ .banner-container { width: 100%; /* height: 40vh; */ overflow: hidden; background-color: #f3f3f3; position: relative; } /* Banner content */ .banner { display: flex; width: 400vw; animation: slide 20s infinite; } /* Individual slide */ .banner img { width: 100vw; height: 100%; object-fit: contain; } /* Animation keyframes */ @keyframes slide { 0% { transform: translateX(0); } 20% { transform: translateX(0); } /* First image stays for 20% */ 25% { transform: translateX(-100vw); } 45% { transform: translateX(-100vw); } /* Second image stays */ 50% { transform: translateX(-200vw); } 70% { transform: translateX(-200vw); } /* Third image stays */ 75% { transform: translateX(-300vw); } 100% { transform: translateX(-300vw); } /* Fourth image stays */ } /* Default for desktop */ .responsive-image { width: 20%; } /* Adjust image size for mobile (screens smaller than 768px) */ @media (max-width: 768px) { .responsive-image { width: 50%; /* Set image to 50% of the screen width on mobile */ } .banner-container { width: 100%; /* Set width to 100% of the screen on mobile */ } } /* Further adjust for very small screens (less than 480px) */ @media (max-width: 480px) { .responsive-image { width: 80%; /* Larger size for smaller screens */ } } /* First container styles */ .centered-container { padding-left: 10%; padding-right: 10%; padding-top: 2%; padding-bottom: 2%; } /* Second container with two columns */ .two-column-container { display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-start; padding-top: 2%; padding-bottom: 2%; } /* Left column (text) */ .left-column { width: 48%; } /* Right column (image) */ .right-column { width: 48%; } /* Responsive Image */ .right-column img { max-width: 100%; height: auto; } /* Media Queries for Mobile */ @media (max-width: 768px) { /* First container reverts to default paragraph behavior */ .centered-container { padding-left: 0; padding-right: 0; } /* Stack the columns vertically on mobile */ .two-column-container { flex-direction: column; } /* Columns take full width on mobile */ .left-column, .right-column { width: 100%; margin-bottom: 20px; /* Add spacing between stacked elements */ } } /* Container for image and caption */ .image-container { position: relative; /* Positioning context for caption */ display: inline-block; /* Ensures it wraps only around the image */ } /* The image */ .image-container img { display: block; max-width: 100%; /* Makes the image responsive */ height: auto; } /* Caption style */ .caption { position: absolute; bottom: 10px; /* Positioned 10px from the bottom */ right: 10px; /* Positioned 10px from the right */ background-color: rgba(0, 0, 0, 0.6); /* Semi-transparent black background */ color: #fff; /* White text */ padding: 5px 10px; font-size: 14px; border-radius: 5px; } /* Center the promo banner container */ .promobanner { text-align: center; /* Centers the image container */ padding: 5% 10%; } /* Optional: Add some responsive behavior to the image */ .promobanner img { max-width: 100%; height: auto; } .fade-in-section { opacity: 0; transition: opacity 2s ease-in-out; } .fade-in-section.visible { opacity: 1; } .btn { padding: 10px 20px; background-color: #4CAF50; /* Green */ color: white; border: none; border-radius: 5px; cursor: pointer; font-size: 16px; transition: background-color 0.3s ease, transform 0.3s ease; } .btn:hover { background-color: #45a049; /* Darker Green */ transform: scale(1.05); /* Slightly enlarges the button on hover */ } .btn:active { background-color: #3e8e41; /* Even darker green on click */ } /* Addons table CSS style */ .addonscontainer { display: flex; justify-content: center; flex-wrap: wrap; } .addonscolumn { flex: 1; max-width: 24%; padding: 10px; text-align: center; } .addonscolumn img { width: 100%; height: auto; object-fit: contain; } .addonscolumn a { text-decoration: none; color: inherit; } .addonscolumn h3 { margin-top: 10px; } .video-container { position: relative; width: 100%; overflow: hidden; padding-top: 56.25%; /* Aspect ratio: 16:9 */ } .video-container iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } CDP-S105 Beginner's Digital Piano Giving Beginners the Best Start Choosing a digital piano for beginners can be confusing. Rest assured that the CDP-S105 has all the essentials covered and much more besides.

It has 88 touch-sensitive, weighted keys with a graded action. An elegant and sturdy wooden stand ensures that the keys are at the correct height.

Put simply, this digital piano has everything students need to develop the correct playing technique from the start. With over 40 years of expertise, Casio's dedication to quality is recognised by teachers worldwide.

A Precise and Reliable Touch More than 80% of piano teachers we surveyed* said that a digital piano’s touch is the most important part of its design. Featuring Casio's acclaimed Scaled Hammer Action II keyboard, the CDP-S105 gives students of all ages the most authentic touch and sound of any starter digital piano. From the very first lesson to advanced performances, this compact and easy-to-use piano will support them for years to come.

CDP-S105BK For Students of All Ages Sarah Loddington, the owner of The Bee's Keys piano teaching studio in Swindon, recommends Casio CDP-S digital pianos to her students.

Offering exceptional value for money and an excellent quality sound and touch, they are ideal for home study and for use in teaching studios and classrooms.

Expressive Sound The musical expression you can achieve from the CDP-S105 is so much bigger than its slimline dimensions, thanks to the Dynamic Stereo Sound Engine and built-in speakers.

Casio’s acclaimed keyboard design ensures a realistic and authentic sound every time, encouraging expressive playing. The CDP-S105 also has a 3.5mm connector for headphones (sold separately), for when you need to practise silently Connect headphones for silent practice Connect Your Devices The CDP-S105 is designed to help you learn and love music. With USB and a stereo audio input, you can listen, learn and play along to music and apps on your smartphone or tablet (cable required). Learn to Play with Casio Music Space Available FREE for iOS and Android devices, Casio Music Space is an app that can show you how to play over 100 famous pieces of classical music, as well as work as a piano remote controller and PDF music viewer.

Learn to play with Casio Music Space Learn Online With Casio The CDP-S105 includes free access to online music lessons from the Casio Music Academy. Watch and participate in a series of online tutorials designed by a team of music educators to help you build secure musical skills. These lessons are not time-limited or free trials, they're there for you for as long as you own your Casio piano.

Start your musical journey with included online lessons.

Including An Exclusive E-Book From Rockschool Choosing an instrument is only the beginning of your musical journey. The next challenge is learning how to play. To give you and your family the best start, we’ve teamed up with Rockschool, a leading music examinations board for rock and pop music. Your CDP-S105 digital piano comes with exclusive access to a special E-book created by Rockschool. This E-book features a collection of iconic pop and rock songs, expertly arranged and recorded by top music educators to inspire progress and maintain motivation. Plus, the interactive E-book listens to your playing and provides feedback to help you improve.

Optional Accessories SP-20 Sustain Pedal SC-800P Carry Case Product Information CDP-S105BK Ultra slim and portable 88 Weighted, touch-sensitive keys Scaled Hammer Action key action with digital scaling 10 tones in total, including electric piano and strings USB Connectivity Battery Power option (6 AA batteries purchased separately) Built-in 8w+8w speakers 3.5mm Stereo line in connector 3.5mm headphone connector Sustain Pedal, power supply, stand and music rest included 2 Year return to base warranty FREE Rockschool Digital E-Book Download (UK & Ireland only) Dimensions: 1,322ｘ232ｘ99 mm Weight: 10.5kg