Chapter 5. Social Network Frontend

In this chapter, we are going to be creating the frontend of a social media website. Like other sites, it's focused on layout rather than integrating a lot of functionalities. We are going to target the following site to build our social media website:

So, there are some new things that we're going to be introduced to in this project. As you can see on the wall section, we're going to be using cards. There's a hierarchy to building cards, similar to a button or a navigation where with the root of nav or navbar, you then start expanding the classes out for the color, toggler, and collapsible, and with cards you have a title and content, and it's all wrapped inside a card. In the top piece, we are going build forms, and like a lot of our other sites, we are going to make this responsive. Similar to our previous projects, we will have two columns and at the bottom of the page we will have our footer. There are other sections in this site, such as Members, Groups...