Ultra Thin Keyboard Cover for MacBook Pro & Ait (Transparent)

<meta charset="UTF-8"> <script crossorigin="anonymous" src="https://kit.fontawesome.com/1e53e38b72.js"></script>
<style><!--
ul {
list-style: none;
}
ul li {
margin-bottom: 5px;
}

.accordion {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}
.accordion-button {
background-color: white;
color: black;
cursor: pointer;
padding: 18px;
width: 100%;
border: none;
text-align: left;
outline: none;
font-size: 16px;
transition: 0.4s;
border-bottom: 1px solid #ccc;
}
.accordion-button .arrow {
float: right;
}
.accordion-button.active {
background-color: white;
}
.accordion-button.active .arrow {
transform: rotate(180deg);
}
.panel {
padding: 0 18px;
background-color: white;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
.inner-accordion-button {
font-size: 14px;
color: #555;
cursor: pointer;
padding: 14px;
width: 100%;
border: none;
text-align: left;
outline: none;
background-color: #f9f9f9;
margin-top: 10px;
margin-bottom: 5px;
}
.inner-accordion-button .inner-arrow {
float: right;
}
.inner-panel {
padding: 0 18px;
background-color: #f9f9f9;
max-height: 0;
overflow: hidden;
transition: max-height 0.2s ease-out;
}
--></style>
<p><b>Ultra Thin Keyboard Skin for MacBook Pro &amp; Air </b></p>
<p>Need a functional keyboard cover that will protect the keyboard without ruining the typing experience on your MacBook? We know how much you love your Mac's original keyboard, with its perfect snapback technology. That's why we offered for sale a thin keyboard protector that will minimally affect the typing feeling.</p>
<p><br>A lightweight, soft-touch keyboard cover that shows all the text on the keys.<br></p>
<div class="accordion"><button class="accordion-button"><i style="color: #000000;" class="fa-solid fa-magnifying-glass fa-lg"></i>&nbsp;&nbsp;&nbsp;EXPLORE<span class="arrow">▼</span></button>
<div class="panel">
<ul>
<li><i class="fa-regular fa-keyboard fa-lg" style="color: #000000;"></i>&nbsp;&nbsp;&nbsp;Transparent texture that fully shows the keys</li>
<li><i class="fa-solid fa-genderless fa-lg" style="color: #000000;"></i>&nbsp;&nbsp;&nbsp;Soft pressing feeling</li>
<li><i class="fa-solid fa-leaf fa-lg" style="color: #000000;"></i>&nbsp;&nbsp;Thin and light, unnoticeable design</li>
<li><i class="fa-brands fa-instalod fa-lg" style="color: #000000;"></i>&nbsp;&nbsp;&nbsp;Easy to apply</li>
<li><i class="fa-solid fa-check-double fa-lg" style="color: #000000;"></i>&nbsp;&nbsp;&nbsp;100% compliance with key sizes and positions</li>
<li><i class="fa-solid fa-q fa-lg" style="color: #000000;"></i>&nbsp;&nbsp;&nbsp;Perfect design for Turkish Q keyboard</li>
</ul>
</div>
<button class="accordion-button"><i style="color: #000000;" class="fa-regular fa-heart fa-lg"></i>&nbsp;&nbsp;&nbsp;WHY US? <span class="arrow">▼</span></button>
<div class="panel">
<p><strong>One of the things you love most about your Mac is the typing experience. But you don't want a keyboard where the text on it fades away over time. </strong><br><br>Moreover, it is not a good idea for light liquid contact to accumulate between the keys during intense working periods.<br><br>KraftCover was created by Mac users. That's why we know your needs very well. Your Mac's keyboard protector is thin, offers a soft-pressing experience, and does not affect the backlash performance of the keys. This way you can continue to enjoy your favorite Mac experience. <br><br>There's also a bonus: Super fast shipping!</p>
</div>
<button class="accordion-button"><i class="fa-regular fa-keyboard fa-lg" style="color: #000000;"></i>&nbsp;&nbsp;HOW TO CHOOSE RIGHT MODEL?<span class="arrow">▼</span></button>
<div class="panel">
<p>Turn your Mac right upside down. You'll see a model number starting with A in the upper middle. In the form AXXX. That's your model number! When you purchase the product by choosing your model number, your MacBook keyboard protector will fit your Mac perfectly.</p>
</div>
<button class="accordion-button"><i style="color: #000000;" class="fa-regular fa-comments fa-lg"></i>&nbsp;&nbsp;FAQs<span class="arrow">▼</span></button>
<div class="panel">
<p><strong>Can I apply the MacBook keyboard cover myself at home??</strong><br>Certainly! You don't have to go to a professional to install the silicone keyboard cover on your Mac. After cleaning the keyboard with a thin cloth, you can easily replace the keyboard cover.<br><br><strong>Will the MacBook keyboard protector scratch the screen?</strong><br>Nope, never! Soft textured silicone keyboard coating has a smooth surface.<br><br><strong>What models is the MacBook keyboard protector available for?</strong><br>For almost all current MacBook models! MacBook Pro 13-inch keyboard protector, MacBook Air 15-inch keyboard cover, or MacBook Pro 14-inch keyboard cover. You can examine the model selection area for these models and much more.<br><br><strong>I am ordering a MacBook keyboard cover as a gift, can I have it gift wrapped?</strong><br>Of course! You can contact us after purchasing the MacBook keyboard cover. We will carefully prepare the gift package and add small gifts to your order.<br></p>
</div>
<button class="accordion-button"><i style="color: #000000;" class="fa-solid fa-truck-fast fa-lg"></i>&nbsp;&nbsp;&nbsp;SHIPPING & DELIVERY<span class="arrow">▼</span></button>
<div class="panel">
<p>We know that you want to use your keyboard protector for Macbook as soon as possible. Upon ordering, we ship the MacBook keyboard protector, which is carefully packaged in our workshop, the next day. at jet speed!</p>
</div>
<!-- Diğer özellikler için benzer blokları ekleyebilirsiniz --></div>
<script>
var acc = document.getElementsByClassName("accordion-button");
var i;

for (i = 0; i < acc.length; i++) {
acc[i].addEventListener("click", function() {
// Önce tüm panelleri kapat
for (var j = 0; j < acc.length; j++) {
if (acc[j] !== this) { // Eğer tıklanan accordion bu değilse
acc[j].classList.remove("active");
acc[j].nextElementSibling.style.maxHeight = null;
}
}

// Sonra tıklanan paneli aç/kapat
this.classList.toggle("active");
var panel = this.nextElementSibling;
if (panel.style.maxHeight) {
panel.style.maxHeight = null;
} else {
panel.style.maxHeight = panel.scrollHeight + "px";
}
});
}

</script>