This was a three part project that I worked on for my web development class. The purpose of this assignment was to learn my way around using Bootstrap templates in my web design and how it applied to HTML coding. We were told to do it on a topic of our choosing, so I decided to create my site on the characters of a show I was watching at the time, The 100. The first part of this project was made purely using HTML coding, which you can see below.
For the next part of the project, I was instructed to use a free Bootstrap template and input all of my content into it, but without making any CSS changes (no customization):
Finally, for the final part of this project, I used CSS to customize the Bootstrap template to my liking using Google Fonts, custom colors, and even a carousel block for the cover photo of the site:
The difference in pure HTML coding compared to Bootstrap was a drastic learning curve for me initially, but this project showed me how using a pre-made template is a more efficient way to code web design than writing it from scratch. Below is a screenshot of the coding from the first part of this project vs. the last part:
