کتابخانه کد
آکاردئون سؤالات متداول
سؤالات متداول با عنصر استاندارد details، بدون جاوااسکریپت و قابل استفاده با صفحهکلید.
رایگان
/*
MIT License
Copyright (c) 2026 TEAM 1111
Permission is hereby granted, free of charge, to any person obtaining a copy of this software to deal in the software without restriction, including the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies, subject to including this notice in all copies or substantial portions.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND.
*/
<div class="faq">
<details open>
<summary>چقدر طول میکشد؟</summary>
<p>بعد از بررسی نیازمندیها، زمانبندی را مکتوب اعلام میکنیم.</p>
</details>
<details>
<summary>پس از تحویل چه میشود؟</summary>
<p>دسترسیها و مستندات را تحویل میگیرید و پشتیبانی طبق توافق ادامه دارد.</p>
</details>
<details>
<summary>کد مال چه کسی است؟</summary>
<p>مالکیت در قرارداد همان پروژه مشخص میشود.</p>
</details>
</div>
<style>
.faq {
display: grid;
gap: 0.5rem;
inline-size: min(100% - 2rem, 34rem);
}
.faq details {
border: 1px solid #2c2620;
border-radius: 0.75rem;
background: #13100d;
}
.faq details[open] {
border-color: rgb(226 173 98 / 0.5);
}
.faq summary {
min-height: 2.75rem;
padding: 0.75rem 1rem;
font-weight: 700;
cursor: pointer;
}
.faq summary:focus-visible {
outline: 2px solid #e2ad62;
outline-offset: 2px;
border-radius: 0.75rem;
}
.faq p {
margin: 0;
padding: 0 1rem 1rem;
color: #d8d2c8;
font-size: 0.875rem;
line-height: 2;
}
</style>