Demo

Module Positions

Categoria: Demo

With the Layout Builder you can create unlimited positions. By default you have all these module positions:

toolbar
toolbar-l	toolbar-r

Header
logo	menu

Feature
feature

News
news

Users
user1	user2

Middle
middle-l	middle-r

Intop
intop1	intop2	intop3	intop4

Parallax
parallax

Breadcrumb
breadcrumb

Main Body
left	component	right

Inner
inner1	inner2	inner3	inner4

Parallax Bottom
parallax-bottom

Position
position1	position2	position3

Inbottom
inbottom1	inbottom2	inbottom3	inbottom4

Bottom
bottom1	bottom2	bottom3	bottom4

Bottom 2
bottom5	bottom6	bottom7	bottom8

Footer
footer2	footer1

Video

Categoria: Demo

Get the code

[spvideo]https://www.youtube.com/watch?v=vb2eObvmvdI[/spvideo]

Get the code

[spvideo]http://vimeo.com/3701346[/spvideo]

Typography

Categoria: Demo

h1. Heading 1

h2. Heading 2

h3. Heading 3

h4. Heading 4

h5. Heading 5

h6. Heading 6

urban. Urban colored style

Dropcap

This is a Magazine Style Drop Cap. 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.

[dropcap]Dropcap Texts[/dropcap]

Highlight parts of your text wherever you want. 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.

This is a sample unordered list

ul with class arrow

ul with class arrow-double

ul with class tick

ul with class cross

ul with class star

ul with class rss

ul with class spot

This is a sample ordered list

ul with class arrow

ul with class arrow-double

ul with class tick

ul with class cross

ul with class star

ul with class rss

Block Number

01 Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.

02 Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.

03 Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.

[blocknumber type="circle" text="01" color="#FFF" background="#dd4b32"]Circle Block Number[/blocknumber]

01 Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.

02 Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.

03 Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.

[blocknumber type="rounded" text="01" color="#FFF" background="#329491"]Rounded Block Number[/blocknumber]

01 Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.

02 Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.

03 Lorem ipsum dolor sit amet consectetuer rutrum dignissim et neque id.

[blocknumber text="01" color="#FFF" background="#999"]Normal Block Number[/blocknumber]

Block Examples

Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.

[block color="#FFF" background="#dd4b32"]Content[/block]

Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.

[block type="rounded" color="#FFF" background="#000000"]Lorem ipsum dolor[/block]

Lorem ipsum dolor sit amet, sic genero nomine Piscatore mihi. Dicis Deducitur potest flens praemio quod non dum veniens indica enim.

[block border="5px solid #99c864" padding="10px 15px"]Lorem ipsum dolor[/block]

Bubble Examples

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula orci, ullamcorper vitae sodales venenatis, feugiat et felis. Donec non dui velit, a posuere dui.

Betty D. Steward

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula orci, ullamcorper vitae sodales venenatis, feugiat et felis. Donec non dui velit, a posuere dui.

Barbara J. Pennebaker

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ligula orci, ullamcorper vitae sodales venenatis, feugiat et felis. Donec non dui.

Chad M. Simmons

[bubble background="#FFF" color="#666" border="3px solid #ccc" author="Chad M. Simmons"]Lorem ipsum dolor sit amet.[/bubble]

Article

Categoria: Demo

This is a sample unordered list

ul with class arrow

ul with class arrow-2

ul with class star

ul with class rss

Column

Categoria: Shortcode

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id.

Get the code

[row id="ROW_ID" class="ROW_CLASS"]
[col class="span4"]ADD_CONTENT_HERE[/col]
[col class="span4"]ADD_CONTENT_HERE[/col]
[col class="span4"]ADD_CONTENT_HERE[/col]
[/row]

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id. Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id. Nullam id dolor id nibh ultricies vehicula ut id. Donec id elit non mi porta gravida at eget metus.

Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id.

Get the code

[row id="ROW_ID" class="ROW_CLASS"]
[col class="span8"]ADD_CONTENT_HERE[/col]
[col class="span4"]ADD_CONTENT_HERE[/col]
[/row]

Icon

Categoria: Shortcode

icon-glass
icon-heart
icon-film
icon-ok
icon-off
icon-home
icon-download-alt
icon-play-circle
icon-lock
icon-volume-down
icon-tag
icon-print
icon-italic
icon-align-center
icon-indent-left
icon-pencil
icon-edit
icon-step-backward
icon-pause
icon-step-forward
icon-plus-sign
icon-question-sign
icon-ok-circlet
icon-arrow-up
icon-resize-small
icon-exclamation-sign
icon-eye-open
icon-calendar
icon-chevron-up
icon-align-folder-close
icon-hdd
icon-thumbs-up
icon-hand-up
icon-circle-arrow-up
icon-align-tasks

icon-music
icon-star
icon-th-large
icon-remove
icon-signal
icon-file
icon-download
icon-play-repeat
icon-flag
icon-volume-up
icon-tags
icon-camera
icon-text-height
icon-align-right
icon-indent-right
icon-map-marker
icon-share
icon-fast-backward
icon-stop
icon-eject
icon-minus-sign
icon-info-sign
icon-ban-circle
icon-arrow-down
icon-plus
icon-gift
icon-eye-close
icon-random
icon-chevron-down
icon-align-folder-open
icon-bullhorn
icon-thumbs-down
icon-hand-down
icon-circle-arrow-down
icon-align-filter

icon-search
icon-star-empty
icon-th
icon-zoom-in
icon-cog
icon-time
icon-upload
icon-play-refresh
icon-headphones
icon-qrcode
icon-book
icon-font
icon-text-width
icon-align-justify
icon-facetime-video
icon-adjustr
icon-check
icon-backward
icon-forward
icon-chevron-left
icon-remove-sign
icon-screenshot
icon-arrow-left
icon-share-alt
icon-minus
icon-leaf
icon-warning-sign
icon-comment
icon-retweet
icon-resize-vertical
icon-bell
icon-hand-right
icon-circle-arrow-right
icon-circle-globe
icon-align-briefcase

Get the code

[icon name="ICON_NAME"]...[/icon]

Buttons

Categoria: Shortcode

Large Primary with icon

Default button Default button

Small button Small button

Mini button Mini button

Eventus comes with different buttons style and 3 sizes - mini, small, large. You can use Font Awesome as well to create more Awesome buttons!

Get the code

[button type="BUTTON_TYPE" size="" link="#" target="_blank"]Button with target in new window[/button]

[button type="BUTTON_TYPE" size="" link="#"]Button with default self target[/button]

Demo

toolbar

Header

Feature

News

Users

Middle

Intop

Parallax

Breadcrumb

Main Body

Inner

Parallax Bottom

Position

Inbottom

Bottom

Bottom 2

Footer

Get the code

Get the code

h1. Heading 1

h2. Heading 2

h3. Heading 3

h4. Heading 4

h5. Heading 5

h6. Heading 6

Dropcap

Block Number

Block Examples

Bubble Examples

Get the code

Get the code

Get the code

Get the code

Subcategorias

Prefeitura Municipal de Franca

Descubra Franca

Conheça a Prefeitura

Contato

Redes Sociais