Colmar Academy capstone project

Hi,

I recently finished the capstone project for the ‘Build a Website with Github’ course and I decided to post my Github Pages link here for feedback.

I combined elements of CSS Grid and Flexbox to accomplish the structure of the website, and I used hover states to achieve the change in background colour when hovering over some elements.

I chose the colour scheme “yellow on purple” because I felt they contrasted really well with each other and I used a mostly off-colour palette so it wasn’t too bright for some viewers with poor eyesight or viewing in a room with low lighting.

I decided not to add the code for mobile deployment as I’m not very confident with how to use that. I’m considering taking a specialized course for that.

Here’s my link:
https://trooper4001.github.io/ColmarProject.github.io/

2 Likes

Hello Neil,
You have done a nice project. I liked it very much. Greetings from India.

Srikar

Your work is nice, creative, and motivating.
Please how do I host a page on Github and share the link as you did?
this is my Github URL OIlmania-Iloma (Oilmania) · GitHub.
I’ll love to learn from you :grinning: :grinning:

Hi,

there is a course on Codecademy that covers this actually. If you have a membership, it is accessible through this Pro Skill Path: https://www.codecademy.com/learn/paths/learn-how-to-build-websites.

If you don’t, it’s very simple. You just have to:

  1. Go to the repository you want to host on a Github Page.
  2. Go to Settings
  3. Select Pages
  4. Go to Source and select the branch you want to host (usually ‘Main’)
  5. Click ‘Save’

After that, the page should provide a link that you can use to view your page. If you update your work and try to view your page, there is a chance you will not see any change. This is just because the Page has not applied your changes yet. Wait 5 mins then refresh the page, you should see your changes.
If you want to edit the page and see you changes quicker, I would recommend downloading your repository file to your PC, and then opening your index.html file in a web browser. When you make changes to the code and refresh the page with way, you should see the changes instantly upon refresh.

Hope this helps you. Good luck

Hi,
:thinking:

got it :grinning:
I think the best way to appreciate is to share a Github page I just Published
Thanks :sunglasses: :+1: :+1:
https://oilmania-iloma.github.io/

Hi! I loved your choice of colors, .

Here is my colmar academy project code and site. I would love to hear your feedback :))