A Pen by CSR2Shop_Filesharing 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="landingpage"> | |
<div class="navbar"> | |
<a class="navlogo">HITStudio</a> | |
<button class="hamburger"> | |
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"> | |
<path d="M3 12h18M3 6h18M3 18h18"/> | |
</svg> | |
</button> | |
<div class="navlinkwrap"> | |
<span class="navlink selectedlink">Home</span> |
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="landingpage"> | |
<div class="navbar"> | |
<a class="navlogo">HITStudio</a> | |
<button class="hamburger"> | |
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"> | |
<path d="M3 12h18M3 6h18M3 18h18"/> | |
</svg> | |
</button> | |
<div class="navlinkwrap"> | |
<span class="navlink selectedlink">Home</span> |
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="landingpage"> | |
<div class="navbar"> | |
<a class="navlogo">HITStudio</a> | |
<button class="hamburger"> | |
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"> | |
<path d="M3 12h18M3 6h18M3 18h18"/> | |
</svg> | |
</button> | |
<div class="navlinkwrap"> | |
<span class="navlink selectedlink">Home</span> |
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="landingpage"> | |
<div class="navbar"> | |
<a class="navlogo">GASLUR</a> | |
<button class="hamburger"> | |
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-menu"> | |
<path d="M3 12h18M3 6h18M3 18h18"/> | |
</svg> | |
</button> | |
<div class="navlinkwrap"> | |
<span class="navlink selectedlink">Home</span> |
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
.checkbox-wrapper | |
input(type="checkbox") | |
.checkbox | |
i.fa.fa-check | |
There are no docs explaining how to achieve the anime stagger grid effect with a "from" attribute that ISN'T set to center. Played around and figured it out, a lot easier than I thought. Hope this helps anyone else as confused as I was.
A Pen by Sharna Hossain 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 id="phone"> | |
<div id="main-wrapper" class="fancy-scrollbar"> | |
<div id="main"> | |
<div id="nav"> | |
<a class="nav-brand" href="#"> | |
<i class="fa-brands fa-steam"></i> | |
<h3>STEAM</h3> | |
</a> | |
<button class="nav-menu-toggle" type="button"> | |
<i class="fa-light fa-bars-sort"></i> |
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> | |
<link rel="icon" type="image/x-icon" href="/favicon.ico"> | |
<title>HITBeemo Discord Colored Text Generator</title> | |
<meta charset="UTF-8"> | |
<meta name="description" content="HITBeemo's Discord Colored Text Generator"> | |
<meta name="author" content="HITbeemo"> | |
<style> | |
/* |