DEV Community

Deni Toshevski
Deni Toshevski

Posted on

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

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.

Top comments (2)

Collapse
 
rnrnshn profile image
Olimpio

You can use the iframe html tag. like this

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

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

Collapse
 
itsasine profile image
ItsASine (Kayla)

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.