Skip to content

How to show a demo of a website on portfolio website?

twitter logo github logo ・1 min read  

I wanted to make a portfolio website, but how do I show my other websites that I have worked on as demo websites? So when a viewer clicks on a project website from my portfolio it opens as a demo website in a new tab.

twitter logo DISCUSS (2)
markdown guide

You can use the iframe html tag. like this

  <iframe src="https://your_demo_website_link">
     <p>Your browser does not support iframes.</p>

And it's customizable. you can read more about on HTML iframe Tag


I use the Giphy app for Mac to make gifs of me clicking through the site. That way I don't need to host the app or if it changes it doesn't reflect on my work, but I still have a way to show it working and not just a screenshot.

Classic DEV Post from Mar 7

Let's talk about Linux

a tiny comic about Linux

Deni Toshevski profile image

Hey there reader...

Do you prefer sans serif over serif?

You can change your font preferences in the "misc" section of your settings. ❤️