A project for practicing HTML, CSS, and a touch of JS for Turing's Front-End Engineering course, Module 1.
Dog Party is a project I was assigned as a new student at Turing. We were given a static comp with limited styling details (e.g. a few color hex codes) to reproduce from scratch in code. This was primarily working with HTML and CSS, and we also had a chance to experiment with form functionality using JavaScript and CSS media queries for making the design responsive. See the comp here.
- HTML5
- CSS3
- A touch of JavaScript
- Altering page content via input field (JS)
- Responsive (CSS Media Query for navigation and page columns)
- Pictures of adorable doggos
- One-page design
- Pictures of adorable kitties
- Link destinations
-
Try naming the doggo by entering what name you'd like into the input at the top and pressing the "Name your dog" button!
-
See how the page responds to different screen sizes by viewing on mobile or resizing your browser window to less than 680px wide!
View here on my GitHub.
OR
Download and unzip the dog-party-website.zip file, and open the index.html file to view the website.
All credit goes to Turing School of Software for providing the project specifications and website design.