hero image

Project: ImageNaat Storygrafie

Assignment

This assignment is during my first coding course in this study. We had to create a website, with a subject of our choosing, using semantic HTML and CSS. The focus of this assignment was to get familiar with all the HTML and CSS elements and attributes/selectors.

Description

This is a website about my travels. You can read the stories with lots of added photographs to give an idea of how it was like

Highlights

Borderbox

In the past, I always had difficulties with positioning elements and how padding and margin worked. Imagine my surprise when I learned about box-sizing: border-box!

Video

To make my website visually attractive, I learned how I could embed a video in the header and let it play automatically. Also, if the video doesn’t work, how to embed a poster.

Responsive

In this assignment, I would get bonus points for making the website responsive. This was the first time I worked with media queries and discovered how they worked in the basics.

Website & Github

More information about this project can be read in the readme on Github. Also the website can be viewed online, just hit the button below.

View the website Visit the Github Repo