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;
}