Looking through the source code of other sites is an excellent way to pick up HTML methods and tricks.
Click on an image below for working examples; Right click to View Page Source on this or any other page and the code which created it, will be openend.
Copypaste the source in an editor of your choice and you are ready for modifying and testing.
All resources YouTube (6:38) View Page Source online In all browsers! »
The original Color palette by Jelena Buljugic is found on Codepen.io Login to join »
Hexaclock by Jonathan Gotti is also found on Codepen.io Login to join »
Toggle normal time display Hexaclock & Color palette »
Improve your HTML & CSS and JS skills with these quick lookup tools:
Within the "head" section you will find the link: rel=stylesheet:
"https://kooso.home.xs4all.nl/bootstrapt.min.css" One has chosen for Less files.
See: Customize Bootstrap
Next sentence in the "head" section" Global site tag (gtag.js) - Google Analytics
script async src="https://www.googletagmanager.com/gtag/js?id=UA-..........>/script>
The original Color Wheel by Dieter Raber is found on Codepen.io Login to join »
HSL stands for hue, saturation, and lightness - and represents cylindrical-coordinate representation of colors.
Hue is a degree on the color wheel (from 0 to 360) - 0 (or 360) is red, 120 is green,
240 is blue. Saturation is a percentage value;
0% means a shade of gray and 100% is the full color.
W3Schools Css Legal colour value »
The original Skateboard, by Jelena, is found on Codepen.io Login to join »
Source code: GeeksforGeeks.org »
Source code: W3Schools.com »
I will show you how to use flexbox to create a responsive, centered card...
See the video on YouTube: Build a Weather app »