I’m struggling with getting the background image to show under the header "Dasmoto’s Arts & Crafts. I can’t find where the problem is happening. The rest of the document went pretty quick and I think looks alright but I cannot get that image to show under the text.
HTML code
Dasmoto's Arts & Crafts<body>
<div><h1>Dasmoto's Arts & Crafts</h1></div>
<div><h2 id="brushes">Brushes</h2>
<img id="hacksaw" src="C:\Codecademy\Online Projects\Pictures\hacksaw.jpeg">
<h3 id="hacksawbrush">Hacksaw Brushes</h3>
<p>Made of the highest quality oak, Hacksaw brushes are known for their weight and ability to hold paint in large amounts. Available in different sizes
<span class="hacksaw">starting at $3.00 / brush.</span></p>
</div><br>
<div><h2 id="frames">Frames</h2>
<img id="frames" src="C:\Codecademy\Online Projects\Pictures\frames.jpeg">
<h3 id="hacksawbrush">Art Frames (assorted)</h3>
<p>Assorted frames made of diffferent materials, including MDF, birchwood, and PDE. Select frames can be sanded and painted according to your needs.
<span class="hacksaw">Starting at $2.00 / frame.</span></p>
</div><br>
<div><h2 id="paint">Paint</h2>
<img id="frames" src="C:\Codecademy\Online Projects\Pictures\finnish.jpeg">
<h3 id="hacksawbrush">Clean Finnish Paint</h3>
<p>Imported paint from Finland. Over 256 colors available in-store, varying in quantity (1 oz. to 6 oz.). Clean Finnish paint microbinds to canvas increasing
the finish and longevity of any artwork. <span class="hacksaw">Starting at $5.00 / tube.</span></p>
</div>
</body>
CSS code
h1 {
font-family: Helvetica;
font-size: 100px;
font-weight: bold;
color: khaki;
text-align: center;
background-image: url(“C:\Codecademy\Online Projects\Pictures\pattern.jpeg”);
}
#brushes {
font-family: Helvetica;
font-size: 32px;
font-weight: bold;
color: white;
background-color: mediumspringgreen;
text-align: left;
}
#hacksaw {
width: 300px;
height: 250px;
}
#hacksawbrush {
font-weight: bold
}
.hacksaw {
font-family: Helvetica;
font-weight: bold;
color: blue;
}
#frames { font-family: Helvetica;
font-size: 32px;
font-weight: bold;
color: white;
background-color: lightcoral;
text-align: left;
}
#paint { font-family: Helvetica;
font-size: 32px;
font-weight: bold;
color: white;
background-color: skyblue;
text-align: left;
}