Dasmoto's Arts and Crafts Website

This was one of my first projects in my website building journey. It is a very basic website where Codecademy gave me the resources and what to add to the page.

I throughly enjoy learning how to make websites and I am looking forward to improving my knowledge to make more complex and user accessible websites in the future.

To view the final website click here.

To view the CSS sheet for this website click here.

Method

In this project I practised how to classes and use these classes to apply CSS to only those sections.


        HTML CODE
    <h2 class="frames">Frames</h2>
    <p class="price bottom">Starting at $5.00 / tube</p>

        CSS CODE
    main .frames {
        background-color: lightcoral;
    } 

    main .price {
    font-weight: bold;
    color: blue;
    }

Another thing I got to practise was to source an image into a website. I went one step further than the Codecademy project asked of me and used semantic HTML and added a <figcaption>

<figure> <img src="resources/images/hacksaw.webp" alt="Hacksaw Brushes" > <figcaption>Hacksaw Brushes </figure>