Personal Blog Website HTML CSS Javascript - Modern Flat Design Full Responsive

Опубликовано: 23 Октябрь 2024
на канале: dotWebdesign

2,046

In this tutorial video, you will learn how to create responsive personal website for blogging using html, css and javascript.

Features in this personal blog:
fixed header
responsive menu
article post slider
home page
single page
full screen overlay search form
load more contents

Timestamps:
00:00 - Intro
01:55 - Project Setup
02:33 - Header Navigation HTML
04:47 - Header Navigation CSS
12:20 - Submenu Navigation HTML
13:23 - Submenu Navigation CSS
17:26 - Carousel Hero HTML
18:44 - Carousel Hero CSS
26:07 - Carousel Hero Javascript Setup
29:00 - Article Post List HTML
32:20 - Article Post List CSS
40:55 - Load more Articles Javascript
43:48 - Responsive Menu CSS
46:37 - Responsive Menu Javascript
50:42 - Sub Menu Javascript
55:11 - Fixed Header
57:49 - Full Screen Search
01:03:38 - Single Page HTML
01:10:06 - Single Page CSS

Support us:
   / @dotwebdesigns

⭐ If you would like to buy me a coffee, well thank you very much that is mega huge! : https://www.buymeacoffee.com/dotwebde...

Music credit:
Song: Erik Lund - Summertime (Vlog No Copyright Music)
Music promoted by Vlog No Copyright Music.
Video Link:    • Video

Song: MBB - Beach (Vlog No Copyright Music)
Music provided by Vlog No Copyright Music.
Video Link:    • MBB - Beach (Vlog No Copyright Music)

Slow Down by LiQWYD   / liqwyd
Creative Commons — Attribution 3.0 Unported — CC BY 3.0
Free Download / Stream: https://bit.ly/3icR1Le
Music promoted by Audio Library    • Slow Down – LiQWYD (No Copyright Music)