HTML / CSS Tutorial Series – Modifying a website template to suit your needs

In this 3 part video tutorial series I will show you how to modify a simple HTML/CSS template to produce an aesthetically pleasing online flower shop template.

Please experiment and make the design your own. There are links to free resources after each video to help you achieve layouts and interactions such as form validation, images slideshows etc.

Here is the zip file you need to download to follow along. Please leave a comment if you would like more guidance, find an error or suggest improvements.

Online Shop HTML/CSS Template Authoring Video – Part1

Online Shop HTML/CSS Template Authoring Video – Part2

Resources for Part 2

• https://www.toptal.com/designers/htmlarrows/symbols/
• https://css3buttongenerator.com

Online Shop HTML/CSS Template Authoring Video – Part3

Resources for Part 3

• https://caniuse.com/
• https://www.w3schools.com/howto/howto_js_slideshow.asp
• https://www.w3schools.com/howto/howto_css_checkout_form.asp