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
| <html> | |
| <head> | |
| <link rel="stylesheet" href="style.css"/> | |
| </head> | |
| <body> | |
| <h3> | |
| Play KeyBoard by pressing (A S D F G H J K L ;)<br> and (W E T Y U O P) | |
| </h3> | |
| <div class="floor"></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="wrapper"> | |
| <div class="button-container"> | |
| <div class="button"> | |
| <span class="content"> | |
| <i class="icon fa fa-heart" aria-hidden="true"></i> | |
| <i class="icon far fa-heart" aria-hidden="true"></i> | |
| <span class="text like">Like<span class="text d">d</span></span> | |
| <span class="text number">29</span> | |
| </span> |
codepediair
/ index.pug
Created
April 22, 2024 17:22
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
| a(href='#').switcher | |
| .screen.glitch | |
| .clock.is-off | |
| span(data-time='').time | |
| .figure | |
| .figure-mask |
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
| <ul> | |
| <li style="--clr:#5E81AC"> | |
| <a href="#" data-text=" Home"> Home </a> | |
| </li> | |
| <li style="--clr:#BF616A"> | |
| <a href="#" data-text=" About"> About </a> | |
| </li> | |
| <li style="--clr:#EBCB8B"> | |
| <a href="#" data-text=" Services"> Services </a> | |
| </li> |
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="wrapper"> | |
| <h1 data-splitting class="line1">Take care of yourselves out there</h1> | |
| <h2 data-splitting class="line2">..........................................................................</h2> | |
| </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
| .content | |
| - for(i=0; i<2; i++) | |
| .bars | |
| - for(b=0; b<7; b++) | |
| .bar |
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
| <nav class="navbar"> | |
| <ul class="navbar__menu"> | |
| <li class="navbar__item"> | |
| <a href="#" class="navbar__link"><i data-feather="home"></i><span>Home</span></a> | |
| </li> | |
| <li class="navbar__item"> | |
| <a href="#" class="navbar__link"><i data-feather="message-square"></i><span>Messages</span></a> | |
| </li> | |
| <li class="navbar__item"> | |
| <a href="#" class="navbar__link"><i data-feather="users"></i><span>Customers</span></a> |
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
| <!-- Let's have some comets flyings around :) --> | |
| <div class="comet-rain"> | |
| <!-- symbol definition --> | |
| <svg aria-hidden="true" id="svg-comet" class="svg-defs" data-name="comet" viewBox="0 0 195 173.05" width="195" height="173.05"> | |
| <symbol id="comet"> | |
| <path d="M192.39.66c-33.66,31.46-93.3,81.16-129,108.88L3.42,156c-5,3.89-4.29,11.28.74,15.4s12.84-.83,13.1-1.07C51.09,138.62,82.6,104.72,116.64,73c8.89-8.29,66.23-59.5,77.47-70.13C196.17,1,194.24-1.08,192.39.66Z" /> | |
| </symbol> | |
| </svg> | |
| <!-- gradient definition for the comets --> |
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
| .screenshot__wrapper | |
| .project-profitability | |
| .desktop__title | |
| .desktop__title__button | |
| .desktop__title__button | |
| .desktop__title__button | |
| .desktop__title__name | |
| .desktop__body | |
| .graph-dropdown | |
| .graph-dropdown__label Insights |
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
| <a href="https://codepen.io/ZonFire99/full/njdls/" class="viewFull" target="_parent">View in full it looks way better :)</a> | |
| <div class="error"> | |
| <div class="wrap"> | |
| <div class="404"> | |
| <pre><code> | |
| <span class="green"><!</span><span>DOCTYPE html</span><span class="green">></span> | |
| <span class="orange"><html></span> | |
| <span class="orange"><style></span> |
NewerOlder