My very first webpage with html and css


#1

Project link

Hi Guys,

I just finished my first webpage project without guidelines ( except the spec sheet that was provided ) . I would love to have some feedback since I did get the job done but I feel like there is a more efficient or better way to go about it. Let me know and thank you in advance.

<!DOCTYPE html>
<html>
  <head>
    <title>Dasmoto's Arts & Crafts</title>
    <link type="text/css" rel="stylesheet" href="./style.css/">
  </head>
  <body>
    <h1>Dasmoto's Arts & Crafts</h1> <!-- img input -->

    <h2 class="Brushes">Brushes</h2> <!-- first topic -->
      <img src="img/hacksaw.jpg">
    <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.
         <a>Starting at $3.00 / brush.</a> <!-- edit to blue betwen ancor -->
      </p>
    <h2 class="Frames">Frames</h2> <!-- second topic -->
      <img src="img/frames.jpg" title>
    <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. <a>Starting at $2.00 / frame </a> <!-- make blue and bold -->
      </p>

   <h2 class="Paint">Paint</h2><!-- third topic -->
    <img src="img/finnish.jpg">
    <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.<a> Starting at $5.00 / tube.</a> <!-- make blue and bold -->
       </p>






  </body>
</html>

CSS:

h1 {
  font-family: Helvetica;
  font-size: 100px;
  font-weight: bold;
  color: khaki;
  text-align: center;
  background-image: url(/Users/TTest/Desktop/Projects/Dasmo/img/pattern.jpg);
}

a {
  font-family: Helvetica;
  font-weight: bold;
  color: blue;
}
body {
  font-family: Helvetica;
}

.Brushes {
  font-family: Helvetica;
  font-size: 32px;
  font-weight: bold;
  color: white;
  background-color: mediumspringgreen;
}

.Frames {
  font-family: Helvetica;
  font-size: 32px;
  font-weight: bold;
  color: white;
  background-color: lightcoral;
}

.Paint {
  font-family: Helvetica;
  font-size: 32px;
  font-weight: bold;
  color: white;
  background-color: skyblue;
}