Product Landing Page need Help


this is the link
plz tell me how to add link img

Hello,

      <img id="here should be your image id" src="image address should be here" alt="Obaid TECH" />
    </div>```

Hope this helps
1 Like

Can u help me that from where i can get logo img

I’m not sure if codepen allows to upload your own designs, but you can use any image from the web:

Lets say you want upload this image:

overleaf_og logo

just type:
<img src='//cdck-file-uploads-global.s3.dualstack.us-west-2.amazonaws.com/freecodecamp/original/3X/b/d/bde9af72e34ff1385925e07d39a4243d965dc6dd.png' alt="overleaf_og logo">

I hope this helps

1 Like

why the li element in the nav tag is displayed in the bottom help!!

You can host your own designs on Dropbox, AWS S3 etc and then link to the design via the image src attr

1 Like

So in your CSS you had set the height of .page to 800px and the navbar was outside of that, meaning that it was way down the bottom. Putting you navbar inside your header seems to do the trick I think you’re looking for.

https://codepen.io/danomah/pen/pZvdWN?editors=1100

how the (product) and the logo pic whould be displayed in one line

I forked your pen and played with it a small bit. I think this is slightly what you might be suggesting you want? It’s enough to get you going anyway. Have fun!

https://codepen.io/danomah/pen/RBPpzG?editors=1100

1 Like

now all work is okay thanks for your help
but plz tell me how can i get logo of my choice on website

Have you got a dropbox account? You can host your images there. Upload your image and then get the link via the Share icon. Paste that link as the image src attribute. One thing to note is that you need to replace the address www.dropbox.com with dl.dropboxusercontent.com. Example below:

https://codepen.io/danomah/pen/RBPpzG?editors=1100

1 Like