DEV Community

Cover image for How to Create Personal Blog Website Using HTML CSS JavaScript
Sadee
Sadee

Posted on

How to Create Personal Blog Website Using HTML CSS JavaScript

How to Make a Personal Blog Website Using HTML CSS JavaScript

If you're looking to start a blog website using HTML, CSS, and JavaScript, then this tutorial is for you. In this video, we'll walk you through the process of creating a personal blog website from scratch

Source code

⏱️ Timestamps

0:00 - Demo
5:37 - File structure
6:32 - Project initial
16:27 - Header
37:15 - Hero section
51:59 - Topic section
1:12:06 - Featured post section
1:26:25 - Popular tags section
1:33:15 - Recent post section
2:05:49 - Footer
2:24:04 - Media queries

Top comments (8)

Collapse
 
oto profile image
oto

beautiful
But I don't know how to integrate it in nextjs

Collapse
 
mahmoudessam profile image
Mahmoud EL-kariouny

Great job man 😊👍👌

Collapse
 
sabihasamha22 profile image
Sabiha Samha

I've no words how to appreciate such a beautiful work ❤️🔥

Collapse
 
codewithsadee profile image
Sadee

Thanks ❤

Collapse
 
udanielnogueira profile image
Daniel Nogueira

Nice

Collapse
 
huylong profile image
huylong

Great job.

Collapse
 
sirneij profile image
John Owolabi Idogun

Can you drop the download link of the project here. The patreon link is not working.

Collapse
 
yvannnoto profile image
Yvann Noto • Edited

Giving the class "span" to a < span > :D

Some comments may only be visible to logged-in visitors. Sign in to view all comments. Some comments have been hidden by the post's author - find out more