Material Design Lite: Order Checkout
Create a visually beautiful checkout page using Material Design Lite…
Masthead using CSS
Create a visually striking masthead using simple HTML and CSS…
Pelicans Feeding in Madeira Beach
Pelicans being feed from the incoming fishermen at John's Pass in Madeira Beach…
Kiteboarding in Madeira Beach
Short travel video of kiteboarding in Madeira Beach…
Center Align Bootstrap Nav Pills
HTML<div class="centered-pills"> <ul class="nav nav-pills"> <li class="nav-item"> <a class="nav-link active" href="#">Active</a> </li> <li class="nav-item"> <a…
Bouncing Loader using CSS
HTML<div class="bouncing-loader"> <div></div> <div></div> <div></div> <div></div> </div> Add <div></div> for an additional circle.CSS@keyframes bouncing-loader { to…
Bootstrap Jumbotron Background Cover Image
HTML<div class="container"> <div class="jumbotron jumbotron-cover-image"> <div class="container"> <h1>Hello, world!</h1> <p>...</p> </div> </div> </div> CSS.jumbotron-cover-image { position: relative;…
LinkTree using Bootstrap
HTML<div class="tree"> <div class="profile-pic"><svg class="bd-placeholder-img rounded-circle" width="140" height="140" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid slice" focusable="false" role="…
highlight.js Example
HTML<pre><code class="javascript"> $(document).ready(function() { $('pre code').each(function(i, block) { hljs.highlightBlock(block); }); }); </code></pre> <script src="https://cdnjs.cloudflare.com/ajax/libs/highlight.js/8.9.1/highlight.min.js"><…
Brand Colours
Brand Colours is a collection of RGB and HEX colour codes belonging to major brands, such as Google, Microsoft and PayPal…
