Componenten

Steeds meer fantastische componenten om je website nog effeciënter te maken.
Alle componenten kun je hier vinden (Navigatie, Breadcrumbs, Social buttons en nog veel meer).

Navigatie bar

De navigatiebar is het belangrijkste deel van jouw website, je kan deze position: fixed en ook position: relative zetten.


Navigatiebar werkt niet in de mobiele versie.
U zult geen problemen ondervinden wanneer jezelf aan de slag gaat.

CODE

Breadcrumbs

De breadcrumbs letterlijk vertaald broodkruimels. Ze worden gebruikt waar je ergens bent op de site

CODE

Typographie

De Typographie die we gebruiken in ons De(e)sign.

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor.

CODE

Example body text

Nullam quis risus eget urna mollis ornare vel eu leo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Nullam id dolor id nibh ultricies vehicula.

This line of text is meant to be treated as fine print.

The following snippet of text is rendered as bold text.

The following snippet of text is rendered as italicized text.

An abbreviation of the word attribute is attr.

CODE

Emphasis classes

Fusce dapibus, tellus ac cursus commodo, tortor mauris nibh.

CODE

Buttons

De buttons van Deesign zijn zeer effectief en makkelijk bruikbaar. Kies je eigen knop grote en style het naar je eigen kleur.




Socialbuttons

De socialbuttons zijn zeer effectief en ze werken met ons eigen font zodat het steeds sneller laad.


CODE

Terug naar boven knop

De knop om terug naar boven te gaan.


CODE

Vooruitgangbalk

De vooruitgang balk om te zien hoe ver je al staat met je project.

CODE

Container

Dit word ook wel eens de header genoemd. Deze is eigenlijk om het doel van de website in te plaatsen of belangrijke content.

Jumbotron

Dit is een content eenheid, een enkele jumbotron-stijl component voor de content extra aandacht te geven van goude informatie.

Lees meer


CODE


Alerts

De waarchuwingen om belangrijke aankondigingen te verkondiging of om extra informatie te geven.

Heads up! This alert needs your attention, but it's not super important.

×

Well done! You successfully read this important alert message.

×

Oh snap! Change a few things up and try submitting again.

×

Best check yo self, you're not looking too good.

×

CODE

Pagination

De pagina's om te zien aan welke pagina je al bent en hoeveel er nog komen. Nuttig voor blogs of een pagina vol met video's.

CODE

Footer

Het onderste gedeelte van de site waar je de belanfrijkste contactgegevens, pagina's en aanbelvelingen kwijt kunt.

CODE

Achtergrond

Met de achtgrond kun jij je website in verschillende delen verdelen. Je kan natuurlijk meer achtergronden bijvoegen in jouw CSS.

CODE

Panels

Met de panels kun je de content in verschillende blokken verdelen met behulp van het grid systeem.

Basic panel
Panel heading
Panel content
Panel content

Titel

Panel Button

CODE

Forms

De forms kun je voornamelijk gebruiken een formulier of een contact pagina te maken.

Titel 1



Titel 2



Titel 3



Titel 4

Radio 1

Radio 2


Titel 5





CODE

www.000webhost.com