Skip to content

Instantly share code, notes, and snippets.

@Ashar20
Ashar20 / index.html
Created January 17, 2021 10:20
zdqso
<body id="page-top" class="index" data-pinterest-extension-installed="cr1.3.4">
<!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top navbar-shrink">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
@Ashar20
Ashar20 / index.html
Created January 17, 2021 10:10
Material Design Box Shadows
<!-- Demo of material design box shadows based on https://medium.com/@Florian/freebie-google-material-design-shadow-helper-2a0501295a2d -->
<div class="card"></div>
<div class="card card-1"></div>
<div class="card card-2"></div>
<div class="card card-3"></div>
<div class="card card-4"></div>
<div class="card card-5"></div>
@Ashar20
Ashar20 / index.html
Created January 17, 2021 09:59
zdqso
<body id="page-top" class="index" data-pinterest-extension-installed="cr1.3.4">
<!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top navbar-shrink">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
@Ashar20
Ashar20 / easy-divider.markdown
Created January 17, 2021 09:52
Easy divider

Easy divider

Versatile HTML/CSS divider needed specifically for something - needs a little work on some browsers but it's a decent start on Chrome.

A Pen by St.G on CodePen.

License.

@Ashar20
Ashar20 / fixed-navbar-with-smooth-scroll.markdown
Created January 17, 2021 08:33
Fixed Navbar with smooth scroll

Fixed Navbar with smooth scroll

Fixed navigation bar with ease animation and smooth scroll on clicked link using HTML5, CSS3 and jQuery.

A Pen by J.C. Dorr on CodePen.

License.

@Ashar20
Ashar20 / index.html
Created January 17, 2021 08:23
Pure CSS Responsive Navbar
<div class="nav">
<input type="checkbox" id="nav-check">
<div class="nav-header">
<div class="nav-title">
JoGeek
</div>
</div>
<div class="nav-btn">
<label for="nav-check">
<span></span>
@Ashar20
Ashar20 / fixed-navbar-with-smooth-scroll.markdown
Created January 17, 2021 07:58
Fixed Navbar with smooth scroll

Fixed Navbar with smooth scroll

Fixed navigation bar with ease animation and smooth scroll on clicked link using HTML5, CSS3 and jQuery.

A Pen by J.C. Dorr on CodePen.

License.

@Ashar20
Ashar20 / index.html
Created January 16, 2021 22:21
zdqso
<body id="page-top" class="index" data-pinterest-extension-installed="cr1.3.4">
<!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top navbar-shrink">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
@Ashar20
Ashar20 / index.html
Created January 16, 2021 21:25
zdqso
<body id="page-top" class="index" data-pinterest-extension-installed="cr1.3.4">
<!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top navbar-shrink">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
@Ashar20
Ashar20 / index.html
Created January 16, 2021 11:07
zdqso
<body id="page-top" class="index" data-pinterest-extension-installed="cr1.3.4">
<!-- Navigation -->
<nav class="navbar navbar-default navbar-fixed-top navbar-shrink">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header page-scroll">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>