MY FIRST WEBPAGE README.md!

this screen shot depicts my Portfolio Project to be submitted for assassment at Code Institute where i am studying. it is a Static Frontend site with basice HTML and CSS. I chose the Historical Website of the VIKING BOAT Museum. Most of my ideas was realised thanks to the Original website (https://vasamuseet.se). I really appreciate their work and beautiful website.

The header section has Navigation elements which animates to the various pages when clicked upon. the Font Family of Arial, Helvetica, sans-serif and the H2 and H3 with Cursive font types. the color was clearfully calculated with repect to UX.

. The form contains inputs and labels with placeholders spiced with a :hover background-color of teal. this was selected to improve the user exprience that hints the user to fill up the blank spaces.

Section 1 was about the brief history of this boats the Viking wars. A recap of the basic information about the museum and the number of visitors yearly.

The section two contains the picture and eplanation how the boat was created and some minute details of the history.

This section depicts the collection section. i used a red color to blend it with the beautiful picture. The two pictures in the collection section show a bit of what can be seen in the museum, and how beautiful they look.

The footer section was very well designed with the help of the source code from Coder's Coffee House Project of the class. it was perfectly done am i appreciate the work of our tutors. The color matches with the header to give some uniformity and uniqueness.

Deployment

-Github/Gitpod i created a Github and Gitpod account and started my code in accordance with the lessons on how to start a first repository on Git. after the creation of the account i went on to create a New Workspace on Gitpod where i created 3 files using the dropdown bar because i wasn't informed enough with Git Terminal. after the lesson on terminal and Git Commands, i count be able to start commit and making pushes to github with no stress using git commit -m "..." enter then git push "Enter" then i change versions of my code.

-Validation of the Code. I used the Jigsaw W3 tool to test my CSS code which was all good. Then my HTML i checked using

-Testing the Website. After setting up everything up and cooking i went on to test it with web.dev where i scored 90 100 100 90 on different scales as shown on the picture.

-Mentor Feedback I had 2 meetings with my Mentor and we did chatted because there was technical hitches with my Slack mic. However, he gave me tips on what to do and how to deploy the website on Github in order that he can have a URL link to my repo. An example of this was You can do it easily in Gitub:

1. Open the repository on GitHub
2. Go to "Settings" (the tab on the right)
3. On the left hand side select pages, select the main branch as the source. Then it shows you a green confirmation "Your site is published at......" with the URL.

Disclaimer/Credits.

I want to appreciate the owners of the website Vasamuseet and Annellie Karlsson the photographer of the pictures i downloaded from the website. i have no copyrights to these images and i used them for the mere purpose of learning and studies.

The Footer and the Form source codes came from our class work on Coder's Coffee House project. It won't go without given credit to Vasamuseet website also for the inspiration and picture donation to my website.

Difficulties

On validation my code i had one bug on the docktype element and still don't understand what is wrong. I had issues had more issues attaching pictures and screenshots on Markdown. took it on Tutor assistance they called hours after i already did research and got the formula on https://marinegeo.github.io/2018-08-10-adding-images-markdown/. Furthermore, i got support from Slack community too which i really must appreciate for always guiding me through. I did also had issues with my Responsive designing. Got through it with he help of Media query.