ASMR Programming - Multi Page Portfolio Website - No Talking
Description: Create a Responsive Multi Page Portfolio Website using HTML and CSS only!
In this tutorial, I'm going to show you how to use modern HTML and CSS to create a completely responsive Multi Page Website with awesome color theme. We'll be using CSS Flexbox, Media queries for our responsive design and CSS transition for some cool animation effects. This project have 5 pages : Home, Works, Simple-Work, Blog and About 😉
Source Code : https://github.com/AsmrProg-YT/Personal-Portfolios
Responsive Portfolio Designs Playlist : https://www.youtube.com/playlist?list=PLkC56g8fboI3djlKjBtkw2W-Ryyeym98w
Join the full "100 Days Of JavaScript Code - Web Development Bootcamp" course :
https://www.youtube.com/playlist?list=PLkC56g8fboI0HghByzVuD2Vz8ROUXfF_j
Keyboard Info : Epomaker TH80 X
Keyboard Link :https://epomaker.com/products/epomaker-th80-x?variant=46652260942132
Epomaker Instagram : https://www.instagram.com/epomakerkeyboard/
Email : support@epomaker.com
Discord : https://discord.gg/epomaker
Facebook : http://facebook.com/Epomaker
Youtube : @Epomaker
Web Design Coding Bootcamp Playlist : https://www.youtube.com/playlist?list=PLkC56g8fboI0QgD6VvH5TN0Nm1i5dVITH
source of all projects also will upload in AsmrProg github page :
https://github.com/AsmrProg-YT
Video Contents :
00:00:00 - Intro
00:01:46 - Warming hands
00:01:53 - Main codes
00:02:19 - Adding icons
00:02:33 - Adding font
00:03:02 - Navbar
00:04:17 - Default styles
00:04:54 - Navbar styles
00:07:40 - Main section
00:08:24 - Main section styles
00:11:27 - Recent blogs
00:13:06 - Recent styles
00:15:51 - Featured
00:18:02 - Featured styles
00:21:37 - Footer
00:22:56 - Footer styles
00:24:26 - Works page
00:28:32 - Works page styles
00:31:06 - Single work page
00:34:48 - Single work styles
00:37:36 - Blog page
00:40:35 - Blog styles
00:45:07 - About page
00:47:05 - Blog other styles
00:48:26 - About styles
00:50:07 - First result
00:51:06 - Responsive 1400px
00:53:56 - Responsive 1200px
00:59:25 - Responsive 992px
01:06:50 - Mobile responsive
01:09:38 - Final Result
Asmr Game Coding Playlist : https://www.youtube.com/playlist?list=PLkC56g8fboI3nNZQS2mb6kCqK9yS0XgD9
Other Video's :
Coding IOS (Iphone) Calendar : https://youtu.be/uy4f2Pn9FaY
Coding IOS (IPhone) Dynamic Music : https://youtu.be/W5LPcpIRLzs
Coding a Snake Game : https://youtu.be/wM7eMJ26kc8
Movie Guide App Coding : https://youtu.be/J6uam9jEmDU
Coding IOS (IPhone) Dynamic Music : https://youtu.be/W5LPcpIRLzs
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 Close description
In this tutorial, I'm going to show you how to use modern HTML and CSS to create a completely responsive Multi Page Website with awesome color theme. We'll be using CSS Flexbox, Media queries for our responsive design and CSS transition for some cool animation effects. This project have 5 pages : Home, Works, Simple-Work, Blog and About 😉
Source Code : https://github.com/AsmrProg-YT/Personal-Portfolios
Responsive Portfolio Designs Playlist : https://www.youtube.com/playlist?list=PLkC56g8fboI3djlKjBtkw2W-Ryyeym98w
Join the full "100 Days Of JavaScript Code - Web Development Bootcamp" course :
https://www.youtube.com/playlist?list=PLkC56g8fboI0HghByzVuD2Vz8ROUXfF_j
Keyboard Info : Epomaker TH80 X
Keyboard Link :https://epomaker.com/products/epomaker-th80-x?variant=46652260942132
Epomaker Instagram : https://www.instagram.com/epomakerkeyboard/
Email : support@epomaker.com
Discord : https://discord.gg/epomaker
Facebook : http://facebook.com/Epomaker
Youtube : @Epomaker
Web Design Coding Bootcamp Playlist : https://www.youtube.com/playlist?list=PLkC56g8fboI0QgD6VvH5TN0Nm1i5dVITH
source of all projects also will upload in AsmrProg github page :
https://github.com/AsmrProg-YT
Video Contents :
00:00:00 - Intro
00:01:46 - Warming hands
00:01:53 - Main codes
00:02:19 - Adding icons
00:02:33 - Adding font
00:03:02 - Navbar
00:04:17 - Default styles
00:04:54 - Navbar styles
00:07:40 - Main section
00:08:24 - Main section styles
00:11:27 - Recent blogs
00:13:06 - Recent styles
00:15:51 - Featured
00:18:02 - Featured styles
00:21:37 - Footer
00:22:56 - Footer styles
00:24:26 - Works page
00:28:32 - Works page styles
00:31:06 - Single work page
00:34:48 - Single work styles
00:37:36 - Blog page
00:40:35 - Blog styles
00:45:07 - About page
00:47:05 - Blog other styles
00:48:26 - About styles
00:50:07 - First result
00:51:06 - Responsive 1400px
00:53:56 - Responsive 1200px
00:59:25 - Responsive 992px
01:06:50 - Mobile responsive
01:09:38 - Final Result
Asmr Game Coding Playlist : https://www.youtube.com/playlist?list=PLkC56g8fboI3nNZQS2mb6kCqK9yS0XgD9
Other Video's :
Coding IOS (Iphone) Calendar : https://youtu.be/uy4f2Pn9FaY
Coding IOS (IPhone) Dynamic Music : https://youtu.be/W5LPcpIRLzs
Coding a Snake Game : https://youtu.be/wM7eMJ26kc8
Movie Guide App Coding : https://youtu.be/J6uam9jEmDU
Coding IOS (IPhone) Dynamic Music : https://youtu.be/W5LPcpIRLzs
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 Close description
