Search
Two Clickable Logo Promo Box Section Foundation
Just a quick clickable two box section with some logos and radial backgrounds, foundation for grid and responsive action. Quick demo:
Overview full width section in Poppins font with light gray background using foundation
Quick overview full width section code. Lightgray and teal colours on white background.
Map Image with Easy Dots and Titles using only CSS
I had to quickly add some dot points with names to a map the other day, so i thought i should probably look for a jquery library for tool tips or something similar. But then i thought why not just add..
Social Header Links easy Drop in Code with Font Awesome Icons
Drop in this code in the header of your site to quickly add some social links in your header. Social Icons in Header This version uses foundation for the grid system. But you can swap this grid..
Responsive Friendly Subscribe to our Newsletter Section
Just a nice quick section layout for a newsletter subscribe button and text. You could add this to a home page or just before the footer section of a page. Its also done in foundation gr..
Create a button with CSS, HTML and Center it!
A nice quick video on how to create a button with css and center it. Going from a blank html page into a div element with a button in it and then centering the button and giving it some life wi..
Bootstrap 4.2 Kitchen Sink
Here is the full (almost full) collection of bootstrap elements in this kitchen sink code for bootstrap. Thanks to ycohio for this useful reference.
create a border with top triangle in css
Here is a quick css and html code that gives you an element with a triangle on the top left border. Looks a bit like a callout box. Preview
Front-End Checklist
The Front-End Checklist is an exhaustive list of all elements you need to have / to test before launching your website / HTML page to production. If you want to check your project for the best practi..
Contact Form with Wide Hero Image using Responsive Block CSS and HTML
About this Content Block This is a piece i did a little while ago, but i will re-create it for this post Basically what we are creating here today is a wide and padded section of a home page with ..