Inspired by Shuvo Cold "https://dribbble.com/shots/14673441-Transport-Service-Dashboard"
A Pen by GEAUX⚜️TECH on CodePen.
Sh00k-ThaD3v
/ customer-management-ui.markdown
Created
February 17, 2023 09:00
Customer Management UI
Sh00k-ThaD3v
/ css-leaning-card-effect.markdown
Created
February 17, 2023 08:56
CSS leaning card effect
A couple of containing divs style a row of images as leaning cards.
A Pen by Lynn Fisher on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <body class="animated fadeIn"> | |
| <div class="body-overlay"> | |
| <div class="container"> | |
| <div class="outer-top"> | |
| <h2 class="aka animated fadeIn"><a>YARDEN</a></h2> | |
| <div class="btn-explore"> | |
| <a href="" class=""> | |
| <svg version="1.0" id="Livello_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="14px" height="14px" viewBox="0 0 77.082 61.834" xml:space="preserve"> | |
| <ellipse cx="38.541" cy="10.667" rx="11.166" ry="10.667"/> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="app"> | |
| <div class="cardList"> | |
| <button class="cardList__btn btn btn--left"> | |
| <div class="icon"> | |
| <svg> | |
| <use xlink:href="#arrow-left"></use> | |
| </svg> | |
| </div> |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="loader"> | |
| <span>Loading...</span> | |
| </div> |
Sh00k-ThaD3v
/ app-menu-with-lock-screen.markdown
Created
February 2, 2023 07:15
App Menu With Lock Screen
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div class="container"> | |
| <div class="split-screen"></div> | |
| <div class="background-image"></div> | |
| <div class="content"> | |
| <p>Hello <span class="comma">,</span></p> | |
| <p>World</p> | |
| </div> | |
| </div> |
A Pen by Jaimin Patel on CodePen.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <div id="root"></div> |
Sh00k-ThaD3v
/ building-a-dashboard-layout-with-css-and-a-touch-of-javascript.markdown
Created
February 2, 2023 06:57
Building a Dashboard Layout With CSS and a Touch of JavaScript
In this tutorial, we’ll create a responsive admin dashboard layout with CSS and a touch of JavaScript. To build it, we’ll borrow some ideas from the WordPress dashboard, such as its collapsible sidebar menu.
A Pen by Envato Tuts+ on CodePen.
NewerOlder