Development
Building the Website
Before adding any content, I started by building out the major areas using Bootstrap and adding minimal styling just so I could tell where the sections were. After ensuring that they sections were sized and spaced correctly, I went through and added the content, working from the elements with the least difficulty/customization to the most difficult. I put the text elements first before downloading and importing the images and icons, and finally tackled the interactive elements like the tooltips and the search bar.
Styling Elements & Adding Interactivity
After getting all of the elements in, I started on my styling to make the website look like the model and added the interactive elements, (such as hover states, active states, and tooltips). This portion of the project took up the most time since I wanted to look as close to the original as possible.
End Product
🏆 Achievements Unlocked!
- Bootstrap: new framework learned
- Real-world workflow: experience developing from a model