raduxc44/Daemon Arts & Crafts - html&css

## Daemon Arts & Crafts - html&css
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>Dasmoto's Arts & Crafts</title>
        <link rel="stylesheet" href="C:\Projects\Dasmoto's Arts & Crafts\Resources\Css\index.css">
    </head>
    <body>
        <div>
            <h1 class=brand_name>Dasmoto's Arts & Crafts</h1>
        </div>
        <div>
            <h2 class="brushes h2">Brushes</h2>
            <img src="C:\Projects\Dasmoto's Arts & Crafts\Resources\Css\hacksaw.webp" alt="Brushes pic">
            <h3 class="hacksaw_brushes_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=price >Starting at $3.00 / brush.</span></p>
        </div>
        <div>
            <h2 class="frames h2">Frames</h2>
            <img src="C:\Projects\Dasmoto's Arts & Crafts\Resources\Css\frames.webp" alt=Frames pic>
            <h3 class="frames_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=price> Starting at $2.00 / frame.</span></p>
        </div>
        <div>
            <h2 class="paint h2">Paint</h2>
            <img src="C:\Projects\Dasmoto's Arts & Crafts\Resources\Css\finnish.webp" alt="Paint pic">
            <h3 class="paint_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="price"> Starting at $5.00 / tube.</span></p>
        </div>
    </body>
</html>


.brand_name{
    font-size: 100px;
    font-family: "Helvetica";
    color: khaki;
    font-weight: bold;
    text-align: center;
    background-image: url(pattern.webp);
}
.brushes{
    background-color: mediumspringgreen;
}
.frames {
    background-color: lightcoral;
}
.paint {
    background-color: skyblue;
}
.h2 {
    font-family: "Helvetica";
    font-size: 32px;
    font-weight: bold;
    color: white;
}
h3{
    font-weight: bold;
}
h3, p {
    font-family: "Helvetica";
}
.price {
    font-family: "Helvetica";
    font-weight: bold;
    color: blue;
}
	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<title>Dasmoto's Arts & Crafts</title>
	<link rel="stylesheet" href="C:\Projects\Dasmoto's Arts & Crafts\Resources\Css\index.css">
	</head>
	<body>
	<div>
	<h1 class=brand_name>Dasmoto's Arts & Crafts</h1>
	</div>
	<div>
	<h2 class="brushes h2">Brushes</h2>
	<img src="C:\Projects\Dasmoto's Arts & Crafts\Resources\Css\hacksaw.webp" alt="Brushes pic">
	<h3 class="hacksaw_brushes_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=price >Starting at $3.00 / brush.</span></p>
	</div>
	<div>
	<h2 class="frames h2">Frames</h2>
	<img src="C:\Projects\Dasmoto's Arts & Crafts\Resources\Css\frames.webp" alt=Frames pic>
	<h3 class="frames_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=price> Starting at $2.00 / frame.</span></p>
	</div>
	<div>
	<h2 class="paint h2">Paint</h2>
	<img src="C:\Projects\Dasmoto's Arts & Crafts\Resources\Css\finnish.webp" alt="Paint pic">
	<h3 class="paint_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="price"> Starting at $5.00 / tube.</span></p>
	</div>
	</body>
	</html>







	.brand_name{
	font-size: 100px;
	font-family: "Helvetica";
	color: khaki;
	font-weight: bold;
	text-align: center;
	background-image: url(pattern.webp);
	}
	.brushes{
	background-color: mediumspringgreen;
	}
	.frames {
	background-color: lightcoral;
	}
	.paint {
	background-color: skyblue;
	}
	.h2 {
	font-family: "Helvetica";
	font-size: 32px;
	font-weight: bold;
	color: white;
	}
	h3{
	font-weight: bold;
	}
	h3, p {
	font-family: "Helvetica";
	}
	.price {
	font-family: "Helvetica";
	font-weight: bold;
	color: blue;
	}