Unique-side-bar-menu-main.zip资源-CSDN文库

共5个文件

png：2个

html：1个

js：1个

需积分: 1 154 浏览量 2024-03-15 23:31:01 上传评论收藏 1.28MB ZIP 举报

资源推荐

资源详情

资源评论

收起资源包目录

Unique-side-bar-menu-main.zip （5个子文件）

Unique-side-bar-menu-main

css-sidebar-menu-main

style.css 6KB

app.js 2KB

img

logo.png 20KB

face-1.png 1.26MB

index.html 5KB

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Sidebar Menu</title> <link href='https://unpkg.com/[email protected]/css/boxicons.min.css' rel='stylesheet'> <link rel="stylesheet" href="style.css"> </head> <body> <nav> <div class="sidebar-top"> <span class="shrink-btn"> <i class='bx bx-chevron-left'></i> </span> <img src="./img/logo.png" class="logo" alt=""> <h3 class="hide">Dope developers</h3> </div> <div class="search"> <i class='bx bx-search'></i> <input type="text" class="hide" placeholder="Quick Search ..."> </div> <div class="sidebar-links"> <ul> <div class="active-tab"></div> <li class="tooltip-element" data-tooltip="0"> <a href="#" class="active" data-active="0"> <div class="icon"> <i class='bx bx-tachometer'></i> <i class='bx bxs-tachometer'></i> </div> <span class="link hide">Dashboard</span> </a> </li> <li class="tooltip-element" data-tooltip="1"> <a href="#" data-active="1"> <div class="icon"> <i class='bx bx-folder'></i> <i class='bx bxs-folder'></i> </div> <span class="link hide">Projects</span> </a> </li> <li class="tooltip-element" data-tooltip="2"> <a href="#" data-active="2"> <div class="icon"> <i class='bx bx-message-square-detail'></i> <i class='bx bxs-message-square-detail'></i> </div> <span class="link hide">Messages</span> </a> </li> <li class="tooltip-element" data-tooltip="3"> <a href="#" data-active="3"> <div class="icon"> <i class='bx bx-bar-chart-square'></i> <i class='bx bxs-bar-chart-square'></i> </div> <span class="link hide">Analytics</span> </a> </li> <div class="tooltip"> <span class="show">Dashboard</span> <span>Projects</span> <span>Messages</span> <span>Analytics</span> </div> </ul> <h4 class="hide">Shortcuts</h4> <ul> <li class="tooltip-element" data-tooltip="0"> <a href="#" data-active="4"> <div class="icon"> <i class='bx bx-notepad'></i> <i class='bx bxs-notepad'></i> </div> <span class="link hide">Tasks</span> </a> </li> <li class="tooltip-element" data-tooltip="1"> <a href="#" data-active="5"> <div class="icon"> <i class='bx bx-help-circle'></i> <i class='bx bxs-help-circle'></i> </div> <span class="link hide">Help</span> </a> </li> <li class="tooltip-element" data-tooltip="2"> <a href="#" data-active="6"> <div class="icon"> <i class='bx bx-cog'></i> <i class='bx bxs-cog'></i> </div> <span class="link hide">Settings</span> </a> </li> <div class="tooltip"> <span class="show">Tasks</span> <span>Help</span> <span>Settings</span> </div> </ul> </div> <div class="sidebar-footer"> <a href="#" class="account tooltip-element" data-tooltip="0"> <i class='bx bx-user'></i> </a> <div class="admin-user tooltip-element" data-tooltip="1"> <div class="admin-profile hide"> <img src="./img/face-1.png" alt=""> <div class="admin-info"> <h3>Dan Aleko</h3> <h5>Admin</h5> </div> </div> <a href="#" class="log-out"> <i class='bx bx-log-out'></i> </a> </div> <div class="tooltip"> <span class="show">Dan Aleko</span> <span>Logout</span> </div> </div> </nav> <main> <h1>My Dashboard</h1> <p class="text"> We are a World Class web and Graphic design Agency. We develop websites for Start Ups,SME’s,eCommerce,Portals e.t.c.We also develop custom Management systems for various institutions like schools,hospitals,hotels. Logos,Business cards,flyers,postcards,Posters,Album Cover,bronchure,pamplet,booklets,booklet covers,billboard ,banners,resume,Art & Illustrations,Packaging labels,infographics,book covers e.t.c .With our vast knowledge in development we can always come up with anything our customers needs. </p> <p class="copyright"> © 2022 - <span>Dope developers</span> All Rights Reserved. </p> </main> <script src="app.js"></script> </body> </html>

评论收藏

内容反馈