From ad96a1384c5f1fddfd3e029b1146d1748d1034e3 Mon Sep 17 00:00:00 2001 From: Robbert Broersma Date: Thu, 28 Nov 2024 08:42:32 +0100 Subject: [PATCH] fixup! feat: page structure experiments --- apps/experiments/web-components.html | 348 +++++++++++++++++++++++++++ 1 file changed, 348 insertions(+) create mode 100644 apps/experiments/web-components.html diff --git a/apps/experiments/web-components.html b/apps/experiments/web-components.html new file mode 100644 index 0000000000..55da583083 --- /dev/null +++ b/apps/experiments/web-components.html @@ -0,0 +1,348 @@ + + + + + + + + + + + + + + + + + + + + + + + + +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ +
+
+ + + nav bar + +
+ +

Wij doen mee met NL Design System

+

+ Met een actieve community van specialisten verzamelen we de beste richtlijnen, componenten en voorbeelden + om robuuste websites en webapplicaties voor de digitale overheid te bouwen. +

+

+ NL Design System helpt om toegankelijk, inclusief en gebruiksvriendelijk ontwikkelen makkelijk te maken. +

+ +
    +
  • Gebouwd en gebruikt door de community (voor en door de overheid).
    • +
  • Platformonafhankelijk en voor iedere huisstijl.
    • +
  • Uitbreidbaar en publiek beschikbaar.
    • +
  • Lees de NL Design System introductie
    • +
+
+ Lorem ipsum in al zijn glorie + +
+

+ Nulla nulla quis qui cum nisi eum. Exercitationem laudantium dolores magnam unde sapiente. Et ut + doloremque omnis eos impedit inventore dignissimos excepturi. Ut nihil deleniti non aut adipisci + quisquam dolor et. +

+

+ Earum est neque doloremque eveniet et ipsum. Quia autem et laudantium nihil saepe sunt. Occaecati + quia assumenda nostrum eligendi qui suscipit voluptatum magni. Rerum doloremque exercitationem non + quae. Exercitationem et voluptas excepturi odit sed ut ratione. +

+

+ Et excepturi illum nisi. Officia harum rerum distinctio qui dolorem sequi quaerat dicta. Sunt at + harum alias hic voluptatibus laborum ratione. +

+

+ Ut ipsam corporis aut reprehenderit voluptas. Commodi ex quisquam illum maiores recusandae. Iure + rerum omnis eum. Excepturi in et impedit perferendis. Et aut sed nihil nulla nam in molestias. +

+

+ Nam eligendi sunt necessitatibus sed totam et. Aperiam maxime magni assumenda et incidunt explicabo + fugit aut. Ipsa consequatur distinctio eaque vitae. Quo laudantium quis sed itaque velit nesciunt + est optio. Ut cumque numquam mollitia quia ullam alias. +

+

+ Nulla nulla quis qui cum nisi eum. Exercitationem laudantium dolores magnam unde sapiente. Et ut + doloremque omnis eos impedit inventore dignissimos excepturi. Ut nihil deleniti non aut adipisci + quisquam dolor et. +

+

+ Earum est neque doloremque eveniet et ipsum. Quia autem et laudantium nihil saepe sunt. Occaecati + quia assumenda nostrum eligendi qui suscipit voluptatum magni. Rerum doloremque exercitationem non + quae. Exercitationem et voluptas excepturi odit sed ut ratione. +

+

+ Et excepturi illum nisi. Officia harum rerum distinctio qui dolorem sequi quaerat dicta. Sunt at + harum alias hic voluptatibus laborum ratione. +

+

+ Ut ipsam corporis aut reprehenderit voluptas. Commodi ex quisquam illum maiores recusandae. Iure + rerum omnis eum. Excepturi in et impedit perferendis. Et aut sed nihil nulla nam in molestias. +

+

+ Nam eligendi sunt necessitatibus sed totam et. Aperiam maxime magni assumenda et incidunt explicabo + fugit aut. Ipsa consequatur distinctio eaque vitae. Quo laudantium quis sed itaque velit nesciunt + est optio. Ut cumque numquam mollitia quia ullam alias. +

+

+ Nulla nulla quis qui cum nisi eum. Exercitationem laudantium dolores magnam unde sapiente. Et ut + doloremque omnis eos impedit inventore dignissimos excepturi. Ut nihil deleniti non aut adipisci + quisquam dolor et. +

+

+ Earum est neque doloremque eveniet et ipsum. Quia autem et laudantium nihil saepe sunt. Occaecati + quia assumenda nostrum eligendi qui suscipit voluptatum magni. Rerum doloremque exercitationem non + quae. Exercitationem et voluptas excepturi odit sed ut ratione. +

+

+ Et excepturi illum nisi. Officia harum rerum distinctio qui dolorem sequi quaerat dicta. Sunt at + harum alias hic voluptatibus laborum ratione. +

+

+ Ut ipsam corporis aut reprehenderit voluptas. Commodi ex quisquam illum maiores recusandae. Iure + rerum omnis eum. Excepturi in et impedit perferendis. Et aut sed nihil nulla nam in molestias. +

+

+ Nam eligendi sunt necessitatibus sed totam et. Aperiam maxime magni assumenda et incidunt explicabo + fugit aut. Ipsa consequatur distinctio eaque vitae. Quo laudantium quis sed itaque velit nesciunt + est optio. Ut cumque numquam mollitia quia ullam alias. +

+

+ Nulla nulla quis qui cum nisi eum. Exercitationem laudantium dolores magnam unde sapiente. Et ut + doloremque omnis eos impedit inventore dignissimos excepturi. Ut nihil deleniti non aut adipisci + quisquam dolor et. +

+

+ Earum est neque doloremque eveniet et ipsum. Quia autem et laudantium nihil saepe sunt. Occaecati + quia assumenda nostrum eligendi qui suscipit voluptatum magni. Rerum doloremque exercitationem non + quae. Exercitationem et voluptas excepturi odit sed ut ratione. +

+

+ Et excepturi illum nisi. Officia harum rerum distinctio qui dolorem sequi quaerat dicta. Sunt at + harum alias hic voluptatibus laborum ratione. +

+

+ Ut ipsam corporis aut reprehenderit voluptas. Commodi ex quisquam illum maiores recusandae. Iure + rerum omnis eum. Excepturi in et impedit perferendis. Et aut sed nihil nulla nam in molestias. +

+

+ Nam eligendi sunt necessitatibus sed totam et. Aperiam maxime magni assumenda et incidunt explicabo + fugit aut. Ipsa consequatur distinctio eaque vitae. Quo laudantium quis sed itaque velit nesciunt + est optio. Ut cumque numquam mollitia quia ullam alias. +

+

+ Nulla nulla quis qui cum nisi eum. Exercitationem laudantium dolores magnam unde sapiente. Et ut + doloremque omnis eos impedit inventore dignissimos excepturi. Ut nihil deleniti non aut adipisci + quisquam dolor et. +

+

+ Earum est neque doloremque eveniet et ipsum. Quia autem et laudantium nihil saepe sunt. Occaecati + quia assumenda nostrum eligendi qui suscipit voluptatum magni. Rerum doloremque exercitationem non + quae. Exercitationem et voluptas excepturi odit sed ut ratione. +

+

+ Et excepturi illum nisi. Officia harum rerum distinctio qui dolorem sequi quaerat dicta. Sunt at + harum alias hic voluptatibus laborum ratione. +

+

+ Ut ipsam corporis aut reprehenderit voluptas. Commodi ex quisquam illum maiores recusandae. Iure + rerum omnis eum. Excepturi in et impedit perferendis. Et aut sed nihil nulla nam in molestias. +

+

+ Nam eligendi sunt necessitatibus sed totam et. Aperiam maxime magni assumenda et incidunt explicabo + fugit aut. Ipsa consequatur distinctio eaque vitae. Quo laudantium quis sed itaque velit nesciunt + est optio. Ut cumque numquam mollitia quia ullam alias. +

+

+ Nulla nulla quis qui cum nisi eum. Exercitationem laudantium dolores magnam unde sapiente. Et ut + doloremque omnis eos impedit inventore dignissimos excepturi. Ut nihil deleniti non aut adipisci + quisquam dolor et. +

+

+ Earum est neque doloremque eveniet et ipsum. Quia autem et laudantium nihil saepe sunt. Occaecati + quia assumenda nostrum eligendi qui suscipit voluptatum magni. Rerum doloremque exercitationem non + quae. Exercitationem et voluptas excepturi odit sed ut ratione. +

+

+ Et excepturi illum nisi. Officia harum rerum distinctio qui dolorem sequi quaerat dicta. Sunt at + harum alias hic voluptatibus laborum ratione. +

+

+ Ut ipsam corporis aut reprehenderit voluptas. Commodi ex quisquam illum maiores recusandae. Iure + rerum omnis eum. Excepturi in et impedit perferendis. Et aut sed nihil nulla nam in molestias. +

+

+ Nam eligendi sunt necessitatibus sed totam et. Aperiam maxime magni assumenda et incidunt explicabo + fugit aut. Ipsa consequatur distinctio eaque vitae. Quo laudantium quis sed itaque velit nesciunt + est optio. Ut cumque numquam mollitia quia ullam alias. +

+

+ Nulla nulla quis qui cum nisi eum. Exercitationem laudantium dolores magnam unde sapiente. Et ut + doloremque omnis eos impedit inventore dignissimos excepturi. Ut nihil deleniti non aut adipisci + quisquam dolor et. +

+

+ Earum est neque doloremque eveniet et ipsum. Quia autem et laudantium nihil saepe sunt. Occaecati + quia assumenda nostrum eligendi qui suscipit voluptatum magni. Rerum doloremque exercitationem non + quae. Exercitationem et voluptas excepturi odit sed ut ratione. +

+

+ Et excepturi illum nisi. Officia harum rerum distinctio qui dolorem sequi quaerat dicta. Sunt at + harum alias hic voluptatibus laborum ratione. +

+

+ Ut ipsam corporis aut reprehenderit voluptas. Commodi ex quisquam illum maiores recusandae. Iure + rerum omnis eum. Excepturi in et impedit perferendis. Et aut sed nihil nulla nam in molestias. +

+

+ Nam eligendi sunt necessitatibus sed totam et. Aperiam maxime magni assumenda et incidunt explicabo + fugit aut. Ipsa consequatur distinctio eaque vitae. Quo laudantium quis sed itaque velit nesciunt + est optio. Ut cumque numquam mollitia quia ullam alias. +

+

+ Nulla nulla quis qui cum nisi eum. Exercitationem laudantium dolores magnam unde sapiente. Et ut + doloremque omnis eos impedit inventore dignissimos excepturi. Ut nihil deleniti non aut adipisci + quisquam dolor et. +

+

+ Earum est neque doloremque eveniet et ipsum. Quia autem et laudantium nihil saepe sunt. Occaecati + quia assumenda nostrum eligendi qui suscipit voluptatum magni. Rerum doloremque exercitationem non + quae. Exercitationem et voluptas excepturi odit sed ut ratione. +

+

+ Et excepturi illum nisi. Officia harum rerum distinctio qui dolorem sequi quaerat dicta. Sunt at + harum alias hic voluptatibus laborum ratione. +

+

+ Ut ipsam corporis aut reprehenderit voluptas. Commodi ex quisquam illum maiores recusandae. Iure + rerum omnis eum. Excepturi in et impedit perferendis. Et aut sed nihil nulla nam in molestias. +

+

+ Nam eligendi sunt necessitatibus sed totam et. Aperiam maxime magni assumenda et incidunt explicabo + fugit aut. Ipsa consequatur distinctio eaque vitae. Quo laudantium quis sed itaque velit nesciunt + est optio. Ut cumque numquam mollitia quia ullam alias. +

+

+ Nulla nulla quis qui cum nisi eum. Exercitationem laudantium dolores magnam unde sapiente. Et ut + doloremque omnis eos impedit inventore dignissimos excepturi. Ut nihil deleniti non aut adipisci + quisquam dolor et. +

+

+ Earum est neque doloremque eveniet et ipsum. Quia autem et laudantium nihil saepe sunt. Occaecati + quia assumenda nostrum eligendi qui suscipit voluptatum magni. Rerum doloremque exercitationem non + quae. Exercitationem et voluptas excepturi odit sed ut ratione. +

+

+ Et excepturi illum nisi. Officia harum rerum distinctio qui dolorem sequi quaerat dicta. Sunt at + harum alias hic voluptatibus laborum ratione. +

+

+ Ut ipsam corporis aut reprehenderit voluptas. Commodi ex quisquam illum maiores recusandae. Iure + rerum omnis eum. Excepturi in et impedit perferendis. Et aut sed nihil nulla nam in molestias. +

+

+ Nam eligendi sunt necessitatibus sed totam et. Aperiam maxime magni assumenda et incidunt explicabo + fugit aut. Ipsa consequatur distinctio eaque vitae. Quo laudantium quis sed itaque velit nesciunt + est optio. Ut cumque numquam mollitia quia ullam alias. +

+

+ Nulla nulla quis qui cum nisi eum. Exercitationem laudantium dolores magnam unde sapiente. Et ut + doloremque omnis eos impedit inventore dignissimos excepturi. Ut nihil deleniti non aut adipisci + quisquam dolor et. +

+

+ Earum est neque doloremque eveniet et ipsum. Quia autem et laudantium nihil saepe sunt. Occaecati + quia assumenda nostrum eligendi qui suscipit voluptatum magni. Rerum doloremque exercitationem non + quae. Exercitationem et voluptas excepturi odit sed ut ratione. +

+

+ Et excepturi illum nisi. Officia harum rerum distinctio qui dolorem sequi quaerat dicta. Sunt at + harum alias hic voluptatibus laborum ratione. +

+

+ Ut ipsam corporis aut reprehenderit voluptas. Commodi ex quisquam illum maiores recusandae. Iure + rerum omnis eum. Excepturi in et impedit perferendis. Et aut sed nihil nulla nam in molestias. +

+

+ Nam eligendi sunt necessitatibus sed totam et. Aperiam maxime magni assumenda et incidunt explicabo + fugit aut. Ipsa consequatur distinctio eaque vitae. Quo laudantium quis sed itaque velit nesciunt + est optio. Ut cumque numquam mollitia quia ullam alias. +

+
+
+ +
+ + + + + + + + + + Utrecht + Open drawer + + + + + +