Build a Responsive Online Portfolio from scratch!

In this video, I am going to show you how to build a Personal Portfolio or website that looks great on mobile, tablet and desktop (so in other words, we will make it responsive!). We will be doing this with HTML and CSS, with the tiniest bit of JavaScript. So if you don't know how to use Javascript, don't worry, you can still code along.

This video is perfect for those looking to learn/improve their CSS and HTML skills.

At the end we deploy the site to a .com website so you can share it with your friends. Hostinger have kindly given a 10% discount to sign up to anyone who watches this video with packages starting from 99p a month. To get 10% off on Hostinger use code ANIAKUBOW on this link here: https://www.hostinger.com/aniakubow

What this site should look like by the end: http://breakout-ania-kubow.com/

Video content:
00:00 Introduction
03:52 Getting our .com domain
05:43 File Setup
09:18 Website layout in HTML
15:41 Making a Nav bar
20:31 Making a 'Hero' Section
48:20 Making an 'About Me' Section
55:52 Making a 'Projects' Section
01:08:35 Using Anchor Links
01:12:57 Using media query for tailored views on mobile, tablet and desktop
01:14:50 Making a Hamburger drop-down menu
01:23:55 Deploying our website onto the internet with SSL

GitHub Link: https://github.com/kubowania/responsive-portfolio

___
⭐ New to code and none of this is making sense? Watch my '12hr+ YouTube Coding Bootcamp' in which you will learn HMTL,CSS and JavaScript Fundamentals completely from scratch. It's on my channel and its 100% free.

⭐ In most videos I use Tabnine as my A.I autocompletion tool. You can download it for free here: http://bit.ly/tabnine-top-tool

⭐ You can get a blockchain domain with my affiliate link here: http://bit.ly/get-a-crypto-domain

⭐ If you would like to buy me a coffee, well thank you very much that is mega kind! : https://www.buymeacoffee.com/aniakubow

⭐ Sign up for weekly coding tips from my newsletter partnership: https://bit.ly/JS-tips

You can also find me on:
Twitter: https://twitter.com/ania_kubow
Instagram: https://instagram.com/aniakubow

#codingbootcamp​ #coding

Видео Build a Responsive Online Portfolio from scratch! канала Code with Ania Kubów