Full Responsive News Website Using HTML CSS & JavaScript | Fetch API
In this video you will learn how to create a fully responsive news website using HTML CSS & JavaScript and dynamically add latest news using Fetch API
TIMESTAMPS:
0:00 Intro
3:10 Navbar
9:00 Page 1 HTML
12:13 Styling Breaking News Section
16:24 Styling Top Headlines Section
21:55 Custom Scroll Bar
23:55 Page 2 HTML (Different Category News with News Cards)
26:40 Styling News Cards
33:10 News API Website
33:55 Fetching News data using Fetch API
38:18 Dynamically adding Breaking News from Data received
45:00 Dynamically adding Top Headlines
51:32 Dynamically Adding different category News
57:00 Footer
1:13:33 Sticky navbar using JavaScript
1:18:12 Using media query (1024px)
1:25:48 Using media query (768px)
1:26:38 Adding Hamburger menu button
1:39:20 Using media query (600px)
1:47:33 Using media query (425px)
Subscribe For More Free Tutorials and Source Code:
➤ [ Ссылка ]
Download Source Codes from here
➤ [ Ссылка ]
CHECK OUT OUR OTHER VIDEOS
Complete Responsive Personal Portfolio Website
➤ [ Ссылка ]
Login Page Using HTML & CSS
➤ [ Ссылка ]
Responsive Admin Dashboard Panel
➤ [ Ссылка ]
#html #css #javascript #responsive_web_design #news_website #responsive #websitedevelopment
Create your own News Website using HTML CSS JavaScript
Теги
news website html css javascriptresponsive website html csshow to make a website using html and csshow to create a website using html and csshtml css website design tutorialhow to create website using htmlhow to create a website using htmlhow to create news website htmlnews website html codenews website html cssnews websitehtml css websitefetch apinews website using fetch apifetch api javascripthow to use fetch api