Versatile HTML/CSS divider needed specifically for something - needs a little work on some browsers but it's a decent start on Chrome.
Ashar20
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 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> |
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
| <!-- 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> |
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 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
/ fixed-navbar-with-smooth-scroll.markdown
Created
January 17, 2021 08:33
Fixed Navbar with smooth scroll
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="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
/ fixed-navbar-with-smooth-scroll.markdown
Created
January 17, 2021 07:58
Fixed Navbar with smooth scroll
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 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> |
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 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> |
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 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> |