Build and Deploy portfolio website using HTML Tailwind CSS and Firebase.
I will show you complete step by step process of developing a web developer portfolio website with HTML, Tailwind CSS. After building the website we will deploy it using Firebase hosting services and we will give custom domain to our firebase website. Check out my following blog posts:- NVidia RTX 4090 vs RTX 3090 TI vs RTX 3090 https://premstechtips.com/nvidia-rtx-4090-vs-rtx-3090-ti/ INTEL’S 13TH GEN CORE I9-13900K REVIEW WITH BENCHMARK https://premstechtips.com/intels-13th-gen-core-i9-13900k-review-with-benchmark/ Budget PC build guide for Blender(Blog): https://premstechtips.com/budget-pc-build-guide-for-blender/ Chapters: 0:00 Project introduction 2:10 Project setup 3:34 Installing Tailwind CSS with NPM 10:09 Outlining structure of website with HTML 12:03 Styling Navigation bar 15:44 Creating hero section 21:24 Creating skills section 25:06 How to apply same style to different elements in Tailwind CSS 30:00 Creating YouTube section 34:35 creating services section 37:09 Setting background image with parallax effect 41:09 How to use icons from font awesome? 46:06 Creating project section 51:36 Creating Contact section 1:07:48 Adding animation to all sections 1:18:21 Making the webpage mobile friendly ( Responsive ) 1:28:26 How to host website with firebase 1:32:56 Adding custom domain to firebase hosted website Lets connect: website: thepremsagar.com Linked In: https://www.linkedin.com/in/prem-sagar-b45a4580/ Join my facebook page: https://www.facebook.com/groups/325415101888709 Instagram: https://www.instagram.com/entrepreneurprem/ Twitter: https://twitter.com/PremSagar24 Hashtags: #websitecreate, #portfoliowebsite, #webdevelopment
I will show you complete step by step process of developing a web developer portfolio website with HTML, Tailwind CSS. After building the website we will deploy it using Firebase hosting services and we will give custom domain to our firebase website. Check out my following blog posts:- NVidia RTX 4090 vs RTX 3090 TI vs RTX 3090 https://premstechtips.com/nvidia-rtx-4090-vs-rtx-3090-ti/ INTEL’S 13TH GEN CORE I9-13900K REVIEW WITH BENCHMARK https://premstechtips.com/intels-13th-gen-core-i9-13900k-review-with-benchmark/ Budget PC build guide for Blender(Blog): https://premstechtips.com/budget-pc-build-guide-for-blender/ Chapters: 0:00 Project introduction 2:10 Project setup 3:34 Installing Tailwind CSS with NPM 10:09 Outlining structure of website with HTML 12:03 Styling Navigation bar 15:44 Creating hero section 21:24 Creating skills section 25:06 How to apply same style to different elements in Tailwind CSS 30:00 Creating YouTube section 34:35 creating services section 37:09 Setting background image with parallax effect 41:09 How to use icons from font awesome? 46:06 Creating project section 51:36 Creating Contact section 1:07:48 Adding animation to all sections 1:18:21 Making the webpage mobile friendly ( Responsive ) 1:28:26 How to host website with firebase 1:32:56 Adding custom domain to firebase hosted website Lets connect: website: thepremsagar.com Linked In: https://www.linkedin.com/in/prem-sagar-b45a4580/ Join my facebook page: https://www.facebook.com/groups/325415101888709 Instagram: https://www.instagram.com/entrepreneurprem/ Twitter: https://twitter.com/PremSagar24 Hashtags: #websitecreate, #portfoliowebsite, #webdevelopment