Personal Blog Website using HTML CSS JS

How to make personal blog website using html css javascript

In this video, I will show you how to create (mobile-first responsive) personal blog website.

Live Website: https://codewithsadee.github.io/devblog-personal-blog-website/ Github Repo: https://github.com/codewithsadee/devblog-personal-blog-website Source Code: https://drive.google.com/file/d/1R95l6ny2e9GwgQ2OTbGuPxg_1z8hZdN1/view?usp=sharing

HI 👋 I'm Sadee(webdev) In this channel I make videos about Complete Responsive website. You can checkout my channel 👇

📺 My Channel : https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g 🔔 Subscribe : https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g?sub_confirmation=1 🕐 New Videos Every Week

📹 Recommended Videos

How to use ionicon : https://youtu.be/TTrYjLOJeKs

🔗 Essential links

Image : https://drive.google.com/file/d/1dIhdwJ4Q8kyaQojuR8spC95APned2z2q/view?usp=sharing Html Text : https://drive.google.com/file/d/1sbOYzD1KXronY9jqaRuqZBYw6ZdkBszt/view?usp=sharing Font - Inter : https://fonts.google.com/specimen/Inter?query=inter Ionicon : https://ionic.io/ionicons

⏱️ Timestamps

0:00 - Demo 4:37 - File structure 5:03 - Html initial 5:47 - Css variables, reset & base style 10:40 - Header section 19:56 - Hero section 24:52 - Blog section 37:06 - Aside 40:26 - Footer 45:26 - Navbar javascript 47:14 - Media queries 1:08:49 - Light/Dark mode

📹 Others Videos

Sunnyside Landing Page : https://youtu.be/ZATT0Gbfz0c Animated Education Website : https://youtu.be/1ygRRP-y9pw Bank Landing Page : https://youtu.be/yaCCcyl3ENE Interactive Personal Portfolio : https://youtu.be/7Zz61aOEXJI Creative Product Card for NFT Website : https://youtu.be/RR_53O_sk3s

💜 Like - Follow & Subscribe Me

Twitter : https://twitter.com/codewithsadee Github : https://github.com/codewithsadee YouTube : https://www.youtube.com/channel/UC1PZHWV6VvICTL1LgFUZq6g Buy Me A Coffee : https://www.buymeacoffee.com/codewithsadee Patreon : https://www.patreon.com/codewithsadee

🎶 Music credits

• Bcalm x softy - times with you

• Provided by Lofi Records

• Watch: https://youtu.be/8IEpnOjGifs

• Download/Stream: https://fanlink.to/ElementsEP

• Bcalm x Purrple Cat - skyblue

• Provided by Lofi Records

• Watch: https://youtu.be/7IuuvsoBfAQ

• Download/Stream: https://fanlink.to/ElementsEP

• Bcalm x Banks - cutie

• Provided by Lofi Records

• Watch: https://youtu.be/rjCVwvonxCk

• Download/Stream: https://fanlink.to/ElementsEP

• Bcalm x Purrple Cat - traveller

• Provided by Lofi Records

• Watch: https://youtu.be/oFzpDw9rdDo

• Download/Stream: https://fanlink.to/ElementsEP

• Bcalm x Banks - rose fields

• Provided by Lofi Records

• Watch: https://youtu.be/WdkavmW2zOc

• Download/Stream: https://fanlink.to/ElementsEP

• Bcalm x Banks x Mondo Loops - pebbles

• Provided by Lofi Records

• Watch: https://youtu.be/CGnWN6hxIOM

• Download/Stream: https://fanlink.to/ElementsEP

• Bcalm x Hoogway - within

• Provided by Lofi Records

• Watch: https://youtu.be/8-9KzaoLgGA

• Download/Stream: https://fanlink.to/ElementsEP

• Bcalm x Kainbeats - signals

• Provided by Lofi Records

• Watch: https://youtu.be/I60iikurJrU

• Download/Stream: https://fanlink.to/ElementsEP

• Bcalm x Banks x Purrple Cat - daisy

• Provided by Lofi Records

• Watch: https://youtu.be/zZY2js_ZRVw

• Download/Stream: https://fanlink.to/ElementsEP

• Bcalm x Purrple Cat - Hope

• Provided by Lofi Records

• Watch: https://youtu.be/n7dF0IkrT0g

• Download/Stream: https://fanlink.to/ElementsEP

• Bcalm x Banks x No Spirit - your eyes

• Provided by Lofi Records

• Watch: https://youtu.be/UH4AAk4afVU

• Download/Stream: https://fanlink.to/ElementsEP

• Bcalm x Hendy - time

• Provided by Lofi Records

• Watch: https://youtu.be/Mz7g6BzLZtA

• Download/Stream: https://fanlink.to/ElementsEP

• Bcalm x cxlt. - traces

• Provided by Lofi Records

• Watch: https://youtu.be/py0tqrhMVII

• Download/Stream: https://fanlink.to/ElementsEP

⚠️ Disclaimer

Disclaimer video is for educational purpose only. Copyright Disclaimer Under Section 107 of the Copyright Act 1976, allowance is made for "fair use" for purposes such as criticism, comment, news reporting, teaching, scholarship, and research. Fair use is a use permitted by copyright statute that might otherwise be infringing. Non-profit, educational or personal use tips the balance in favor of fair use

#codewithsadee #responsivewebsite #blogwebsite ... https://www.youtube.com/watch?v=HtRTmkd5Nsg