Unofficial website for Victoria Velásquez: coded website using HTML and CSS
Table of contents
Project description
Victoria Velásquez is a Danish politician and a member of the Parliament in Denmark for the red-green-party, Enhedslisten.
I was tasked with coding a website about Victoria, highlighting her key issues as well as provide more information about her.
The solution
The website consists of a homepage as well as four sub-pages, each accessible from the navigation-tab. The homepage is broadly introducing Victoria and what she stands for.
Website for Victoria Velásquez, 2024
Homepage, desktop and mobile, 2024
Coded site in Visual Studio Code, screenshot from browser
The page “mærkesager” (i.e. key values) goes in depth with just that, her key values and what she thinks about each topic.
Website for Victoria Velásquez, 2024
Key values-page, desktop and mobile, 2024
Coded site in Visual Studio Code, screenshot from browser
The calender-page shows which upcoming events Victoria will participate in as well as a map showing where each event takes place.
Website for Victoria Velásquez, 2024
Calender-page, desktop and mobile, 2024
Coded site in Visual Studio Code, screenshot from browser
To learn more about Victoria, the about-me-page provides a quick biography of Victoria and her career-achievements.
Website for Victoria Velásquez, 2024
About-page, desktop and mobile, 2024
Coded site in Visual Studio Code, screenshot from browser
If you want to get in touch with her, the contact-page shows the information:
Website for Victoria Velásquez, 2024
Contact-page, desktop and mobile, 2024
Coded site in Visual Studio Code, screenshot from browser
The process
Unlike a website for an entire political party, a website for a politician can go more in depth about who they are, what they are up to, and what they want to bring attention to. Therefore these elements are getting its own subpage.
A new element I brought in to the website was the calender-page on the website, because I wanted to get an overview of the political work Victoria participates in on the regular. The politician-work doesn’t stop on election day, and by being transparent about the work she participate in, she is welcoming the user to participate too.
The website is made using HTML and CSS only. It was developed from the principle Mobile First. This means that the website was made for mobile-format first. Once developed, the website was scaled up and made for tablet and later desktop. Using responsive design, the layout change with respect to the device its being viewed on. This includes the text, images, header and navigation.
On mobile-format, the navigation moves to the bottom of the screen to allow easier access to the sub-pages with your thumb as opposed to on top of the page.
Website for Victoria Velásquez, 2024
Contact-page, desktop and mobile, 2024
Screenshots from Enhedslistens Designmanual