Skip to content

Instantly share code, notes, and snippets.

@geekedoutlabs
geekedoutlabs / index.html
Created March 18, 2025 10:54
Portfolio Webpage Example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Personal Portfolio</title>
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="https://i.postimg.cc/9fqYVvxh/logo.png" type="image/x-icon">
</head>
<body>
@geekedoutlabs
geekedoutlabs / index.html
Created January 20, 2025 22:50
Responsive Bootstrap 4 menu - light/dark
<body class="hero-anime">
<div class="navigation-wrap bg-light start-header start-style">
<div class="container">
<div class="row">
<div class="col-12">
<nav class="navbar navbar-expand-md navbar-light">
<a class="navbar-brand" href="https://front.codes/" target="_blank"><img src="https://assets.codepen.io/1462889/fcy.png" alt=""></a>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Paradise Massage - Ultimate Relaxation</title>
<!-- SEO Meta Tags -->
<meta name="description" content="Experience the ultimate relaxation in Las Vegas with Paradise Massage. Professional massage therapy services for stress relief and wellness.">
<meta name="keywords" content="massage, las vegas massage, relaxation, spa, wellness">
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
<title>Norbella Massage - Luxury Wellness & Relaxation</title>
<!-- SEO Meta Tags -->
<meta name="description" content="Experience luxury massage therapy at Norbella Massage. Professional therapeutic treatments in a serene environment.">
<meta name="keywords" content="massage therapy, wellness, relaxation, swedish massage, deep tissue">
@geekedoutlabs
geekedoutlabs / header-footer-parallax-effect.markdown
Created January 12, 2025 08:10
Header/Footer Parallax Effect
@geekedoutlabs
geekedoutlabs / index.html
Created January 11, 2025 21:17
Norbella2
<body>
<!-- Cursor Elements -->
<div class="cursor" id="cursor"></div>
<div class="cursor2" id="cursor2"></div>
<div class="cursor3" id="cursor3"></div>
<!-- Hero Section with Background Image -->
<div class="hero-overlay"></div>
<section class="hero-section">
<div class="about-text hover-target">about</div>
<body>
<!-- Cursor Elements -->
<div class="cursor" id="cursor"></div>
<div class="cursor2" id="cursor2"></div>
<div class="cursor3" id="cursor3"></div>
<!-- Hero Section with Background Image -->
<div class="hero-overlay"></div>
<section class="hero-section">
<div class="about-text hover-target">about</div>
@geekedoutlabs
geekedoutlabs / index.pug
Created January 11, 2025 20:15
Navigation PageDesign/Lesson
sectio.nav
h1 FRONTEND TRENDS
h3.span.loader
span.m B
span.m E
span.m N
span.m E
span.m F
span.m I
span.m T
@geekedoutlabs
geekedoutlabs / bubbles-background-animation.markdown
Created January 11, 2025 20:03
Bubbles Background Animation