Create a Sound Machine. The JavaScript is already written but we will fill in the HTML/CSS to get it to look right.

Overview of the Project Files

Getting Started and Starter Code

Starting with Styling and Adding the First Header

Styling the Header

Creating and Styling a Single Button

Adding the Image Background to One Button

Applying Icons On All The Buttons

Adding A Quick Footer

Conclusion and Debugging

Sound Machine Project

Practice with CSS and best practices. Making reusable code/classes that will make our HTML seem easy to read as well as design. No JavaScript will be introduced

HTML, CSS, File Setup

Making the Header Look Like Lotto Balls

Adding the Navigation Section

Adding the Drawing of the Lotto Balls

Adding the Button For Randomly Generating the Lotto Ball Drawling

Power Ball Lottery

<p>Get your code editors ready and code with us as we go over some HTML/CSS projects. Each chapter will be a new project for you to gain more experience with HTML and CSS.</p><p>The only prerequisite is you must be able to have fun!</p>

This course contains walk-through code examples of completed projects that you could put in your portfolio. We will be adding more projects to this course as time goes on.

HTML Code Projects

Course content

Course Description

Free