Create A Personal Business Website Portfolio From Scratch Using Only HTML, CSS and JavaScript
Learn how to create a multipage personal portfolio website using only HTML, CSS and JavaScript. Creating a simple website for your small business doesn't require any advanced technologies and libraries. You can get away with the basic languages for this, and in this video you will see exactly how this can be achieved. Here are some of the key features and things you will learn:
Key Features:
Multiple pages with transition animations
Modern lightweight and clean design using modern CSS code
Fully responsive with minimal use of media queries
Fully functioning and responsive sidebar
Working contact form design with Netlify forms (No backend code)
Custom redirect success page after the form has been submitted successfully
And much more...
Get The Source Code From All Of My Videos:
https://www.buymeacoffee.com/webcode/...
Project Dependencies:
-----------------
Image Files:
https://drive.google.com/drive/folder...
Font Awesome:
https://fontawesome.com
Google Font:
https://fonts.google.com/specimen/Roboto
Netlify:
https://www.netlify.com/
-----------------
Design inspiration:
https://www.wix.com/website/templates...
I do not own any of the images used in this video. All images are simply used as placeholders for the design.
Don't hesitate to ask for help if you face any trouble re-creating a project from any of my videos. I will gladly help :)
All of my project are made from scratch by yours truly. I don't take anyone's code as my own, but I do often see my code being copied and pasted into other channels for their tutorials, so of you see an exact copy of a project on another tutorial, just know that the one on my channel is the original one.
Timestamps
0:00 Intro
0:11 Preview
3:39 Starter Template
3:51 HTML About Me Page
6:40 HTML Resume Page
11:23 HTML Projects Page
14:11 HTML Contact Page
16:46 HTML Success Page
18:22 CSS Global and About Me Styles
22:55 CSS Resume Styles
25:04 CSS Project Styles
26:04 CSS Contact Styles
27:23 CSS Success Styles
27:47 CSS Media Queries and Keyframes
29:38 JavaScript
30:27 Netlify Setup & Upload
Extra Links:
-----------------
Follow me on Instagram:
/ quickcodingtuts
My Products:
https://www.buymeacoffee.com/webcode/...
Support Me To Keep Creating And Improving My Content:
https://www.buymeacoffee.com/webcode/...
Tags:
-----------------
#portfolio
#website
#html
