The Animal Shelter website is not a fully built out web application, but it has a lot of great features for more advanced web design students to learn how to design, build and make function properly. In the process of building this website, students learn a great deal of best practices from both a user experience design and coding perspectives.
The site is responsive and the first job is to take the design mockups, as created in photoshop, seen in this section, and convert them to HTML and CSS, making the design fully responsive along the way.
Beyond just being a simple HTML webpage, this site uses a database to store records for animals up for adoption, and the content of that data is pulled from the database and displayed on the front page.
You can view the completed project here: