Help with Adding Logo Image - Build a Product Landing Page

HTML-CSS
1

Hey Everyone,

I hope you’re all good! :slightly_smiling_face:

I’m wondering what the best way of saving an image (logo) I’ve made so I can paste it into the my landing page.

So I’ve got to the Product Landing Page Certification Project and I’m trying to personalise the page so I’m not just recreating the Original Trombones Page: Example Project Link. I’ve made a very basic logo, similar to the “original trombones” logo on the example landing page and would like to be able to insert it, but I’m having trouble getting my head around it.

This is the part of the code in the example that inserts the Original Trombones Logo.

 <div class="logo">
          <img
            id="header-img"
            src="https://cdn.freecodecamp.org/testable-projects-fcc/images/product-landing-page-logo.png"
            alt="original trombones logo"
          />

This is the logo I’ve made that I want to add to my header, I’ve also saved the image and opened it in a browser but the file link doesn’t work. Do I need to save the file as a different format? Do I need to host the image somewhere and copy and paste the URL instead?

annashouseplants logo
annashouseplants logo3178×520 74.3 KB

file:///C:/Users/Owner/OneDrive/Pictures/annashouseplants%20logo.jpg

Any help would be great. I know it’s probably quite simple, but it’s the first time I’ve done it and my brain has stopped after a lot of googling.

I’ve been able to copy and paste images easily from google into other certification projects but would like to use my own images wherever possible in future.

Thank you for any advice. You guys are incredible!

Antonia

Link to Curriculum/Project

2

Hi there. I don’t think the freecodecamp editor supports adding files from one’s local computer (I might be wrong about this). I’d suggest that you host the image somewhere else, and then add the url to that image as the src.

And if I may ask, what did you use to create your logo? (It looks awesome btw :slight_smile: )

3

Hey :slight_smile:

Thank you so much for your help.

Ok, I thought that might be the case. I was thinking of just adding images to a flickr account or something and copying them in from there. I think I’ve got my head around it a bit more now. ?

Thank you for your comment about the logo. I just used powerpoint! It’s super quick and free. (maybe frowned upon slightly, I don’t know haha :wink:)

Have a lovely day!

Antonia

1 Like
4

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.