Merge branch 'main' of https://github.com/lisavanmansom/the-startup-w…

…ebsite-bnr

README.md

@@ -1,15 +1,28 @@
 > _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](docs/INSTRUCTIONS.md)
 
-# Titel
-<!-- Geef je project een titel en schrijf in één zin wat het is -->
+# 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](##Beschrijving)
+* [Kenmerken](##Kenmerken)
+* [To do](##Todo)
+* [Licenties]()
 
 ## Beschrijving
-<!-- In de Beschrijving staat hoe je project er uit ziet, hoe het werkt en wat je er mee kan. -->
-<!-- Voeg een mooie poster visual toe 📸 -->
-<!-- Voeg een link toe naar Github Pages 🌐-->
+
+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](https://lisavanmansom.github.io/the-startup-website-bnr/)
+
+<img width="327" src="https://github.com/lisavanmansom/the-startup-website-bnr/assets/144007419/25e0d3a9-7d6d-4183-9691-2cc18f349cae">
+<img width="390" src="https://github.com/lisavanmansom/the-startup-website-bnr/assets/144007419/62a076a6-9787-44d4-881f-eb021a61403b">
 
 ## Kenmerken
-<!-- Bij Kenmerken staat welke technieken zijn gebruikt en hoe. Wat is de HTML structuur? Wat zijn de belangrijkste dingen in CSS? Wat is er met JS gedaan en hoe? -->
+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