Complete Responsive Personal Portfolio Website Design Using HTML CSS JavaScript

Pubblicato il: 05 febbraio 2023
sul canale di: Coder Mj

4,000

208

Learn how to make a complete responsive personal portfolio website design using HTML CSS and javascript by watching this step-by-step portfolio website design tutorial video for beginners.

By the end of the tutorial, you will have a fully functioning portfolio website that you can use to showcase your skills and projects to the world. Whether you're looking to start a career in web development or want to learn how to create a website for fun, this video has got you covered.

Please watch till the end of this video to learn how you can make a portfolio website project step by step.

🛒 Get full project 👇, and support me 💝
https://www.buymeacoffee.com/the.code...

🌄 Get project Images for Free
https://github.com/mjshofy/responsive...

🔔 Subscribe Now!
‪@the.codermj‬

🛒 Get the best deals: https://bio.link/mjshofy

▶️ Watch more:
Build a complete responsive 🛍️ E-commerce website:
   • How to Create a Complete Responsive E-comm...

How to make a Full 🏨 real estate website design tutorial:
   • How To Make a Complete Responsive Real Est...

Create a ✈️ traveling website from scratch:
   • How to Build a Responsive Tourism Website ...

📃 Visit playlists to watch more:
Full website design tutorial videos:    • Complete Responsive Website Using HTML, CS...
Website banner section design:    • Website Banner Section Design In HTML CSS ...

⏲ Timestamps:
00:00 Full design intro
01:35 Project file structure
02:12 Project Setup
02:42 HTML markup for header navigation
04:20 Base CSS styles
06:06 CSS style for website header section
09:00 Style for the hamburger menu icon
11:33 Activate the hamburger menu
12:50 Mobile navigation
17:03 Website banner section markup and style
27:46 Adding reusable CSS style at the top
33:08 Performance section markup and style
39:46 Website portfolio section design
47:11 About me section design
51:00 CTA section markup and style
58:15 Website footer section markup and style
01:03:50 Adding a smooth scroll effect
01:04:43 Code for sticky navigation bar design

Download project Images for free and start coding from scratch!
https://drive.google.com/drive/folder...

Externals:
Icon -- https://boxicons.com/
Font -- https://fonts.google.com/

\\ My GitHub profile: https://github.com/mjshofy
\\ Editor: Visual Studio Code with Tokyo Tight Theme

Thank you for watching.
codermj
____________________________________________________________________
#websitedesign #htmlcss #portfoliowebsite #learntocode #coding

In questa pagina del sito puoi guardare il video online Complete Responsive Personal Portfolio Website Design Using HTML CSS JavaScript della durata di ore minuti seconda in buona qualità , che l'utente ha caricato Coder Mj 05 febbraio 2023, condividi il link con amici e conoscenti, su youtube questo video è già stato visto 4,000 volte e gli è piaciuto 208 spettatori. Buona visione!

7,186