Oversigt over indholdselementer

Vores nye hjemmeside har en masse nye funktioner og elementer, som er nemme at bruge og tilpasse. Nedenstående giver en oversigt over elementerne og demonstrerer NOGLE af de mange muligheder.

Indhold

Dette element er det mest brugte og mest anvendelige. Bruges til almindelig brødtekst, men også til fx at indsætte billeder, video, links og andre indholdselementer direkte i indholdet.

Overskrift 2

Indlejret billede (til højre) med billedetekst

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Overskrift 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Overskrift 4

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Overskrift 2

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

Nyheder / Aktuelt

Indsæt nyheder fra jeres nyhedsoversigt. Der er mange muligheder for at tilpasse layoutet. Nedenfor vises de tre seneste nyheder i et 1/3 Kolonne layout. Man kan også vælge kun at vise nyheder fra en bestemt kategori eller med et bestemt "tag".

Tekstfelt med ikon

Indsæt et tekstfelt med enten rund ikon (til venstre eller øverst) eller med ikonet inde i boksen. Vi anbefaler at bruge "Racing Green" (#00583C) til ikonet eller ikonets baggrund.

Tekstfelt med ikon (venstre)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Se alle ikoner her


Tekst felt med ikon (top)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Se alle ikoner her

Liste med ikoner

Vælg et ikon, skriv en overskrift og noget brødtekst – voilà. Nedenfor er der vist to lister i et "1/2 Kolonne" layout.
Overskrift 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Se alle ikoner her:
http://fontawesome.io/3.2.1/cheatsheet/

Overskrift 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Se alle ikoner her:
http://fontawesome.io/3.2.1/cheatsheet/

Overskrift 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Se alle ikoner her:
http://fontawesome.io/3.2.1/cheatsheet/

Overskrift 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Se alle ikoner her:
http://fontawesome.io/3.2.1/cheatsheet/

Overskrift 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Se alle ikoner her:
http://fontawesome.io/3.2.1/cheatsheet/

Overskrift 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Se alle ikoner her:
http://fontawesome.io/3.2.1/cheatsheet/

Notifikation

Dette er en notifikation. Brug den fx til at gøre opmærksom på ændringer eller til at advare om noget vigtigt. BAGGRUNDSFARVEN og TEKSTFARVEN kan selvfølgelig ændres.

Persongalleri (karussel)

Indsæt en karussel. Størrelsen på billederne og antallet, der vises, kan tilpasses.

Cirkeldiagram

75%

Din overskrift

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Læs mere

Tekstfelt med knap

Overskrift (centreret)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Tekstfelt med knap (Normal med baggrund)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Vandret søjlediagram

Indsæt et søjlediagram (status i procent) i tre forskellige udgaver (tynd, normal, fed).
99% af landsrådets deltagere var vilde med det
Vandret søjlediagram
Vandret søjlediagram

Tekstfelt med farve- eller billedebaggrund

Tekstfelt med billedebaggrund

Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?

Tekstfelt med farvet baggrund og æseløre

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Citatboks m/u billede

Roterende/statiske citater med eller uden billede. Vist for neden i hhv. "Afrundet design", "Firkantet design" og med alm./store bogstaver.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Orla Østerby, MF

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Anders Johansson, MF

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Mette Abildgaard, MF

Dette er et citat i stilen “Alm. bogstaver (uden billede). Læg mærke til, at dette lag er delt op i to kolonner med to stk. “1/2 Kolonne” moduler. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Navn Navnesen, Byrådsmedlem

Dette er et almindeligt citat i stilen “Store bogstaver (uden billede)”. Læg mærke til, at dette lag er delt op i to kolonner med to stk. “1/2 Kolonne” moduler.

Navn Efternavnesen, Byrådsmedlem

Faneblade

Fanebladselementer med horisontale eller vertikale faner (både højre og venstre side)

Fane 1

Fane 2

Fane 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Fane 1

Fane 2

Fane 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Harmonika / Fold-ud element

Mulighed for åbne ("aktive") og lukkede faner, samt overskrifter med eller uden baggrund

Overskrift 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Overskrift 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Overskrift 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Overskrift 1

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Overskrift 2

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Overskrift 3

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Mærkesager

Indsæt partiets fokusområder/mærkesager – med ikon+overskrift eller billede+overskrift+beskrivelse. Fungerer på både hvid og mørkegrøn baggrund. Redigeres og opdateres centralt af hovedkontoret. "Læs mere" henviser til mærkesagerne på konservative.dk.

Billedekarrusel

Vælg billeder fra dine Medier. Husk at justere størrelsen så det passer til placeringen. Alternativt "Fuld størrelse".

Indsæt LayerSlider

Brug LayerSlider modulet til at bygge animerede lag op og indsæt dem som lag uanset hvor på siden.

Billedegalleri

Der er mulighed for at tilpasse billedernes størrelse, antal kolonner og layout. Nedenstående bruger layoutet "Thumbnail Gallery".

Lag med videobaggrund

Indsæt en video som baggrund og et "Tekstfelt med knap". Vælg med eller uden mørkegrøn baggrund. Obs! Videobaggrund slås fra på tablet og mobil.

Overskrift

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Overskrift

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Interesser

Indsæt en interesseformular

Hvis personen som udfylder formularen er medlem, bliver data sendt til dem i vælgerforeningen som har adgang til Membercare, dvs. formanden, den økonomiansvarlige og den medlemsansvarlige. Derudover bliver data også registeret på personens profil i Membercare.

Hvis personen som udfylder formularen ikke er medlem, bliver data registeret i Membercare og partisekretariatet sender en mail til vælgerforeningen i personens lokalområde med informationerne.

Det er ikke muligt at selv at vælge svarmulighederne, men vi modtager meget gerne forslag til andre svarmuligheder, send dem til os på webmaster@konservative.dk.