Find the perfect coding resourcesLearn more

Build and Deploy Your Portfolio

ScrimbaScrimba
Recommended
Meet Your Instructor
Kevin Powell avatar

Kevin Powell

Instructor

CSS expert and educator with over 300,000 YouTube followers. Specializes in teaching responsive web design and making CSS accessible and enjoyable for developers.

2h 24m

Completion

Certificate included

Format

Interactive coding

Free

What You'll Learn

Set up a basic HTML structure for a webpage

Implement custom properties and general styles using CSS

Style titles and subtitles for visual hierarchy

Build an intro section with clear text formatting

Design the services section with appropriate layout

Overview

As developers and designers, we need ways to showcase our skills to potential employers. There's no better way of doing this than a dedicated portfolio page. It gives you full control of how you'd like to present yourself. In this course, the brilliant teacher Kevin Powell will take you through every single step of building a neat-looking portfolio website. You'll also learn to customize it to suit your personal style. This hands-on course ensures you'll have a professional portfolio ready to impress. Towards the end of the course, Kevin shows you how to deploy the site to DigitalOcean, so that you will end up with a live website upon completing the course! As a part of the course, you'll get $100 in free credits from DigitalOcean (new accounts only) so that you won't need to pay to get your site off the ground. The credits are valid for 60 days, so you'll have plenty of time to deploy and experiment with your live site without having to pay. This makes it perfect for students and beginners who want to get their portfolio online without upfront costs. This course will teach you not just to build, but also to deploy a professional portfolio that showcases your skills and experience to potential employers in the best possible light.

Table of Contents
1
Introduction
2
Setting things up - HTML
3
The header area - HTML
4
Intro section
5
About me, Work and Footer - HTML
6
Setting up the custom properties and general styles
7
Styling the titles and subtitles
8
Setting up the intro section
9
Styling the services section
10
The About me section
11
The portfolio
12
Adding the social icons with Font Awesome
13
Styling the footer
14
Setting up the navigation styles
15
Creating the hamburger
16
Adding the JS
17
Creating the portfolio item page
18
Customizing your page
19
DigitalOcean Droplets - What they are and how to set one up
20
DigitalOcean Droplets - Uploading files via FTP
21
Congratulations

Share Your Experience

Sign in to leave a review and help others

No reviews yet. Be the first to review!