Portfolio website HTML CSS, with the best design you have ever seen here on youtube. The is a complete guard tutorial on how to create a personal portfolio website from scratch, and after we are done with the creation, we will then get a free domain name and upload the website online for free using Netlify. We will also collect the messages from the portfolio website contact form for free on Netlify.
Subscribe for more tutorials like this ► https://www.youtube.com/c/owoldestiny?view_as=subscriber?sub_confirmation=1
Full playlist: https://youtube.com/playlist?list=PLuRyDR8FD_ZfVfe7fMTqkBDE0m3IeHzK-
A Personal Portfolio website that follows the design of today, if your portfolio website still follows the design of the past decades, then am sorry to say, No one is willing to waste their eyes on those website designs that suck.
This is the second in the series of creating a Modern personal portfolio website from scratch using HTML, CSS, and JavaScript. In this part two, we are going to be creating the About section for the portfolio website.
If you just started the journey to becoming a website developer, it is quite hard to create your dream portfolio website. I remembered my time when starting to learn to code, I recreated my personal portfolio 4 times, hmm, it was so frustrating because the more I learn the more the portfolio sucks to me.
These are what we will accomplish in this series:
- Create a modern portfolio website from scratch - step-by-step.
- Upload the website to a server using Netlify for free.
- Get a domain name for free and link it to our personal portfolio.
- Collect contact messages from the portfolio using Netlify.
All these are going to be done for free. If this is something you are interested in then, you have to watch the series to the end.VIDEO
TIMELINE:
0:00 - Intro
1:10 - Setting up files & folder
6:00 - Studying the portfolio Menu design in Figma
7:10 - Writing the HTML for the Menu
15:38 - Writing the CSS global styling code
37:11 - Writing the CSS for the whole Header
38:26 - Writing the CSS for the Menu
46:15 - HTML code for the portfolio Showcase area
53:50 - Writing the CSS for the Showcase
1:00:00 - Writing media queries for the Showcase mobile version
1:08:50 - Writing media queries for the Menu mobile version
1:22:50 - Styling the buttons & headText
1:33:15 - Global styling media queries for website
1:36:45 - Outro
Get the starter file:- https://drive.google.com/file/d/1anOk9-3wSAH7JstwBZT0ASnYTwXqse1g/view?usp=sharing
Get the Design files on Figma:- https://www.figma.com/file/Z19vq10WKxIS68Uwyxmvxu/Modern-Responsive-Personal-Portfolio-Website-John-patrick?node-id=0%3A1
MY GEARS:
Desktop 1:- https://amzn.to/3yeiO3O
Desktop 2:- https://amzn.to/2QjNtf7
Microphone:- https://amzn.to/3uOokrH
Webcam:- https://amzn.to/2RSi04b
Hire me: https://www.upwork.com/freelancers/~016978b87285d4115aInstagram: https://www.instagram.com/owoldestiny/Facebook: https://web.facebook.com/owoldestiny
#html #css #website #portfolio #webdevelopment
#html #css #javascript #web-development #portfolio #developer
