Hey everyone! This is my first attempt at the Dasmoto’s Arts & Crafts Project. Any feedback would be greatly appreciated!
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="/styles/index.css">
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Dasmoto's Art & Crafts</title>
</head>
<body>
<header>
<h1 class="headers">Dasmoto's Art & Crafts</h1>
</header>
<main>
<div class="item-section">
<h2 class="brushes-headers">Brushes</h2>
<img src="/resources/Images/hacksaw.jpeg">
<h3 class="info-headers">Hacksaw Brushes</h3>
<p class="info">Made of the highest quality oak,Hacksaw brushes are known for their weight and
ablility to hold paint in
large amounts avaialbe in different sizes.
<span class="price-section">Starting at $3.00/brush.</span>
</p>
</div>
<div class="item-section">
<h2 class="frames-headers">frames</h2>
<img src="/resources/Images/frames.jpeg">
<h3 class="info-headers">Art Frames(assorted)</h3>
<p class="info">Assorted frames made of different material, including MDF, birchwood, and PDE.
Select
frames can be sanded and painted according to your needs.
<span class="price-section"> Starting at $2.00 / frame.</span>
</p>
</div>
<div class="item-section">
<h2 class="paints-headers">paint</h2>
<img src="/resources/Images/finnish.jpeg">
<h3 class="info-headers">clean Finnish Paint</h3>
<p class="info">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="price-section">Starting at $5.00 / tube.</span>
</p>
</div>
</main>
</body>
</html>```
body {
text-transform: capitalize;
}
h1,
h2,
h3,
p {
font-family: “Helvetica”, sans-serif;
}
.headers {
font-size: 100px;
font-weight: bold;
color: khaki;
background-image: url(‘/resources/Images/pattern.jpeg’);
text-align: center;
}
.item-section h2 {
color: white;
font-size: 32px;
font-weight: bold;
}
.brushes-headers {
background-color: #00fa9a;
}
.frames-headers {
background-color: lightcoral;
}
.paints-headers {
background-color: skyblue;
}
.price-section {
font-weight: bold;
color: blue;
}