Product Landing Page - Build a Product Landing Page

HTML-CSS
1

Tell us what’s happening:

Describe your issue in detail here.
Im trying to use an image from my downloads, but it seems my file path may be wrong, ive tried several different downloads, i changed them to jpeg but still only getting the placeholder, i guess i cant figure out my file path?

Your code so far

<!-- file: index.html -->
<!DOCTYPE html>
<html lang="en">

<head>
  <title>GrahamTec Audio</title>
  <meta charset="UTF-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <link rel="stylesheet" href="styles.css" />
</head>

<body>
  <header id="header">
    <img src="cartoon-octopus-drawing-silhouette.jpg" alt="pic of octopus logo" width="250" height="250">
    </img>
  </header>
</body>

</html>

/* file: styles.css */

Your browser information:

User Agent is: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/119.0.0.0 Safari/537.36

Challenge Information:

Product Landing Page - Build a Product Landing Page

2

You appear to have created this post without editing the template. Please edit your post to Tell us what’s happening in your own words.
Learning to describe problems is hard, but it is an important part of learning how to code.
Also, the more you say, the more we can help!

3

you dont need this img is self closing tag

1 Like
4

thanks, got rid of that but still no pic.

5

go to Free Vectors - Download vector images on Freepik
pick some img you like ,copy the img addres and paste it in your img src

1 Like
6

Ive tried that several times , but all i get is the placeholder. I dont know im missing something small probably.

7

the url start with “https://img.freepik.com/free-vector/cute-octopus-cartoon_96037-463.jpg?size=626&ext=jpg&ga=GA1.1.1305685352.1701193182&semt=ais”

your src

1 Like
8

adding Images in HTML

some docs…

9

Thank you it worked, where did you find the full url? and thanks for the Doc reading over it now.

1 Like
10

I still dont know how you found that URL? can you walk me thru that?

1 Like
11

right click on the picture you like and you get the option copy img addres
when you copy , you can paste it in the img src and thet is it…

1 Like
12

Thanks , cant believe i starred at this screen for so long and couldnt figure that out!

2 Likes
13

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