DEV Community

Ania Kubow
Ania Kubow

Posted on

2

Build a Responsive Online Portfolio (video)

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 get 10% off on Hostinger use code ANIAKUBOW on this link here: https://www.hostinger.com/aniakubow

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


Other links:
In this video I use Tabnine as my A.I autocompletion tool. You can download it for free here: http://bit.ly/tabnine-free

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://www.instagram.com/aniakubow

Image of Timescale

🚀 pgai Vectorizer: SQLAlchemy and LiteLLM Make Vector Search Simple

We built pgai Vectorizer to simplify embedding management for AI applications—without needing a separate database or complex infrastructure. Since launch, developers have created over 3,000 vectorizers on Timescale Cloud, with many more self-hosted.

Read more

Top comments (0)