Skip to content

Instantly share code, notes, and snippets.

View BeemoGod's full-sized avatar
🏠
Working from home

CSR2Shop_Filesharing BeemoGod

🏠
Working from home
View GitHub Profile
@BeemoGod
BeemoGod / codepen-s-2019.markdown
Created February 17, 2023 20:21
CodePen's 2019
@BeemoGod
BeemoGod / index.html
Created February 13, 2023 13:06 — forked from HitBeemo/index.html
Responsive NFT Landing Page
<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>
@BeemoGod
BeemoGod / index.html
Created February 13, 2023 12:56
Responsive NFT Landing Page
<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>
@BeemoGod
BeemoGod / index.html
Created February 13, 2023 12:50
Responsive NFT Landing Page
<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>
@BeemoGod
BeemoGod / index.html
Created February 13, 2023 12:36
Responsive NFT Landing Page
<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>
@BeemoGod
BeemoGod / index.pug
Created February 13, 2023 12:27
Material UI Checkbox
.checkbox-wrapper
input(type="checkbox")
.checkbox
i.fa.fa-check
@BeemoGod
BeemoGod / anime-js-responsive-grid-staggered-animation.markdown
Created February 13, 2023 12:26
Anime JS Responsive Grid + Staggered Animation

Anime JS Responsive Grid + Staggered Animation

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.

License.

@BeemoGod
BeemoGod / bootstrap-4-navbar.markdown
Created February 13, 2023 12:19
bootstrap 4 navbar

bootstrap 4 navbar

With Bootstrap, a navigation bar can extend or collapse, depending on the screen size. A standard navigation bar is created with the .navbar class, followed by a responsive collapsing class: .navbar-expand-xl. ... sm (stacks the navbar vertically on extra large, large, medium or small screens).

A Pen by Piyush on CodePen.

License.

@BeemoGod
BeemoGod / index.html
Created January 27, 2023 15:19
Steam Mobile Redesign
<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>
@BeemoGod
BeemoGod / Hitbeemo Text generator
Last active October 9, 2022 13:11
csr2shopfilesharing.my.canva.site/hittextgenerator
<!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>
/*