Responsive Portfolio Website Tutorial | HTML and CSS

Описание

Hey Guys, In this video we will create a responsive portfolio website using HTML and CSS. I decided to create a white themed, very minimal and elegant design with four sections - Home, Projects, About and Contact. Pretty much all you need to have in a portfolio website. :D

If you enjoyed this video, don't forget to hit that like button and subscribe for more videos like these!

Get the starter project files here : http://www.mediafire.com/file/y54dlsl77joailr/portfolioWeb.zip/file

Fonts used:
Raleway and Bebas Nue

Timestamps:
00:00 Website Intro
01:11 Project File Structure and getting started
03:05 Coding section one - Homepage
05:53 Coding section two - Projects
11:57 Coding section three - About
15:57 Coding section four - Contact
21:30 Making things responsive
26:09 Adding GSAP smooth scroll and animations

Social:
Dribbble: https://dribbble.com/TheDesignMedium
Instagram: https://www.instagram.com/thedesignmedium

Web Design Playlist:
https://www.youtube.com/playlist?list=PLEg2J3JpKlQt5YihPkqsnHET9MbiDHEs6

Music:
Track: Blossom — SOMM [Audio Library Release]
Music provided by Audio Library Plus
Watch: https://youtu.be/Lm7N-qVHI4o
Free Download / Stream: https://alplus.io/blossom

Track: Moment — Amine Maxwell [Audio Library Release]
Music provided by Audio Library Plus
Watch: https://youtu.be/VsRtJMPwkRE
Free Download / Stream: https://alplus.io/moment

#portfoliowebsite #responsivedesign #designportfolio