Coding of Front-End Using HTML
- Janine De Leon

- Nov 8, 2018
- 2 min read
It had been a while since I used HTML and CSS to code the front-end of a website, the last time being the time I made my own website from scratch to showcase my portfolio for my GEIP interview (www.janinedesiree.com). As such, I decided to go on youtube to refresh my memory, following some tutorials and reading up my old FED notes from Year 1. I also spent a fair bit of time on w3schools, trying out simple tutorials so as to refresh my memory.
To save time, I decided to reuse the code I used for my personal website for Relevium's landing page:

I decided to follow the design of my navbar because I felt that it was simple and fairly pleasing to the eye. Of course, I planned to change the logo and the colour to match Relevium's theme.

I started off by coding the navbar, which was pretty easy as I did reuse my own code. However, in all honesty, I was not very efficient with my code for the public pages (referring to the pages you see before you log in.) The reason for this is that rather than creating a navigation bar and then putting it into a master page and creating new pages with a master page like we were taught to when using ASP.NET, I decided to manually type out all the code in every single one of the pages. The reason I did this is because I actually used a shortcut method and put my navigation bar in a table form. I did not know how this would affect the layout of the other public pages if I put it in the master page, if it would have any bad effect at all in the first place, so I decided it best to just paste it in every page rather than to have layout problems mid-way through coding the other public pages.
It was during this period that I started to face major issues with time. I was stuggling to balance work, family, and school, despite having dropped two of my CCAs to focus on school. Time management was a serious issue as I would spend a lot of my time after school and on the weekends alternating between work and spending time with family. As such, progress was immensely slow. However, I tried to do what I could when I had the time.




Comments