# How to include thumbnails for Personal Portfolio Project **URL:** \ **Category:** General\ **Created:** [May 30, 2017, 11:26am UTC](https://forum.freecodecamp.org/t/how-to-include-thumbnails-for-personal-portfolio-project/121523 "2017-05-30T11:26:46Z")\ **Posts on this page:** 9\ **Page:** 1
**Author:** ![jmsbdupre](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jmsbdupre/32/55224_2.png) [@jmsbdupre](https://forum.freecodecamp.org/u/jmsbdupre)\ **Post date:** [May 30, 2017, 11:26am UTC](https://forum.freecodecamp.org/t/how-to-include-thumbnails-for-personal-portfolio-project/121523/1 "2017-05-30T11:26:46Z")
Hi, I am wondering how thumbnail images of websites are created to be put onto a grid row. Is there a special API or is it just about taking a screen shot of the website and use it as an image, then link it to the web address? Many thanks, Kind regards, Jasmine ---
**Author:** ![kevcomedia](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kevcomedia/32/125737_2.png) [@kevcomedia](https://forum.freecodecamp.org/u/kevcomedia)\ **Post date:** [May 30, 2017, 12:13pm UTC](https://forum.freecodecamp.org/t/how-to-include-thumbnails-for-personal-portfolio-project/121523/2 "2017-05-30T12:13:37Z")
You can always take a screenshot of your page. Chrome has a “Capture screenshot” option when you open the devtools. ---
**Author:** ![jmsbdupre](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jmsbdupre/32/55224_2.png) [@jmsbdupre](https://forum.freecodecamp.org/u/jmsbdupre)\ **Post date:** [May 30, 2017, 12:19pm UTC](https://forum.freecodecamp.org/t/how-to-include-thumbnails-for-personal-portfolio-project/121523/3 "2017-05-30T12:19:15Z")
Hi Kev, I knew that but was wondering if there is other ways than taking a screen shot. Thanks, Kind regards, Jasmine ---
**Author:** ![kevcomedia](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/kevcomedia/32/125737_2.png) [@kevcomedia](https://forum.freecodecamp.org/u/kevcomedia)\ **Post date:** [May 30, 2017, 12:24pm UTC](https://forum.freecodecamp.org/t/how-to-include-thumbnails-for-personal-portfolio-project/121523/4 "2017-05-30T12:24:18Z")
This one looks promising. I don’t know if there are usage limitations though [https://screenshotmachine.com/](https://screenshotmachine.com/) ---
**Author:** ![jmsbdupre](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jmsbdupre/32/55224_2.png) [@jmsbdupre](https://forum.freecodecamp.org/u/jmsbdupre)\ **Post date:** [May 30, 2017, 12:30pm UTC](https://forum.freecodecamp.org/t/how-to-include-thumbnails-for-personal-portfolio-project/121523/5 "2017-05-30T12:30:17Z")
Ah, thanks. So I guess there isn’t a special class to include website thumbnail. Everything has to be done via screen shots… Thanks. Jasmine ---
**Author:** ![fj2083](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/fj2083/32/8746_2.png) [@fj2083](https://forum.freecodecamp.org/u/fj2083)\ **Post date:** [May 30, 2017, 1:35pm UTC](https://forum.freecodecamp.org/t/how-to-include-thumbnails-for-personal-portfolio-project/121523/6 "2017-05-30T13:35:37Z")
Have you tried using an iframe element? It accepts a url value in its src attribute. Not sure what platform you are using for your project but maybe try iframe src=“url”\>page name\” end since I left them out since this post was generating an iframe lol. ---
**Author:** ![jmsbdupre](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/jmsbdupre/32/55224_2.png) [@jmsbdupre](https://forum.freecodecamp.org/u/jmsbdupre)\ **Post date:** [May 30, 2017, 1:42pm UTC](https://forum.freecodecamp.org/t/how-to-include-thumbnails-for-personal-portfolio-project/121523/7 "2017-05-30T13:42:31Z")
Hi, I haven’t. will need to understand what iFrame is first but will give it a go. Thanks! Jasmine ---
**Author:** ![fj2083](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/fj2083/32/8746_2.png) [@fj2083](https://forum.freecodecamp.org/u/fj2083)\ **Post date:** [May 30, 2017, 1:45pm UTC](https://forum.freecodecamp.org/t/how-to-include-thumbnails-for-personal-portfolio-project/121523/8 "2017-05-30T13:45:45Z")
I just finished reading through a book on html and css by Shay Howe Here’s a link to his online version, look under “Adding inline-frames” [http://learn.shayhowe.com/html-css/adding-media/](http://learn.shayhowe.com/html-css/adding-media/) Hope it helps ---
**Author:** ![ILM](https://sea3.discourse-cdn.com/freecodecamp/user_avatar/forum.freecodecamp.org/ilm/32/363239_2.png) [@ILM](https://forum.freecodecamp.org/u/ILM)\ **Post date:** [January 17, 2021, 9:37am UTC](https://forum.freecodecamp.org/t/how-to-include-thumbnails-for-personal-portfolio-project/121523/9 "2021-01-17T09:37:22Z")