DEV Community

Deni Toshevski
Deni Toshevski

Posted on

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

#explainlikeimfive #javascript #beginners #help

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.

Read next

ashokadmin profile image

ESG: Transforming Business Practices for Environmental and Social Impact

Ashok Admin -

michaeltharrington profile image

What are you learning about this weekend? 🧠

Michael Tharrington -

tapuchandramojumder profile image

Understanding valueOf() and toString() in JavaScript

tapuchandramojumder -

mjgs profile image

Latest Newsletter: Good Output (Issue #159)

Mark Smith -