Although this panel was the most time consuming, it was the easiest for me to design. I liked that I could choose to add the card elements, buttons, and headers wherever I pleased and without several other prewritten lines of coding confusing me along the way. I still struggled with text and image alignment and it took me a while to get it all figured out, but once I did, I was happy with the results.
Take me thereLearning to incorporate a bootstrap template was harder than I had anticipated. I wasn't expecting the hundreds of lines of code when I had downloaded the free template, so that threw me for a bit of a loop. Once I somewhat understood what everything meant, I was able to figure out what I wanted to keep and what I wanted to delete. Everything else was just copying and pasting from panel 1 so it wasn't too bad at that point.
Take me thereThis part of the project was fairly simple since I was just bringing the fonts and colors that I had used for the CSS file for panel 1 into the CSS file for this panel. However, I couldn't figure out the best way to include my large image from panel 1 into the template with the way it was formatted, so I decided to add a carousel element from bootstrap so that it can switch between the image that I had in panel 1 and the title of the page.
Take me there