Could someone review my code? For Dasmoto's Arts & Crafts

<!DOCTYPE html> <html> <head> <link href="Resources/css/index.css" rel="stylesheet"> </href> <title> Dasmoto's Arts & Crafts</title> </head> <body > <div> <h1 id="title"> Dasmoto's Arts & Crafts </h1> </div> <div> <h2 id="brushes">Brushes</h2> <img src="Resources/css/hacksaw.jpeg"> <h3>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="special">Starting at $3.00 / brush.</span> </p> </div> <div> <h2 id="frames">Frames</h2> <img src="Resources/css/frames.jpeg"> <h3> Art Frames (assorted)</h3> <p>Assorted frames made of different material, including MDF, birchwood, and PDE. Select frames can be sanded and painted according to your needs. <span class="special">Starting at $2.00 / frame.</span> </p> </div> <div> <h2 id="paint">Paint</h2> <img src="Resources/css/finnish.jpeg"> <h3>Clean Finnish Paint</h3> <p>Imported paint from Finland. Over 256 colors available in-store, varying in quantity (1 oz. to 8 oz.). Clean Finnish paint microbinds to canvas, increasing the finish and longevity of any artwork <span class="special">Starting at $5.00 / tube.</span> </p> </div> </body> </html>
h1, h2, h3, p { font-family:Helvetica; } #title { font-size: 100px; font-weight: bold; color: khaki; text-align: center; background-image: url("pattern.jpeg"); } h2 { font-size: 32px; font-weight: bold; color: white; } #brushes { background-color: mediumspringgreen; } #frames { background-color: lightcoral; } #paint { background-color: skyblue; } .special { font-weight: bold; color: blue; }