Skip to content

lisavanmansom/the-startup-website-bnr

 
 

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

73 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Fork deze leertaak en ga aan de slag. Onderstaande outline ga je gedurende deze taak in jouw eigen GitHub omgeving uitwerken. De instructie vind je in: docs/INSTRUCTIONS.md

BNR Live-luisteren pagina

Ik heb een landingspagina ontworpen en gebouwt waar je terecht komt zodra je op een advertententie van BNR hebt geklikt. Op deze pagina moet je verwezen worden naar de verschillende luistermogelijkheden van het BNR, en je moet in staat zijn om de app te kunnen downloaden op zowel IOS als Android. Dit alles met het doel om het aantal luisteracties van het BNR te vergroten.

Inhoudsopgave

Beschrijving

In beide webpagina's heb ik de huisstijl aangehouden van BNR, wat de opdrachtgever is, ik heb slices toegevoegd zodat het dezelfde look and feeling heeft als de advertenties. Op de live-luisteren pagina kan je live radio luisteren en via een link naar de programmagids gaan voor de radioprogramma's. Verder kan je onderaan de pagina de app downloaden en naar de app-pagina gaan. Op de app-pagina staat meer informatie over de app en kan je de app downloaden. Ik heb beide pagina's mobile-first ontworpen omdat 80% van de gebruikers via de mobiel de website van BNR bezoeken,

Live-link BNR landing-page

Kenmerken

De technieken die ik heb gebruikt zijn HTML, CSS en Javascript. De HTML is grotendeels semantisch, gevalideerd en toegankelijk gemaakt. Bij CSS heb ik gebruikt van custom properties. Om live te luisteren heb ik een button gebruikt, ik heb bij de javascript-code mij aangehouden aan het 3-stappenplan.

To do

  • Navigatie

Licentie

This project is licensed under the terms of the MIT license.

About

Ontwerp en maak een responsive website voor een startup.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • HTML 73.6%
  • CSS 25.8%
  • JavaScript 0.6%