Файловый менеджер

Файловый менеджер - Редактировать - /home2/cocinasdalloway/public_html/grupodly.com/public/plantilla/components/accordion.html

Назад
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Accordion </title> <!-- SEO Meta Tags--> <meta name="description" content="Unishop - Universal E-Commerce Template"> <meta name="keywords" content="shop, e-commerce, modern, flat style, responsive, online store, business, mobile, blog, bootstrap 4, html5, css3, jquery, js, gallery, slider, touch, creative, clean"> <meta name="author" content="Rokaux"> <!-- Mobile Specific Meta Tag--> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no"> <!-- Favicon and Apple Icons--> <link rel="icon" type="image/x-icon" href="../favicon.ico"> <link rel="icon" type="image/png" href="../favicon.png"> <link rel="apple-touch-icon" href="../touch-icon-iphone.png"> <link rel="apple-touch-icon" sizes="152x152" href="../touch-icon-ipad.png"> <link rel="apple-touch-icon" sizes="180x180" href="../touch-icon-iphone-retina.png"> <link rel="apple-touch-icon" sizes="167x167" href="../touch-icon-ipad-retina.png"> <!-- Vendor Styles including: Bootstrap, Font Icons, Plugins, etc.--> <link rel="stylesheet" media="screen" href="../css/vendor.min.css"> <!-- Main Template Styles--> <link id="mainStyles" rel="stylesheet" media="screen" href="../css/styles.min.css"> <!-- Modernizr--> <script src="../js/modernizr.min.js"></script> </head> <!-- Body--> <body> <!-- Off-Canvas Category Menu--> <div class="offcanvas-container" id="shop-categories"> <div class="offcanvas-header"> <h3 class="offcanvas-title">Shop Categories</h3> </div> <nav class="offcanvas-menu"> <ul class="menu"> <li class="has-children"><span><a href="#">Men's Shoes</a><span class="sub-menu-toggle"></span></span> <ul class="offcanvas-submenu"> <li><a href="#">Sneakers</a></li> <li><a href="#">Loafers</a></li> <li><a href="#">Boat Shoes</a></li> <li><a href="#">Sandals</a></li> <li><a href="#">View All</a></li> </ul> </li> <li class="has-children"><span><a href="#">Women's Shoes</a><span class="sub-menu-toggle"></span></span> <ul class="offcanvas-submenu"> <li><a href="#">Sandals</a></li> <li><a href="#">Flats</a></li> <li><a href="#">Sneakers</a></li> <li><a href="#">Heels</a></li> <li><a href="#">View All</a></li> </ul> </li> <li class="has-children"><span><a href="#">Men's Clothing</a><span class="sub-menu-toggle"></span></span> <ul class="offcanvas-submenu"> <li><a href="#">Shirts & Tops</a></li> <li><a href="#">Pants</a></li> <li><a href="#">Jackets</a></li> <li><a href="#">View All</a></li> </ul> </li> <li class="has-children"><span><a href="#">Women's Clothing</a><span class="sub-menu-toggle"></span></span> <ul class="offcanvas-submenu"> <li><a href="#">Dresses</a></li> <li><a href="#">Shirts & Tops</a></li> <li><a href="#">Shorts</a></li> <li><a href="#">Swimwear</a></li> <li><a href="#">View All</a></li> </ul> </li> <li class="has-children"><span><a href="#">Kid's Shoes</a><span class="sub-menu-toggle"></span></span> <ul class="offcanvas-submenu"> <li><a href="#">Boots</a></li> <li><a href="#">Sandals</a></li> <li><a href="#">Crib Shoes</a></li> <li><a href="#">Loafers</a></li> <li><a href="#">View All</a></li> </ul> </li> <li class="has-children"><span><a href="#">Bags</a><span class="sub-menu-toggle"></span></span> <ul class="offcanvas-submenu"> <li><a href="#">Handbags</a></li> <li><a href="#">Backpacks</a></li> <li><a href="#">Luggage</a></li> <li><a href="#">Wallets</a></li> <li><a href="#">View All</a></li> </ul> </li> <li class="has-children"><span><a href="#">Accessories</a><span class="sub-menu-toggle"></span></span> <ul class="offcanvas-submenu"> <li><a href="#">Sunglasses</a></li> <li><a href="#">Hats</a></li> <li><a href="#">Watches</a></li> <li><a href="#">Jewelry</a></li> <li><a href="#">Belts</a></li> <li><a href="#">View All</a></li> </ul> </li> </ul> </nav> </div> <!-- Off-Canvas Mobile Menu--> <div class="offcanvas-container" id="mobile-menu"><a class="account-link" href="../account-orders.html"> <div class="user-ava"><img src="../img/account/user-ava-md.jpg" alt="Daniel Adams"> </div> <div class="user-info"> <h6 class="user-name">Daniel Adams</h6><span class="text-sm text-white opacity-60">290 Reward points</span> </div></a> <nav class="offcanvas-menu"> <ul class="menu"> <li class="has-children"><span><a href="../index.html"><span>Home</span></a><span class="sub-menu-toggle"></span></span> <ul class="offcanvas-submenu"> <li><a href="../index.html">Featured Products Slider</a></li> <li><a href="../home-featured-categories.html">Featured Categories</a></li> <li><a href="../home-collection-showcase.html">Products Collection Showcase</a></li> </ul> </li> <li class="has-children"><span><a href="../shop-grid-ls.html"><span>Shop</span></a><span class="sub-menu-toggle"></span></span> <ul class="offcanvas-submenu"> <li><a href="../shop-categories.html">Shop Categories</a></li> <li class="has-children"><span><a href="../shop-grid-ls.html"><span>Shop Grid</span></a><span class="sub-menu-toggle"></span></span> <ul class="offcanvas-submenu"> <li><a href="../shop-grid-ls.html">Grid Left Sidebar</a></li> <li><a href="../shop-grid-rs.html">Grid Right Sidebar</a></li> <li><a href="../shop-grid-ns.html">Grid No Sidebar</a></li> </ul> </li> <li class="has-children"><span><a href="../shop-list-ls.html"><span>Shop List</span></a><span class="sub-menu-toggle"></span></span> <ul class="offcanvas-submenu"> <li><a href="../shop-list-ls.html">List Left Sidebar</a></li> <li><a href="../shop-list-rs.html">List Right Sidebar</a></li> <li><a href="../shop-list-ns.html">List No Sidebar</a></li> </ul> </li> <li><a href="../shop-single.html">Single Product</a></li> <li><a href="../cart.html">Cart</a></li> <li><a href="../checkout.html">Checkout</a></li> </ul> </li> <li class="has-children"><span><a href="#">Categories</a><span class="sub-menu-toggle"></span></span> <ul class="offcanvas-submenu"> <li class="has-children"><span><a href="#">Men's Shoes</a><span class="sub-menu-toggle"></span></span> <ul class="offcanvas-submenu"> <li><a href="#">Sneakers</a></li> <li><a href="#">Loafers</a></li> <li><a href="#">Boat Shoes</a></li> <li><a href="#">Sandals</a></li> <li><a href="#">View All</a></li> </ul> </li> <li class="has-children"><span><a href="#">Women's Shoes</a><span class="sub-menu-toggle"></span></span> <ul class="offcanvas-submenu"> <li><a href="#">Sandals</a></li> <li><a href="#">Flats</a></li> <li><a href="#">Sneakers</a></li> <li><a href="#">Heels</a></li> <li><a href="#">View All</a></li> </ul> </li> <li class="has-children"><span><a href="#">Men's Clothing</a><span class="sub-menu-toggle"></span></span> <ul class="offcanvas-submenu"> <li><a href="#">Shirts & Tops</a></li> <li><a href="#">Pants</a></li> <li><a href="#">Jackets</a></li> <li><a href="#">View All</a></li> </ul> </li> <li class="has-children"><span><a href="#">Women's Clothing</a><span class="sub-menu-toggle"></span></span> <ul class="offcanvas-submenu"> <li><a href="#">Dresses</a></li> <li><a href="#">Shirts & Tops</a></li> <li><a href="#">Shorts</a></li> <li><a href="#">Swimwear</a></li> <li><a href="#">View All</a></li> </ul> </li> <li class="has-children"><span><a href="#">Bags</a><span class="sub-menu-toggle"></span></span> <ul class="offcanvas-submenu"> <li><a href="#">Handbags</a></li> <li><a href="#">Backpacks</a></li> <li><a href="#">Luggage</a></li> <li><a href="#">Wallets</a></li> <li><a href="#">View All</a></li> </ul> </li> <li class="has-children"><span><a href="#">Accessories</a><span class="sub-menu-toggle"></span></span> <ul class="offcanvas-submenu"> <li><a href="#">Sunglasses</a></li> <li><a href="#">Hats</a></li> <li><a href="#">Watches</a></li> <li><a href="#">Jewelry</a></li> <li><a href="#">Belts</a></li> <li><a href="#">View All</a></li> </ul> </li> </ul> </li> <li class="has-children"><span><a href="../account-orders.html"><span>Account</span></a><span class="sub-menu-toggle"></span></span> <ul class="offcanvas-submenu"> <li><a href="../account-login.html">Login / Register</a></li> <li><a href="../account-password-recovery.html">Password Recovery</a></li> <li><a href="../account-orders.html">Orders List</a></li> <li><a href="../account-wishlist.html">Wishlist</a></li> <li><a href="../account-profile.html">Profile Page</a></li> <li><a href="../account-address.html">Contact / Shipping Address</a></li> <li><a href="../account-open-ticket.html">Open Ticket</a></li> <li><a href="../account-tickets.html">My Tickets</a></li> <li><a href="../account-single-ticket.html">Single Ticket</a></li> </ul> </li> <li class="has-children"><span><a href="../blog-rs.html"><span>Blog</span></a><span class="sub-menu-toggle"></span></span> <ul class="offcanvas-submenu"> <li class="has-children"><span><a href="../blog-rs.html"><span>Blog Layout</span></a><span class="sub-menu-toggle"></span></span> <ul class="offcanvas-submenu"> <li><a href="../blog-rs.html">Blog Right Sidebar</a></li> <li><a href="../blog-ls.html">Blog Left Sidebar</a></li> <li><a href="../blog-ns.html">Blog No Sidebar</a></li> </ul> </li> <li class="has-children"><span><a href="../blog-single-rs.html"><span>Single Post Layout</span></a><span class="sub-menu-toggle"></span></span> <ul class="offcanvas-submenu"> <li><a href="../blog-single-rs.html">Post Right Sidebar</a></li> <li><a href="../blog-single-ls.html">Post Left Sidebar</a></li> <li><a href="../blog-single-ns.html">Post No Sidebar</a></li> </ul> </li> </ul> </li> <li class="has-children"><span><a href="#"><span>Pages</span></a><span class="sub-menu-toggle"></span></span> <ul class="offcanvas-submenu"> <li><a href="../about.html">About Us</a></li> <li><a href="../mobile-app.html">Unishop Mobile App</a></li> <li><a href="../services.html">Services</a></li> <li><a href="../contacts.html">Contacts</a></li> <li><a href="../faq.html">Help / FAQ</a></li> <li><a href="../order-tracking.html">Order Tracking</a></li> <li><a href="../search-results.html">Search Results</a></li> <li><a href="../404.html">404</a></li> <li><a href="../coming-soon.html">Coming Soon</a></li> <li><a class="text-danger" href="../docs/dev-setup.html">Documentation</a></li> </ul> </li> <li class="has-children active"><span><a href="../components/accordion.html"><span>Components</span></a><span class="sub-menu-toggle"></span></span> <ul class="offcanvas-submenu"> <li class="active"><a href="../components/accordion.html">Accordion</a></li> <li><a href="../components/alerts.html">Alerts</a></li> <li><a href="../components/buttons.html">Buttons</a></li> <li><a href="../components/cards.html">Cards</a></li> <li><a href="../components/carousel.html">Carousel</a></li> <li><a href="../components/countdown.html">Countdown</a></li> <li><a href="../components/forms.html">Forms</a></li> <li><a href="../components/gallery.html">Gallery</a></li> <li><a href="../components/google-maps.html">Google Maps</a></li> <li><a href="../components/images.html">Images & Figures</a></li> <li><a href="../components/list-group.html">List Group</a></li> <li><a href="../components/market-social-buttons.html">Market & Social Buttons</a></li> <li><a href="../components/media.html">Media Object</a></li> <li><a href="../components/modal.html">Modal</a></li> <li><a href="../components/pagination.html">Pagination</a></li> <li><a href="../components/pills.html">Pills</a></li> <li><a href="../components/progress-bars.html">Progress Bars</a></li> <li><a href="../components/shop-items.html">Shop Items</a></li> <li><a href="../components/steps.html">Steps</a></li> <li><a href="../components/tables.html">Tables</a></li> <li><a href="../components/tabs.html">Tabs</a></li> <li><a href="../components/team.html">Team</a></li> <li><a href="../components/toasts.html">Toast Notifications</a></li> <li><a href="../components/tooltips-popovers.html">Tooltips & Popovers</a></li> <li><a href="../components/typography.html">Typography</a></li> <li><a href="../components/video-player.html">Video Player</a></li> <li><a href="../components/widgets.html">Widgets</a></li> </ul> </li> </ul> </nav> </div> <!-- Topbar--> <div class="topbar"> <div class="topbar-column"><a class="hidden-md-down" href="mailto:support@unishop.com"><i class="icon-mail"></i>  support@unishop.com</a><a class="hidden-md-down" href="tel:00331697720"><i class="icon-bell"></i>  00 33 169 7720</a><a class="social-button sb-facebook shape-none sb-dark" href="#" target="_blank"><i class="socicon-facebook"></i></a><a class="social-button sb-twitter shape-none sb-dark" href="#" target="_blank"><i class="socicon-twitter"></i></a><a class="social-button sb-instagram shape-none sb-dark" href="#" target="_blank"><i class="socicon-instagram"></i></a><a class="social-button sb-pinterest shape-none sb-dark" href="#" target="_blank"><i class="socicon-pinterest"></i></a> </div> <div class="topbar-column"><a class="hidden-md-down" href="#"><i class="icon-download"></i>  Get mobile app</a> <div class="lang-currency-switcher-wrap"> <div class="lang-currency-switcher dropdown-toggle"><span class="language"><img alt="English" src="../img/flags/GB.png"></span><span class="currency">$ USD</span></div> <div class="dropdown-menu"> <div class="currency-select"> <select class="form-control form-control-rounded form-control-sm"> <option value="usd">$ USD</option> <option value="usd">€ EUR</option> <option value="usd">£ UKP</option> <option value="usd">¥ JPY</option> </select> </div><a class="dropdown-item" href="#"><img src="../img/flags/FR.png" alt="Français">Français</a><a class="dropdown-item" href="#"><img src="../img/flags/DE.png" alt="Deutsch">Deutsch</a><a class="dropdown-item" href="#"><img src="../img/flags/IT.png" alt="Italiano">Italiano</a> </div> </div> </div> </div> <!-- Navbar--> <!-- Remove "navbar-sticky" class to make navigation bar scrollable with the page.--> <header class="navbar navbar-sticky"> <!-- Search--> <form class="site-search" method="get"> <input type="text" name="site_search" placeholder="Type to search..."> <div class="search-tools"><span class="clear-search">Clear</span><span class="close-search"><i class="icon-cross"></i></span></div> </form> <div class="site-branding"> <div class="inner"> <!-- Off-Canvas Toggle (#shop-categories)--><a class="offcanvas-toggle cats-toggle" href="#shop-categories" data-toggle="offcanvas"></a> <!-- Off-Canvas Toggle (#mobile-menu)--><a class="offcanvas-toggle menu-toggle" href="#mobile-menu" data-toggle="offcanvas"></a> <!-- Site Logo--><a class="site-logo" href="../index.html"><img src="../img/logo/logo.png" alt="Unishop"></a> </div> </div> <!-- Main Navigation--> <nav class="site-menu"> <ul> <li class="has-megamenu"><a href="../index.html"><span>Home</span></a> <ul class="mega-menu"> <li><a class="d-block img-thumbnail text-center navi-link" href="../index.html"><img alt="Featured Products Slider" src="../img/mega-menu-home/01.jpg"> <h6 class="mt-3">Featured Products Slider</h6></a></li> <li><a class="d-block img-thumbnail text-center navi-link" href="../home-featured-categories.html"><img alt="Featured Categories" src="../img/mega-menu-home/02.jpg"> <h6 class="mt-3">Featured Categories</h6></a></li> <li><a class="d-block img-thumbnail text-center navi-link" href="../home-collection-showcase.html"><img alt="Products Collection Showcase" src="../img/mega-menu-home/03.jpg"> <h6 class="mt-3">Products Collection Showcase</h6></a></li> <li> <div class="img-thumbnail text-center"><img alt="More To Come. Stay Tuned!" src="../img/mega-menu-home/04.jpg"> <h6 class="mt-3">More To Come. Stay Tuned!</h6> </div> </li> </ul> </li> <li><a href="../shop-grid-ls.html"><span>Shop</span></a> <ul class="sub-menu"> <li><a href="../shop-categories.html">Shop Categories</a></li> <li class="has-children"><a href="../shop-grid-ls.html"><span>Shop Grid</span></a> <ul class="sub-menu"> <li><a href="../shop-grid-ls.html">Grid Left Sidebar</a></li> <li><a href="../shop-grid-rs.html">Grid Right Sidebar</a></li> <li><a href="../shop-grid-ns.html">Grid No Sidebar</a></li> </ul> </li> <li class="has-children"><a href="../shop-list-ls.html"><span>Shop List</span></a> <ul class="sub-menu"> <li><a href="../shop-list-ls.html">List Left Sidebar</a></li> <li><a href="../shop-list-rs.html">List Right Sidebar</a></li> <li><a href="../shop-list-ns.html">List No Sidebar</a></li> </ul> </li> <li><a href="../shop-single.html">Single Product</a></li> <li><a href="../cart.html">Cart</a></li> <li class="has-children"><a href="../checkout-address.html"><span>Checkout</span></a> <ul class="sub-menu"> <li><a href="../checkout-address.html">Address</a></li> <li><a href="../checkout-shipping.html">Shipping</a></li> <li><a href="../checkout-payment.html">Payment</a></li> <li><a href="../checkout-review.html">Review</a></li> <li><a href="../checkout-complete.html">Complete</a></li> </ul> </li> </ul> </li> <li class="has-megamenu"><a href="#"><span>Mega Menu</span></a> <ul class="mega-menu"> <li><span class="mega-menu-title">Top Categories</span> <ul class="sub-menu"> <li><a href="#">Men's Shoes</a></li> <li><a href="#">Women's Shoes</a></li> <li><a href="#">Shirts and Tops</a></li> <li><a href="#">Swimwear</a></li> <li><a href="#">Shorts and Pants</a></li> <li><a href="#">Accessories</a></li> </ul> </li> <li><span class="mega-menu-title">Specialty Shops</span> <ul class="sub-menu"> <li><a href="#">Junior's Shop</a></li> <li><a href="#">Swim Shop</a></li> <li><a href="#">Athletic Shop</a></li> <li><a href="#">Outdoor Shop</a></li> <li><a href="#">Luxury Shop</a></li> <li><a href="#">Accessories Shop</a></li> </ul> </li> <li> <section class="promo-box" style="background-image: url(../img/banners/02.jpg);"><span class="overlay-dark" style="opacity: .4;"></span> <div class="promo-box-content text-center padding-top-2x padding-bottom-2x"> <h4 class="text-light text-thin text-shadow">New Collection of</h4> <h3 class="text-bold text-light text-shadow">Sunglasses</h3><a class="btn btn-sm btn-primary" href="#">Shop Now</a> </div> </section> </li> <li> <section class="promo-box" style="background-image: url(../img/banners/03.jpg);"> <!-- Choose between .overlay-dark (#000) or .overlay-light (#fff) with default opacity of 50%. You can overrride default color and opacity values via 'style' attribute.--><span class="overlay-dark" style="opacity: .45;"></span> <div class="promo-box-content text-center padding-top-2x padding-bottom-2x"> <h3 class="text-bold text-light text-shadow">Limited Offer</h3> <h4 class="text-light text-thin text-shadow">save up to 50%!</h4><a class="btn btn-sm btn-primary" href="#">Learn More</a> </div> </section> </li> </ul> </li> <li><a href="../account-orders.html"><span>Account</span></a> <ul class="sub-menu"> <li><a href="../account-login.html">Login / Register</a></li> <li><a href="../account-password-recovery.html">Password Recovery</a></li> <li><a href="../account-orders.html">Orders List</a></li> <li><a href="../account-wishlist.html">Wishlist</a></li> <li><a href="../account-profile.html">Profile Page</a></li> <li><a href="../account-address.html">Contact / Shipping Address</a></li> <li><a href="../account-tickets.html">My Tickets</a></li> <li><a href="../account-single-ticket.html">Single Ticket</a></li> </ul> </li> <li><a href="../blog-rs.html"><span>Blog</span></a> <ul class="sub-menu"> <li class="has-children"><a href="../blog-rs.html"><span>Blog Layout</span></a> <ul class="sub-menu"> <li><a href="../blog-rs.html">Blog Right Sidebar</a></li> <li><a href="../blog-ls.html">Blog Left Sidebar</a></li> <li><a href="../blog-ns.html">Blog No Sidebar</a></li> </ul> </li> <li class="has-children"><a href="../blog-single-rs.html"><span>Single Post Layout</span></a> <ul class="sub-menu"> <li><a href="../blog-single-rs.html">Post Right Sidebar</a></li> <li><a href="../blog-single-ls.html">Post Left Sidebar</a></li> <li><a href="../blog-single-ns.html">Post No Sidebar</a></li> </ul> </li> </ul> </li> <li><a href="#"><span>Pages</span></a> <ul class="sub-menu"> <li><a href="../about.html">About Us</a></li> <li><a href="../contacts.html">Contacts</a></li> <li><a href="../faq.html">Help / FAQ</a></li> <li><a href="../order-tracking.html">Order Tracking</a></li> <li><a href="../search-results.html">Search Results</a></li> <li><a href="../404.html">404 Not Found</a></li> <li><a href="../coming-soon.html">Coming Soon</a></li> <li><a class="text-danger" href="../docs/dev-setup.html">Documentation</a></li> </ul> </li> <li class="has-megamenu active"><a href="../components/accordion.html"><span>Components</span></a> <ul class="mega-menu"> <li><span class="mega-menu-title">A - F</span> <ul class="sub-menu"> <li class="active"><a href="../components/accordion.html">Accordion</a></li> <li><a href="../components/alerts.html">Alerts</a></li> <li><a href="../components/buttons.html">Buttons</a></li> <li><a href="../components/cards.html">Cards</a></li> <li><a href="../components/carousel.html">Carousel</a></li> <li><a href="../components/countdown.html">Countdown</a></li> <li><a href="../components/forms.html">Forms</a></li> </ul> </li> <li><span class="mega-menu-title">G - M</span> <ul class="sub-menu"> <li><a href="../components/gallery.html">Gallery</a></li> <li><a href="../components/google-maps.html">Google Maps</a></li> <li><a href="../components/images.html">Images & Figures</a></li> <li><a href="../components/list-group.html">List Group</a></li> <li><a href="../components/market-social-buttons.html">Market & Social Buttons</a></li> <li><a href="../components/media.html">Media Object</a></li> <li><a href="../components/modal.html">Modal</a></li> </ul> </li> <li><span class="mega-menu-title">P - T</span> <ul class="sub-menu"> <li><a href="../components/pagination.html">Pagination</a></li> <li><a href="../components/pills.html">Pills</a></li> <li><a href="../components/progress-bars.html">Progress Bars</a></li> <li><a href="../components/shop-items.html">Shop Items</a></li> <li><a href="../components/spinners.html">Spinners</a></li> <li><a href="../components/steps.html">Steps</a></li> <li><a href="../components/tables.html">Tables</a></li> </ul> </li> <li><span class="mega-menu-title">T - W</span> <ul class="sub-menu"> <li><a href="../components/tabs.html">Tabs</a></li> <li><a href="../components/team.html">Team</a></li> <li><a href="../components/toasts.html">Toast Notifications</a></li> <li><a href="../components/tooltips-popovers.html">Tooltips & Popovers</a></li> <li><a href="../components/typography.html">Typography</a></li> <li><a href="../components/video-player.html">Video Player</a></li> <li><a href="../components/widgets.html">Widgets</a></li> </ul> </li> </ul> </li> </ul> </nav> <!-- Toolbar--> <div class="toolbar"> <div class="inner"> <div class="tools"> <div class="search"><i class="icon-search"></i></div> <div class="account"><a href="../account-orders.html"></a><i class="icon-head"></i> <ul class="toolbar-dropdown"> <li class="sub-menu-user"> <div class="user-ava"><img src="../img/account/user-ava-sm.jpg" alt="Daniel Adams"> </div> <div class="user-info"> <h6 class="user-name">Daniel Adams</h6><span class="text-xs text-muted">290 Reward points</span> </div> </li> <li><a href="../account-profile.html">My Profile</a></li> <li><a href="../account-orders.html">Orders List</a></li> <li><a href="../account-wishlist.html">Wishlist</a></li> <li class="sub-menu-separator"></li> <li><a href="#"> <i class="icon-unlock"></i>Logout</a></li> </ul> </div> <div class="cart"><a href="../cart.html"></a><i class="icon-bag"></i><span class="count">3</span><span class="subtotal">$289.68</span> <div class="toolbar-dropdown"> <div class="dropdown-product-item"><span class="dropdown-product-remove"><i class="icon-cross"></i></span><a class="dropdown-product-thumb" href="../shop-single.html"><img src="../img/cart-dropdown/01.jpg" alt="Product"></a> <div class="dropdown-product-info"><a class="dropdown-product-title" href="../shop-single.html">Unionbay Park</a><span class="dropdown-product-details">1 x $43.90</span></div> </div> <div class="dropdown-product-item"><span class="dropdown-product-remove"><i class="icon-cross"></i></span><a class="dropdown-product-thumb" href="../shop-single.html"><img src="../img/cart-dropdown/02.jpg" alt="Product"></a> <div class="dropdown-product-info"><a class="dropdown-product-title" href="../shop-single.html">Daily Fabric Cap</a><span class="dropdown-product-details">2 x $24.89</span></div> </div> <div class="dropdown-product-item"><span class="dropdown-product-remove"><i class="icon-cross"></i></span><a class="dropdown-product-thumb" href="../shop-single.html"><img src="../img/cart-dropdown/03.jpg" alt="Product"></a> <div class="dropdown-product-info"><a class="dropdown-product-title" href="../shop-single.html">Haan Crossbody</a><span class="dropdown-product-details">1 x $200.00</span></div> </div> <div class="toolbar-dropdown-group"> <div class="column"><span class="text-lg">Total:</span></div> <div class="column text-right"><span class="text-lg text-medium">$289.68 </span></div> </div> <div class="toolbar-dropdown-group"> <div class="column"><a class="btn btn-sm btn-block btn-secondary" href="../cart.html">View Cart</a></div> <div class="column"><a class="btn btn-sm btn-block btn-success" href="../checkout-address.html">Checkout</a></div> </div> </div> </div> </div> </div> </div> </header> <!-- Off-Canvas Wrapper--> <div class="offcanvas-wrapper"> <!-- Page Title--> <div class="page-title"> <div class="container"> <div class="column"> <h1>Accordion</h1> </div> <div class="column"> <ul class="breadcrumbs"> <li><a href="index.html">Home</a> </li> <li class="separator"> </li> <li><a href="accordion.html">Components</a> </li> <li class="separator"> </li> <li>Accordion</li> </ul> </div> </div> </div> <!-- Page Content--> <div class="container padding-bottom-3x mb-2"> <div class="row"> <div class="col-lg-9 col-md-8 order-md-2"> <h6 class="text-muted text-normal text-uppercase">Basic Example</h6> <hr class="margin-bottom-1x"> <div class="accordion" id="accordion1" role="tablist"> <div class="card"> <div class="card-header" role="tab"> <h6><a href="#collapseOne" data-toggle="collapse">Collapsible Group Item #1</a></h6> </div> <div class="collapse show" id="collapseOne" data-parent="#accordion1" role="tabpanel"> <div class="card-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="card"> <div class="card-header" role="tab"> <h6><a class="collapsed" href="#collapseTwo" data-toggle="collapse">Collapsible Group Item #2</a></h6> </div> <div class="collapse" id="collapseTwo" data-parent="#accordion1" role="tabpanel"> <div class="card-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="card"> <div class="card-header" role="tab"> <h6><a class="collapsed" href="#collapseThree" data-toggle="collapse">Collapsible Group Item #3</a></h6> </div> <div class="collapse" id="collapseThree" data-parent="#accordion1" role="tabpanel"> <div class="card-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> <h6 class="text-muted text-normal text-uppercase padding-top-2x mt-2">Example with Icons</h6> <hr class="margin-bottom-1x"> <div class="accordion" id="accordion2" role="tablist"> <div class="card"> <div class="card-header" role="tab"> <h6><a href="#collapseFour" data-toggle="collapse"><i class="icon-sun"></i>Collapsible Group Item #1</a></h6> </div> <div class="collapse show" id="collapseFour" data-parent="#accordion2" role="tabpanel"> <div class="card-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="card"> <div class="card-header" role="tab"> <h6><a class="collapsed" href="#collapseFive" data-toggle="collapse"><i class="icon-lock"></i>Collapsible Group Item #2</a></h6> </div> <div class="collapse" id="collapseFive" data-parent="#accordion2" role="tabpanel"> <div class="card-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="card"> <div class="card-header" role="tab"> <h6><a class="collapsed" href="#collapseSix" data-toggle="collapse"><i class="icon-clock"></i>Collapsible Group Item #3</a></h6> </div> <div class="collapse" id="collapseSix" data-parent="#accordion2" role="tabpanel"> <div class="card-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 class="col-lg-3 col-md-4 order-md-1"> <!-- Side Menu--> <div class="padding-top-3x hidden-md-up"></div> <div class="card rounded-bottom-0" data-filter-list="#components-list"> <div class="card-body pb-3"> <div class="widget mb-4"> <div class="input-group form-group"><span class="input-group-btn"> <button class="btn" type="submit" disabled><i class="icon-search"></i></button></span> <input class="form-control" type="text" placeholder="Search components"> </div> </div> <div class="custom-control custom-radio custom-control-inline"> <input class="custom-control-input" type="radio" id="filter-all" name="compFilter" value="all" checked> <label class="custom-control-label" for="filter-all">ALL</label> </div> <div class="custom-control custom-radio custom-control-inline"> <input class="custom-control-input" type="radio" id="filter-af" name="compFilter" value="af"> <label class="custom-control-label" for="filter-af">A-F</label> </div> <div class="custom-control custom-radio custom-control-inline"> <input class="custom-control-input" type="radio" id="filter-gm" name="compFilter" value="gm"> <label class="custom-control-label" for="filter-gm">G-M</label> </div> <div class="custom-control custom-radio custom-control-inline"> <input class="custom-control-input" type="radio" id="filter-pt" name="compFilter" value="pt"> <label class="custom-control-label" for="filter-pt">P-T</label> </div> <div class="custom-control custom-radio custom-control-inline"> <input class="custom-control-input" type="radio" id="filter-vw" name="compFilter" value="vw"> <label class="custom-control-label" for="filter-vw">V-W</label> </div> </div> </div> <nav class="list-group" id="components-list"><a class="list-group-item list-group-item-action active" href="accordion.html" data-filter-item="af">Accordion</a><a class="list-group-item list-group-item-action" href="alerts.html" data-filter-item="af">Alerts</a><a class="list-group-item list-group-item-action" href="buttons.html" data-filter-item="af">Buttons</a><a class="list-group-item list-group-item-action" href="cards.html" data-filter-item="af">Cards</a><a class="list-group-item list-group-item-action" href="carousel.html" data-filter-item="af">Carousel</a><a class="list-group-item list-group-item-action" href="countdown.html" data-filter-item="af">Countdown</a><a class="list-group-item list-group-item-action" href="forms.html" data-filter-item="af">Forms</a><a class="list-group-item list-group-item-action" href="gallery.html" data-filter-item="gm">Gallery</a><a class="list-group-item list-group-item-action" href="google-maps.html" data-filter-item="gm">Google Maps</a><a class="list-group-item list-group-item-action" href="images.html" data-filter-item="gm">Images & Figures</a><a class="list-group-item list-group-item-action" href="list-group.html" data-filter-item="gm">List Group</a><a class="list-group-item list-group-item-action" href="market-social-buttons.html" data-filter-item="gm">Market & Social Buttons</a><a class="list-group-item list-group-item-action" href="media.html" data-filter-item="gm">Media Object</a><a class="list-group-item list-group-item-action" href="modal.html" data-filter-item="gm">Modal</a><a class="list-group-item list-group-item-action" href="pagination.html" data-filter-item="pt">Pagination</a><a class="list-group-item list-group-item-action" href="pills.html" data-filter-item="pt">Pills</a><a class="list-group-item list-group-item-action" href="progress-bars.html" data-filter-item="pt">Progress Bars</a><a class="list-group-item list-group-item-action" href="shop-items.html" data-filter-item="pt">Shop Items</a><a class="list-group-item list-group-item-action" href="spinners.html" data-filter-item="pt">Spinners</a><a class="list-group-item list-group-item-action" href="steps.html" data-filter-item="pt">Steps</a><a class="list-group-item list-group-item-action" href="tables.html" data-filter-item="pt">Tables</a><a class="list-group-item list-group-item-action" href="tabs.html" data-filter-item="pt">Tabs</a><a class="list-group-item list-group-item-action" href="team.html" data-filter-item="pt">Team</a><a class="list-group-item list-group-item-action" href="toasts.html" data-filter-item="pt">Toast Notifications</a><a class="list-group-item list-group-item-action" href="tooltips-popovers.html" data-filter-item="pt">Tooltips & Popovers</a><a class="list-group-item list-group-item-action" href="typography.html" data-filter-item="pt">Typography</a><a class="list-group-item list-group-item-action" href="video-player.html" data-filter-item="vw">Video Player</a><a class="list-group-item list-group-item-action" href="widgets.html" data-filter-item="vw">Widgets</a> </nav> </div> </div> </div> <!-- Site Footer--> <footer class="site-footer"> <div class="container"> <div class="row"> <div class="col-lg-3 col-md-6"> <!-- Contact Info--> <section class="widget widget-light-skin"> <h3 class="widget-title">Get In Touch With Us</h3> <p class="text-white">Phone: 00 33 169 7720</p> <ul class="list-unstyled text-sm text-white"> <li><span class="opacity-50">Monday-Friday:</span>9.00 am - 8.00 pm</li> <li><span class="opacity-50">Saturday:</span>10.00 am - 6.00 pm</li> </ul> <p><a class="navi-link-light" href="#">support@unishop.com</a></p><a class="social-button shape-circle sb-facebook sb-light-skin" href="#"><i class="socicon-facebook"></i></a><a class="social-button shape-circle sb-twitter sb-light-skin" href="#"><i class="socicon-twitter"></i></a><a class="social-button shape-circle sb-instagram sb-light-skin" href="#"><i class="socicon-instagram"></i></a><a class="social-button shape-circle sb-google-plus sb-light-skin" href="#"><i class="socicon-googleplus"></i></a> </section> </div> <div class="col-lg-3 col-md-6"> <!-- Mobile App Buttons--> <section class="widget widget-light-skin"> <h3 class="widget-title">Our Mobile App</h3><a class="market-button apple-button mb-light-skin" href="#"><span class="mb-subtitle">Download on the</span><span class="mb-title">App Store</span></a><a class="market-button google-button mb-light-skin" href="#"><span class="mb-subtitle">Download on the</span><span class="mb-title">Google Play</span></a><a class="market-button windows-button mb-light-skin" href="#"><span class="mb-subtitle">Download on the</span><span class="mb-title">Windows Store</span></a> </section> </div> <div class="col-lg-3 col-md-6"> <!-- About Us--> <section class="widget widget-links widget-light-skin"> <h3 class="widget-title">About Us</h3> <ul> <li><a href="#">Careers</a></li> <li><a href="#">About Unishop</a></li> <li><a href="#">Our Story</a></li> <li><a href="#">Services</a></li> <li><a href="#">Our Blog</a></li> </ul> </section> </div> <div class="col-lg-3 col-md-6"> <!-- Account / Shipping Info--> <section class="widget widget-links widget-light-skin"> <h3 class="widget-title">Account & Shipping Info</h3> <ul> <li><a href="#">Your Account</a></li> <li><a href="#">Shipping Rates & Policies</a></li> <li><a href="#">Refunds & Replacements</a></li> <li><a href="#">Taxes</a></li> <li><a href="#">Delivery Info</a></li> <li><a href="#">Affiliate Program</a></li> </ul> </section> </div> </div> <hr class="hr-light mt-2 margin-bottom-2x"> <div class="row"> <div class="col-md-7 padding-bottom-1x"> <!-- Payment Methods--> <div class="margin-bottom-1x" style="max-width: 615px;"><img src="../img/payment_methods.png" alt="Payment Methods"> </div> </div> <div class="col-md-5 padding-bottom-1x"> <div class="margin-top-1x hidden-md-up"></div> <!--Subscription--> <form class="subscribe-form" action="//rokaux.us12.list-manage.com/subscribe/post?u=c7103e2c981361a6639545bd5&amp;id=1194bb7544" method="post" target="_blank" novalidate> <div class="clearfix"> <div class="input-group input-light"> <input class="form-control" type="email" name="EMAIL" placeholder="Your e-mail"><span class="input-group-addon"><i class="icon-mail"></i></span> </div> <!-- real people should not fill this in and expect good things - do not remove this or risk form bot signups--> <div style="position: absolute; left: -5000px;" aria-hidden="true"> <input type="text" name="b_c7103e2c981361a6639545bd5_1194bb7544" tabindex="-1"> </div> <button class="btn btn-primary" type="submit"><i class="icon-check"></i></button> </div><span class="form-text text-sm text-white opacity-50">Subscribe to our Newsletter to receive early discount offers, latest news, sales and promo information.</span> </form> </div> </div> <!-- Copyright--> <p class="footer-copyright">© All rights reserved. Made with  <i class="icon-heart text-danger"></i><a href="http://rokaux.com/" target="_blank">  by rokaux</a></p> </div> </footer> </div> <!-- Back To Top Button--><a class="scroll-to-top-btn" href="#"><i class="icon-arrow-up"></i></a> <!-- Backdrop--> <div class="site-backdrop"></div> <!-- JavaScript (jQuery) libraries, plugins and custom scripts--> <script src="../js/vendor.min.js"></script> <script src="../js/scripts.min.js"></script> </body> </html>

| ver. 1.4 | Github | . | PHP 8.2.22 | Генерация страницы: 0 | proxy | phpinfo | Настройка