Buidling a product landing page

[Lucien516]

Tell us what’s happening:
I am working on the project “building a product landing page”. I am on question #2 where I have to add an image logo. I keep noticing I am having issues in this project as well as the projects before when it comes to uploading images. The images never show up on the preview screen when I copy the links and paste them in HTML format. Can someone let me know what I am doing wrong?

Your code so far

<header id="header"

<img src="http://clipart-library.com/images/rcjGLL5Li.png">

</header> 

(side note the image code is
<img src="http://clipart-library.com/images/rcjGLL5Li.png"> , when I type it above the actually image is trying to post so I would like for you to see the code I am trying to post.

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:100.0) Gecko/20100101 Firefox/100.0

Challenge: Build a Product Landing Page

Link to the challenge:

freeCodeCamp.org

[lasjorg]

The URL has to use https

http://clipart-library.com/images/rcjGLL5Li.png

But that will not work with that image. See if you can find another one.

Edit: Or download the image and then upload it somewhere else that does support https. There are image hosts you can use or you can use GitHub.

How to make a picture in your github for your portofolio page?

Create a new repository. Upload the file (click the Upload files button) and when done click the file to open it. You now have to get the raw version. One option is to just append ?raw=true to the end of the URL in the address bar, press enter and copy the URL. Or you can right-click the image and select “Copy image address/location” (menu option depends on the browser) and then paste that into the address bar and copy the URL. The URL for the image should start with raw.githubuserconten…

[lasjorg]

I’ve edited your post for readability. When you enter a code block into a forum post, please precede it with a separate line of three backticks and follow it with a separate line of three backticks to make it easier to read.

You can also use the “preformatted text” tool in the editor (</>) to add backticks around text.

See this post to find the backtick on your keyboard.
Note: Backticks (`) are not single quotes (’).

[Lucien516]

Thank you for your response, I have done the instructions that you assisted me with and I have got this code from github ‘https://raw.githubusercontent.com/pluc516/logo/main/11108446.jp’ and it still is not showing up on the freecodecamp preview section on the project. Any other ideas why? Appreciate the help

[lasjorg]

You are missing the g in .jpg

https://raw.githubusercontent.com/pluc516/logo/main/11108446.jpg

[Lucien516]

@Lucien516

‘https://raw.githubusercontent.com/pluc516/logo/main/11108446.jp’

It worked ! Thanks for your help.