📁 PHP Dosya Yöneticisi
/
/
home
/
demodesigncom
/
surucukursu.demodesign.com.tr
/
admin
/
templates
/
admin
📝
accordion.html
← Geri Dön
<!DOCTYPE html> <html lang="en"> <!-- Mirrored from phantom-themes.com/circl/theme/templates/admin/accordion.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 14 Jul 2021 10:36:11 GMT --> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="description" content="Responsive Admin Dashboard Template"> <meta name="keywords" content="admin,dashboard"> <meta name="author" content="stacks"> <!-- The above 6 meta tags *must* come first in the head; any other head content must come *after* these tags --> <!-- Title --> <title>Circl - Responsive Admin Dashboard Template</title> <!-- Styles --> <link href="https://fonts.googleapis.com/css?family=Poppins:400,500,700,800&display=swap" rel="stylesheet"> <link href="../../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet"> <link href="../../assets/plugins/font-awesome/css/all.min.css" rel="stylesheet"> <link href="../../assets/plugins/perfectscroll/perfect-scrollbar.css" rel="stylesheet"> <!-- Theme Styles --> <link href="../../assets/css/main.min.css" rel="stylesheet"> <link href="../../assets/css/custom.css" rel="stylesheet"> <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries --> <!-- WARNING: Respond.js doesn't work if you view the page via file:// --> <!--[if lt IE 9]> <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script> <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script> <![endif]--> </head> <body> <div class='loader'> <div class='spinner-grow text-primary' role='status'> <span class='sr-only'>Loading...</span> </div> </div> <div class="page-container"> <div class="page-header"> <nav class="navbar navbar-expand-lg d-flex justify-content-between"> <div class="" id="navbarNav"> <ul class="navbar-nav" id="leftNav"> <li class="nav-item"> <a class="nav-link" id="sidebar-toggle" href="#"><i data-feather="arrow-left"></i></a> </li> <li class="nav-item"> <a class="nav-link" href="#">Home</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Settings</a> </li> <li class="nav-item"> <a class="nav-link" href="#">Help</a> </li> </ul> </div> <div class="logo"> <a class="navbar-brand" href="index.html"></a> </div> <div class="" id="headerNav"> <ul class="navbar-nav"> <li class="nav-item dropdown"> <a class="nav-link search-dropdown" href="#" id="searchDropDown" role="button" data-bs-toggle="dropdown" aria-expanded="false"><i data-feather="search"></i></a> <div class="dropdown-menu dropdown-menu-end dropdown-lg search-drop-menu" aria-labelledby="searchDropDown"> <form> <input class="form-control" type="text" placeholder="Type something.." aria-label="Search"> </form> <h6 class="dropdown-header">Recent Searches</h6> <a class="dropdown-item" href="#">charts</a> <a class="dropdown-item" href="#">new orders</a> <a class="dropdown-item" href="#">file manager</a> <a class="dropdown-item" href="#">new users</a> </div> </li> <li class="nav-item dropdown"> <a class="nav-link notifications-dropdown" href="#" id="notificationsDropDown" role="button" data-bs-toggle="dropdown" aria-expanded="false">3</a> <div class="dropdown-menu dropdown-menu-end notif-drop-menu" aria-labelledby="notificationsDropDown"> <h6 class="dropdown-header">Notifications</h6> <a href="#"> <div class="header-notif"> <div class="notif-image"> <span class="notification-badge bg-info text-white"> <i class="fas fa-bullhorn"></i> </span> </div> <div class="notif-text"> <p class="bold-notif-text">faucibus dolor in commodo lectus mattis</p> <small>19:00</small> </div> </div> </a> <a href="#"> <div class="header-notif"> <div class="notif-image"> <span class="notification-badge bg-primary text-white"> <i class="fas fa-bolt"></i> </span> </div> <div class="notif-text"> <p class="bold-notif-text">faucibus dolor in commodo lectus mattis</p> <small>18:00</small> </div> </div> </a> <a href="#"> <div class="header-notif"> <div class="notif-image"> <span class="notification-badge bg-success text-white"> <i class="fas fa-at"></i> </span> </div> <div class="notif-text"> <p>faucibus dolor in commodo lectus mattis</p> <small>yesterday</small> </div> </div> </a> <a href="#"> <div class="header-notif"> <div class="notif-image"> <span class="notification-badge"> <img src="../../assets/images/avatars/profile-image.png" alt=""> </span> </div> <div class="notif-text"> <p>faucibus dolor in commodo lectus mattis</p> <small>yesterday</small> </div> </div> </a> <a href="#"> <div class="header-notif"> <div class="notif-image"> <span class="notification-badge"> <img src="../../assets/images/avatars/profile-image-3.jpg" alt=""> </span> </div> <div class="notif-text"> <p>faucibus dolor in commodo lectus mattis</p> <small>yesterday</small> </div> </div> </a> </div> </li> <li class="nav-item dropdown"> <a class="nav-link profile-dropdown" href="#" id="profileDropDown" role="button" data-bs-toggle="dropdown" aria-expanded="false"><img src="../../assets/images/avatars/profile-image-1.png" alt=""></a> <div class="dropdown-menu dropdown-menu-end profile-drop-menu" aria-labelledby="profileDropDown"> <a class="dropdown-item" href="#"><i data-feather="user"></i>Profile</a> <a class="dropdown-item" href="#"><i data-feather="inbox"></i>Messages</a> <a class="dropdown-item" href="#"><i data-feather="edit"></i>Activities<span class="badge rounded-pill bg-success">12</span></a> <a class="dropdown-item" href="#"><i data-feather="check-circle"></i>Tasks</a> <div class="dropdown-divider"></div> <a class="dropdown-item" href="#"><i data-feather="settings"></i>Settings</a> <a class="dropdown-item" href="#"><i data-feather="unlock"></i>Lock</a> <a class="dropdown-item" href="#"><i data-feather="log-out"></i>Logout</a> </div> </li> </ul> </div> </nav> </div> <div class="page-sidebar"> <ul class="list-unstyled accordion-menu"> <li class="sidebar-title"> Main </li> <li> <a href="index.html"><i data-feather="home"></i>Dashboard</a> </li> <li class="sidebar-title"> Apps </li> <li> <a href="email.html"><i data-feather="inbox"></i>Email</a> </li> <li> <a href="calendar.html"><i data-feather="calendar"></i>Calendar</a> </li> <li> <a href="social.html"><i data-feather="user"></i>Social</a> </li><li> <a href="file-manager.html"><i data-feather="message-circle"></i>File Manager</a> </li> <li class="sidebar-title"> Elements </li> <li class="active-page"> <a href="index.html" class="active"><i data-feather="code"></i>Components<i class="fas fa-chevron-right dropdown-icon"></i></a> <ul class=""> <li><a href="alerts.html"><i class="far fa-circle"></i>Alerts</a></li> <li><a href="typography.html"><i class="far fa-circle"></i>Typography</a></li> <li><a href="icons.html"><i class="far fa-circle"></i>Icons</a></li> <li><a href="badge.html"><i class="far fa-circle"></i>Badge</a></li> <li><a href="buttons.html"><i class="far fa-circle"></i>Buttons</a></li> <li><a href="dropdowns.html"><i class="far fa-circle"></i>Dropdowns</a></li> <li><a href="list-group.html"><i class="far fa-circle"></i>List Group</a></li> <li><a href="toasts.html"><i class="far fa-circle"></i>Toasts</a></li> <li><a href="modal.html"><i class="far fa-circle"></i>Modal</a></li> <li><a href="pagination.html"><i class="far fa-circle"></i>Pagination</a></li> <li><a href="popovers.html"><i class="far fa-circle"></i>Popovers</a></li> <li><a href="progress.html"><i class="far fa-circle"></i>Progress</a></li> <li><a href="spinners.html"><i class="far fa-circle"></i>Spinners</a></li> <li><a href="accordion.html" class="active"><i class="far fa-circle"></i>Accordion</a></li> </ul> </li> <li> <a href="index.html"><i data-feather="gift"></i>Plugins<i class="fas fa-chevron-right dropdown-icon"></i></a> <ul class=""> <li><a href="block-ui.html"><i class="far fa-circle"></i>Block UI</a></li> <li><a href="session-timeout.html"><i class="far fa-circle"></i>Session Timeout</a></li> <li><a href="tree-view.html"><i class="far fa-circle"></i>Tree View</a></li> </ul> </li> <li> <a href="index.html"><i data-feather="edit"></i>Form<i class="fas fa-chevron-right dropdown-icon"></i></a> <ul class=""> <li><a href="form-elements.html"><i class="far fa-circle"></i>Form Elements</a></li> <li><a href="form-layout.html"><i class="far fa-circle"></i>Form Layout</a></li> <li><a href="form-validation.html"><i class="far fa-circle"></i>Form Validation</a></li> </ul> </li> <li> <a href="cards.html"><i data-feather="layers"></i>Cards</a> </li> <li> <a href="index.html"><i data-feather="list"></i>Tables<i class="fas fa-chevron-right dropdown-icon"></i></a> <ul class=""> <li><a href="tables.html"><i class="far fa-circle"></i>Basic Tables</a></li> <li><a href="data-tables.html"><i class="far fa-circle"></i>Data Tables</a></li> </ul> </li> <li> <a href="charts.html"><i data-feather="pie-chart"></i>Charts</a> </li> <li class="sidebar-title"> Other </li> <li> <a href="index.html"><i data-feather="star"></i>Pages<i class="fas fa-chevron-right dropdown-icon"></i></a> <ul class=""> <li><a href="invoice.html"><i class="far fa-circle"></i>Invoice</a></li> <li><a href="404.html"><i class="far fa-circle"></i>404 Page</a></li> <li><a href="500.html"><i class="far fa-circle"></i>500 Page</a></li> <li><a href="blank-page.html"><i class="far fa-circle"></i>Blank Page</a></li> <li><a href="login.html"><i class="far fa-circle"></i>Login</a></li> <li><a href="register.html"><i class="far fa-circle"></i>Register</a></li> <li><a href="lockscreen.html"><i class="far fa-circle"></i>Lockscreen</a></li> <li><a href="price.html"><i class="far fa-circle"></i>Price</a></li> </ul> </li> <li> <a href="#"><i data-feather="check-circle"></i>Documentation</a> </li> </ul> </div> <div class="page-content"> <div class="main-wrapper"> <div class="row"> <div class="col"> <div class="card"> <div class="card-body"> <h5 class="card-title">Example</h5> <p class="card-description">Click the accordions below to expand/collapse the accordion content.</p> <div class="accordion" id="accordionExample"> <div class="accordion-item"> <h2 class="accordion-header" id="headingOne"> <button class="accordion-button" type="button" data-bs-toggle="collapse" data-bs-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne"> Accordion Item #1 </button> </h2> <div id="collapseOne" class="accordion-collapse collapse show" aria-labelledby="headingOne" data-bs-parent="#accordionExample"> <div class="accordion-body"> <strong>This is the first item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow. </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="headingTwo"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseTwo" aria-expanded="false" aria-controls="collapseTwo"> Accordion Item #2 </button> </h2> <div id="collapseTwo" class="accordion-collapse collapse" aria-labelledby="headingTwo" data-bs-parent="#accordionExample"> <div class="accordion-body"> <strong>This is the second item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow. </div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="headingThree"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#collapseThree" aria-expanded="false" aria-controls="collapseThree"> Accordion Item #3 </button> </h2> <div id="collapseThree" class="accordion-collapse collapse" aria-labelledby="headingThree" data-bs-parent="#accordionExample"> <div class="accordion-body"> <strong>This is the third item's accordion body.</strong> It is hidden by default, until the collapse plugin adds the appropriate classes that we use to style each element. These classes control the overall appearance, as well as the showing and hiding via CSS transitions. You can modify any of this with custom CSS or overriding our default variables. It's also worth noting that just about any HTML can go within the <code>.accordion-body</code>, though the transition does limit overflow. </div> </div> </div> </div> </div> </div> </div> </div> <div class="row"> <div class="col"> <div class="card"> <div class="card-body"> <h5 class="card-title">Flush</h5> <p class="card-description">Add <code>.accordion-flush</code> to remove the default <code>background-color</code>, some borders, and some rounded corners to render accordions edge-to-edge with their parent container.</p> <div class="accordion accordion-flush" id="accordionFlushExample"> <div class="accordion-item"> <h2 class="accordion-header" id="flush-headingOne"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseOne" aria-expanded="false" aria-controls="flush-collapseOne"> Accordion Item #1 </button> </h2> <div id="flush-collapseOne" class="accordion-collapse collapse" aria-labelledby="flush-headingOne" data-bs-parent="#accordionFlushExample"> <div class="accordion-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="flush-headingTwo"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseTwo" aria-expanded="false" aria-controls="flush-collapseTwo"> Accordion Item #2 </button> </h2> <div id="flush-collapseTwo" class="accordion-collapse collapse" aria-labelledby="flush-headingTwo" data-bs-parent="#accordionFlushExample"> <div class="accordion-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div> </div> </div> <div class="accordion-item"> <h2 class="accordion-header" id="flush-headingThree"> <button class="accordion-button collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#flush-collapseThree" aria-expanded="false" aria-controls="flush-collapseThree"> Accordion Item #3 </button> </h2> <div id="flush-collapseThree" class="accordion-collapse collapse" aria-labelledby="flush-headingThree" data-bs-parent="#accordionFlushExample"> <div class="accordion-body">Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.</div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- Javascripts --> <script src="../../assets/plugins/jquery/jquery-3.4.1.min.js"></script> <script src="https://unpkg.com/@popperjs/core@2"></script> <script src="../../assets/plugins/bootstrap/js/bootstrap.min.js"></script> <script src="https://unpkg.com/feather-icons"></script> <script src="../../assets/plugins/perfectscroll/perfect-scrollbar.min.js"></script> <script src="../../assets/js/main.min.js"></script> </body> <!-- Mirrored from phantom-themes.com/circl/theme/templates/admin/accordion.html by HTTrack Website Copier/3.x [XR&CO'2014], Wed, 14 Jul 2021 10:36:11 GMT --> </html>
💾 Kaydet
İptal
📝 Yeniden Adlandır
İptal
Kaydet
🔐 Dosya İzinleri (chmod)
İzin Değeri:
Hızlı Seçim:
777
755
644
600
777
= Herkes okur/yazar/çalıştırır
755
= Sahip tam, diğerleri okur/çalıştırır
644
= Sahip okur/yazar, diğerleri okur
600
= Sadece sahip okur/yazar
İptal
Uygula