Mohamed Mounir Ali AL Keshita Lord1Egypt
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
| <section class='animation'> | |
| <img class="iphone" src="https://assets.codepen.io/8292695/iphone-14.svg" alt="" /> | |
| <img id='app-store' class='widgets' src="https://assets.codepen.io/8292695/appstore-widget.svg" alt="" /> | |
| <img id='screen-time' class='widgets' src="https://assets.codepen.io/8292695/screen-time-widget.svg" alt="" /> | |
| <img id='weather' class='widgets' src="https://assets.codepen.io/8292695/weather-widget.svg" alt="" /> | |
| <img id='stocks' class='widgets' src="https://assets.codepen.io/8292695/stocks-widget.svg" alt="" /> | |
| <img id='calendar' class='widgets' src="https://assets.codepen.io/8292695/calendar-widget.svg" alt="" /> | |
| <img id='fitness' class='widgets' src="https://assets.codepen.io/8292695/fitness-widget.svg" alt="" /> | |
| <img id='find-my' class='widgets' src="https://assets.codepen.io/8292695/find-my-widget.svg" alt="" /> | |
| <img id='sleep' class='widgets' src="https://assets.codepen.io/8292695/sleep-widget.svg" alt="" /> |
Lord1Egypt
/ 3d-rainbow-ball-pure-css.markdown
Created
February 15, 2024 08:18
3D rainbow ball: Pure CSS
Lord1Egypt
/ glassmorphic-modern-landing-page-with-squircle-buttons-responsive.markdown
Created
February 15, 2024 08:18
Glassmorphic Modern Landing page with Squircle Buttons (Responsive)
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="page"> | |
| WebGL Ghost Cursor | |
| </div> | |
| <canvas id="ghost"></canvas> | |
| <script type="x-shader/x-fragment" id="vertShader"> | |
| precision mediump float; |
Lord1Egypt
/ css-heart-shaped-flower.markdown
Created
February 15, 2024 08:17
CSS Heart-shaped Flower
A Pen by Amit Sheen 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
| <body> | |
| <header class="header-section-main"> | |
| <div class="cursor"></div> | |
| <div class="custom-container"> | |
| <div class="header-section-inner"> | |
| <div class="header-logo"> | |
| <a href="javascript:void(0);"> | |
| <img src="https://www.yudiz.com/codepen/valorant-characters/valorant.svg" class="cursor-scale small" alt="valorant-logo" /> | |
| </a> | |
| </div> |
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
| <body> | |
| <header class="header-section-main"> | |
| <div class="cursor"></div> | |
| <div class="custom-container"> | |
| <div class="header-section-inner"> | |
| <div class="header-logo"> | |
| <a href="javascript:void(0);"> | |
| <img src="https://www.yudiz.com/codepen/valorant-characters/valorant.svg" class="cursor-scale small" alt="valorant-logo" /> | |
| </a> | |
| </div> |
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
| <header> | |
| <nav> | |
| <ul> | |
| <li><a href="#portfolio">Portfolio</a></li> | |
| <li><a href="#press">Press</a></li> | |
| <li><a href="#shop">Shop</a></li> | |
| <li><a href="#about">About</a></li> | |
| </ul> | |
| </nav> | |
| </header> |
Lord1Egypt
/ index.html
Created
February 15, 2024 08:15
Slider with Two Different Sidebars | Swiper JS
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
| <body> | |
| <audio id="background-music" loop> | |
| <source | |
| src="https://www.chosic.com/wp-content/uploads/2021/06/Sweet(chosic.com).mp3" | |
| type="audio/mpeg" /> | |
| Your browser does not support the audio element. | |
| </audio> | |
| <button id="play-pause-button"> | |
| <ion-icon | |
| class="audio-icon" |