The Expo was organized by a couple of students and was done very well. There was also a prize for the best interactive video and the were some drinks after the Expo. Overall, I really enjoyed it and think it was a great idea to do an Expo. It was very nice to see all the work everybody has done during the first module.

If we look at the html code of the homepage we can see she uses a stylesheet from coudflare. She creates her navigation bar within the header and adds seperate links to three different pages using an a href and different classes. Lastly, she added more, a href, links to her social media in the footer.
Here we have a link to the website: Website Noor

When you hover above the buttons on the navigation bar the backgroundcolor of the button changes. Also, when you are on the portfolio page for example. the button in the navigation bar will turn orange.
.topnav {
background-color: #333;
overflow: hidden;
position: -webkit-stucky;
position: sticky;
top: 0;
margin: 0px;
}
This is the code I used to create the navigation bar. A personal touch I added is 'position: sticky;' which makes it so the bar stays at the top of the page even if you scrolle down.
The following code I used to change the color of the buttons of you hover over them.
.topnav a:hover {
background-color: white; (the code which makes the buttons white when you hover over them)
color: black;(the code which makes the text black when you hover over them)
}.
Another button function I have is the active button function, which makes the button of the page which you are on orange.
The following code was used for that:
.topnav a.active {
background-color: orange; (makes the button orange)
color: white;
}
On the blog page every blog post has a read more button, which I used the temlpate of the professor for.

I chose to make a campagne for the company Instagram, since the colours in my picture had a lot of similarities with the Instragram logo. Portfolio page

The second idea was to make it about dating. However, after thinking about it we are not sure if it is gone work as well as we picture it in our heads. We are planning to have made a decision on the video idea by tomorrow.

the story I wrote goes: "The two explorers hit a mysterious box in Walmart with a limitless amount of speed. With nowhere to go a rebel offers new rental scooters to stay out of prison." On the portfolio page I display two of the three faces I created. One of the has to do with prison and being scared (it is the one made out of metal wire). The other one is made with flour and represents the limitles amount of speed. Portfolio page

I want my page to look professional and be easy to use. I want to achieve the easy usability with the navigation bar at the top of the page.

The installation that interested me the most is called Binary Is For Computers. It is created by students from Creative Technology. It is an interactive installation, which raises the question whether we think as a computer (in black or white), or as humans (with the grey option in the middle). To explain the interactive side, two people enter a room together and have to answer questions where you have to decide between 2 answers. For example, on of the questions was: “ If you could only save one, who would you safe? Your mom or your dad? “. For me this was a question I could not answer, therefore I was thinking in grey. This was very interesting to me since I have always found it hard to make decisions. I have trouble thinking/ making decisions in black and white like computers, I am more drawn to the grey areas.