Dasmoto's Arts & Crafts review

Projects Off-platform Practice Projects
1

Hi,

Can anyone have a review of my first off-platform project and let me know if there’s anything I’ve missed. Also, I’ve seen other posts show the HTML & CSS in separate scrollable sections within posts on the forum, how do you do that? This is my first post so not entirely sure how to do it.

Thanks, Alex

<!DOCTYPE html>
<html>
<head>
    <title>Dasmato's Arts & Crafts</title>
     <link rel="stylesheet" typee="text/css" href="./Resources/CSS/style.css" media="screen"/> 
</head>
<body>
    <h1 class="website-title">Dasmoto's Arts & Crafts</h1>

    <main>
        <h2 class="section" id="brush">Brushes</h2>
        <img src="./Resources/images/hacksaw.jpeg" alt="Stack of brushes">
        <h3><bold>Hacksaw Brushes</bold></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 class="bluetext">Starting at $3.00 / brush.</a></p>

        <h2 class="section" id="frame">Frames</h2>
        <img src="./Resources/images/frames.jpeg" alt="Picture frames">
        <h3><bold>Art Frames (assorted)</bold></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 class="bluetext">Starting at $2.00 / frame.</a></p>

        <h2 class="section" id="painttube">Paint</h2>
        <img src="./Resources/images/finnish.jpeg" alt="open packet of finnish paint tubes">
        <h3><bold>Clean Finnish Paint</bold></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 class="bluetext">Starting at $5.00 / tube.</a></p>
    </main>

    <footer>Made by Ale Corp®</footer>    
</body>
</html>

.website-title{
    font-family: Helvetica;
    font-size: 100px;
    font-weight: bold;
    color: khaki;
    background-image: url('../images/pattern.jpeg');
    text-align: center;
    }

h2{
    font-family: Helvetica;
    font-size: 32px;
    font-weight: bold;
    color: white;
  }

#brush{
    background-color: mediumspringgreen;
}

#frame{
    background-color: lightcoral;
}

#painttube{
    background-color: skyblue;
}

.bluetext{
    font-family: Helvetica;
    font-weight: bold;
    color: blue;
}

footer{
    color:red;
    text-align: center;
}