A somewhat fancy button with both hover and active transitions.
A Pen by Hayden Davies on CodePen.
This file contains hidden or 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
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <meta charset="utf-8"> | |
| <title>My Profile</title> | |
| <body> | |
| <header> | |
| <h1>Rodrigo K. Arroyo-Haro</h1> | |
| <h3 id="wd">Web Designer || Student | |
| <h3> |
A Pen by Yusei Yamanaka on CodePen.
HeNy007
/ e-commerce-store-is-closed-sign-responsive.markdown
Created
February 14, 2022 16:23
E-Commerce Store is closed sign (Responsive)
This is a responsive store is closed sign, that may be applied on your e-commerce website/store, for example, page is under maintenance, under construction, or error page like code 500, or 404 error (Just change the message).
A Pen by Takane Ichinose on CodePen.
This file contains hidden or 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="what-is-up"> | |
| <div class="spinny-cogs"> | |
| <i class="fa fa-cog" aria-hidden="true"></i> | |
| <i class="fa fa-5x fa-cog fa-spin" aria-hidden="true"></i> | |
| <i class="fa fa-3x fa-cog" aria-hidden="true"></i> | |
| </div> | |
| <h1 class="maintenance">Under Maintenance</h1> | |
| <h2>Our developers are hard at work updating your system. Please wait while we do this. We have also made the spinning cogs to distract you.</h2> |
A Pen by Dillon Vance on CodePen.
HeNy007
/ google-inspired-css-preloader.markdown
Created
February 16, 2022 20:42
Google Inspired CSS Preloader
This file contains hidden or 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
| <!DOCTYPE html> | |
| <html lang="en"> | |
| <head> | |
| <meta charset="UTF-8"> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0"> | |
| <meta http-equiv="X-UA-Compatible" content="ie=edge"> | |
| <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.12.0/css/all.min.css" integrity="sha256-ybRkN9dBjhcS2qrW1z+hfCxq+1aBdwyQM5wlQoQVt/0=" crossorigin="anonymous" /> | |
| <link rel="stylesheet" href="style.css"> | |
| <title>Night Mode</title> | |
| </head> |
HeNy007
/ dark-theme-toggle-button.markdown
Created
February 19, 2022 13:16
Dark theme toggle button
This file contains hidden or 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"> | |
| <h1 class="header">Night Mode</h1> | |
| <div class="paragraph"> | |
| <p>Night Shift might help strain the eyes less if the surrounding area is dark.</p> | |
| <p>Your Google Drive storage is full. You have exceeded your storage plan: this means that your documents, contacts and device | |
| data are no longer being backed up to Drive and your photos and videos are not being uploaded securly saved. | |
| Google Drive and Google-enabled apps are also not being updated across your devices.</p> | |
| <p> To continue using these services, you need to upgrade your storage plan or reduce the amount of storage you are using.</p> |