ASMR Programming - Responsive Educational Website - No Talking
🌐 Welcome to AsmrProg, where we dive into the world of web coding! In this tutorial, I walk you through the creation of a responsive educational website using HTML and CSS.
🎓 Throughout this video, I'll guide you step-by-step as we construct a sleek and functional website tailored for learners of all kinds. From HTML markup to CSS styling, we'll cover everything you need to know to create a responsive layout that looks great on desktops, tablets, and smartphones alike.
📝 Along the way, we'll explore key concepts such as media queries, flexbox divs, and fluid typography, empowering you to build websites that not only look professional but also provide an optimal user experience across various devices and screen sizes.
🚀 Whether you're a beginner looking to expand your coding skills or a seasoned developer seeking to enhance your understanding of responsive design principles, this tutorial has something for everyone. Join me as we embark on this coding journey together and unlock the potential of responsive web development!
Source Code : https://github.com/AsmrProg-YT/Educat...
Responsive Portfolio Designs Playlist : • Responsive Personal Portfolios Coding
Join the full "100 Days Of JavaScript Code - Web Development Bootcamp" course :
• 100 Days of JavaScript Coding
Keyboard Info : Skyloong GK61 Pro
Keyboard Link : https://skyloongtech.com/skyloong-gk6...
Skyloong Instagram : / skyloong_official
Email : [email protected]
Facebook : / skyloongvip
Youtube : / @skyloong
Web Design Coding Bootcamp Playlist : • ASMR Web Design Bootcamp
source of all projects also will upload in AsmrProg github page :
https://github.com/AsmrProg-YT
Video Contents :
00:00:00 - intro
00:01:40 - Warming hands
00:01:46 - Main codes
00:02:18 - Adding icons
00:02:40 - Google fonts
00:03:22 - Navbar
00:05:30 - Navbar styles
00:09:00 - Header
00:10:20 - Header styles
00:14:50 - Courses
00:16:40 - Courses styles
00:27:22 - Comments
00:29:16 - Comments styles
00:32:18 - Podcasts
00:34:24 - Podcasts styles
00:38:38 - Articles
00:40:20 - Articles styles
00:43:23 - Footer
00:44:45 - Footer styles
00:47:27 - Responsive Check
00:47:47 - 1200px
00:51:18 - 940px
00:55:38 - 768px
00:59:17 - Mobile responsive
01:02:15 - Final Result
Asmr Game Coding Playlist : • JavaScript Game Coding
Other Video's :
Coding IOS (Iphone) Calendar : • ASMR Programming - Coding IOS (Iphone...
Coding IOS (IPhone) Dynamic Music : • ASMR Programming - Coding IOS (IPhone...
Coding a Snake Game : • ASMR Programming - Coding a Snake Gam...
Movie Guide App Coding : • ASMR Programming - Movie Guide App Wi...
Coding IOS (IPhone) Dynamic Music : • ASMR Programming - Coding IOS (IPhone...
Subscriptions, good comments and likes are great support for me 😍
Don't re-upload or edit the videos on your channel.
All copyrights by AsmrProg.
About AsmrProg Channel :
Here I upload ASMR programming tutorials related to HTML, CSS, Sass, JavaScript, React, PHP, Frameworks such as Bootstrap and more along with creative UI/UX Designs.
AsmrProg is a community for web developers from all levels to learn and grow their skills in front-end and back-end web development.
AsmrProg
Asmr Prog
ASMR Programming
ASMR Coding
ASMR keyboard typing
ASMR web design
ASMR coding html
ASMR coding website
No Talking ASMR
No Talking Coding
No Talking Programming
Watch video ASMR Programming - Responsive Educational Website - No Talking online without registration, duration hours minute second in high quality. This video was added by user AsmrProg 06 March 2024, don't forget to share it with your friends and acquaintances, it has been viewed on our site 23,402 once and liked it 955 people.