Deze pagina presenteert de meeste typografische aspecten van Symphony. Maak je lezers blij met geweldige typografie en gebruikerservaring!

Dit is een kop 1

Websites worden niet langer alleen bekeken op desktopschermen. Steeds meer smartphones, tablets en netbooks worden geïntroduceerd om nieuwe en handigere manieren te bieden om overal toegang te krijgen tot webcontent. In dit artikel introduceert Symphony Themes twee GRATIS Drupal 7-thema’s, Alphorn en Conch, die weergave ondersteunen op diverse apparaten, van smartphones en tablets tot laptops en computers met grote schermen.

Dit is een kop 2

Websites worden niet langer alleen bekeken op desktopschermen. Steeds meer smartphones, tablets en netbooks worden geïntroduceerd om nieuwe en handigere manieren te bieden om overal toegang te krijgen tot webcontent. In dit artikel introduceert Symphony Themes twee GRATIS Drupal 7-thema’s, Alphorn en Conch, die weergave ondersteunen op diverse apparaten, van smartphones en tablets tot laptops en computers met grote schermen.

Dit is een kop 3

Vestibulum varius ante in nulla commodo eget egestas mauris consectetur. Ut metus nunc, suscipit quis feugiat sed, aliquet sit amet magna. Morbi non nunc dui. Donec non ante nibh, sed blandit leo. Fusce ornare tempus est, in mollis libero lobortis a. Praesent sit amet egestas nisl. Vivamus tristique posuere pellentesque. Vestibulum varius ante in nulla commodo eget egestas mauris consectetur. Ut metus nunc, suscipit quis feugiat sed, aliquet sit amet magna.

Dit is een kop 4

Vestibulum varius ante in nulla commodo eget egestas mauris consectetur. Ut metus nunc, suscipit quis feugiat sed, aliquet sit amet magna. Morbi non nunc dui. Donec non ante nibh, sed blandit leo. Fusce ornare tempus est, in mollis libero lobortis a. Praesent sit amet egestas nisl. Vivamus tristique posuere pellentesque. Vestibulum varius ante in nulla commodo eget egestas mauris consectetur. Ut metus nunc, suscipit quis feugiat sed, aliquet sit amet magna.

Dit is een kop 5

Vestibulum varius ante in nulla commodo eget egestas mauris consectetur. Ut metus nunc, suscipit quis feugiat sed, aliquet sit amet magna. Morbi non nunc dui. Donec non ante nibh, sed blandit leo. Fusce ornare tempus est, in mollis libero lobortis a. Praesent sit amet egestas nisl.

Dit is een kop 6

Vestibulum varius ante in nulla commodo eget egestas mauris consectetur. Ut metus nunc, suscipit quis feugiat sed, aliquet sit amet magna. Morbi non nunc dui. Donec non ante nibh, sed blandit leo. Fusce ornare tempus est, in mollis libero lobortis a. Praesent sit amet egestas nisl.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus quis lectus metus, at posuere neque.

Hieronder staat een voorbeeld van <pre> of <div class="code">


.block-poll 
	border: 1px solid #284c4c;
	background:#1b282f;
	float:left;
	width:100%;
	margin-top:7px;

Lijststijl

  1. Dit is een voorbeeld van een geordende lijst.
  2. Lorem ipsum dolor sit amet consectetuer.
  3. Condimentum quis.
  4. Congue Quisque augue elit dolor nibh.
  • Dit is een voorbeeld van een ongeordende lijst.
  • Condimentum quis.
  • Congue Quisque augue elit dolor.
  • Nunc cursus sem et pretium sapien eget.

Blokcitaat

Hieronder staat een voorbeeld van <blockquote>

Dit is een voorbeeld van de blockquote-tag, gemaakt met lorem-ipsumtekst. Lorem ipsum dolor sit amet, consectetur adipisicing 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.

Markering

Dit is een gemarkeerde zin. Gebruik <span class="highlight">Hier komt je gemarkeerde zin!</span>./p>

Meldingen

Goed gedaan! Je hebt dit belangrijke waarschuwingsbericht succesvol gelezen.
Let op! Deze melding vraagt je aandacht, maar is niet heel belangrijk.
Waarschuwing! Controleer jezelf even, je ziet er niet al te best uit.
Oeps! Pas een paar dingen aan en probeer opnieuw te verzenden.

Tabel

Dit is een voorbeeld van <table>

Kop 1 Kop 2 Kop 3 Kop 4
Item 1 Item 2 Item 3 Item 4
Item 5 Item 6 Item 7 Item 8
Item 9 Item 10 Item 11 Item 12
Item 13 Item 14 Item 15 Item 16
Item 1 Item 2 Item 3 Item 4

Kolommen

De helft

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

De helft

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

 

Een derde

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

Een derde

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

Een derde

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

 

Een derde

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

Twee derde

Lorem ipsum dolor sit amet, consectetur adipisicing 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. Ipsum dolor sit amet, consectetur adipisicing 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 magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliqunon proident, sunt in culpa qui.

 

Een vierde

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

Een vierde

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

Een vierde

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

Een vierde

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

 

Een vierde

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

Drie vierde

Lorem ipsum dolor sit amet, consectetur adipisicing 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 adipisicing 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 adipisicing 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. magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliqu enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip