Work done by: Álvaro López Guerrero
Website proyect "from scratch" of 2st evaluation of "Lenguajes de Marcas"
February 2024
License CC-BY
I have selected this topic because in the furture I am going to travel to the Norwegian Fjords, and I love the nature and environment from this place.
The website is divided into 6 sections:
- Hero Section
- Introduction
- Iconic Places
- Gallery
- Contact
- Footer
The section is composed by a background image, being responsive.
On it I have placed the title of the page and a Call of Action button styled from bootstrap.
I have arranged in a grid of 2 columns, a brief introduction to the Norwegian Fjords with and accordion from bootstrap which contains more extra information, and accompanying this in the other column, I have placed a video about the definition of a fjord, from youtube.
In this section I have implemented a grid with 3 columns, where the content is in cards.
Within the cards we can find an image of each places, a brief description of the place and a button with a link to more information from an external page.
The section are styled as carousel from bootstrap.
This section is composed by form of contact.
The footer is composed of a grid of 2 columns where we find the map with locate the place.
In the other column the links to text of the page itself.
And finally below this I have placed the social networks of Visit Norway and mine.
- #00205B
- #9fbad3
- #b7cbde
- #cfdde9
- #e7eef4
- #ffffff
For the titles: Arvo Regular.
For the body text: Lato Regular.
NavBar from bootstrap
Introduction: Accordion from bootstrap
Introduction: Ratio (youtube video) from bootstrap
Gallery: Autoplaying carousel from bootstrap
Footer: Ratio (map) from bootstrap
Zoom Hover from w3schools
Hero section from mdbootstrap