Codes & Styles

Condividi

Bootstrap 3 components built in, along with some other cool stuff.

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry’s standard dummy text ever since the 1500s.

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 [tweetable]voluptate velit esse cillum dolore eu fugiat nulla pariatur[/tweetable]. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Tweetable

Duis aute irure dolor in reprehenderit in [tweetable]voluptate velit esse cillum dolore eu fugiat nulla pariatur[/tweetable]. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Buttons

[row]
[column lg=”3″ md=”3″ sm=”6″ xs=”6″ ]
[table width =”100%” style =”table-striped table-hover” responsive =”true”]
[table_head]
[th_column]Large[/th_column]
[/table_head]
[table_body]
[table_row]
[row_column][button style=”btn-default btn” align=”left” type=”button” target=”false” title=”Default” link=”” custom_class=”disabled”][/row_column]
[/table_row]
[table_row]
[row_column][button style=”btn-primary btn ” align=”left” type=”button” title=”Primary”][/row_column]
[/table_row]
[table_row]
[row_column][button style=”btn-info btn ” align=”left” type=”button” title=”Info”][/row_column]
[/table_row]
[table_row]
[row_column][button style=”btn-success btn” align=”left” type=”button” title=”Success”][/row_column]
[/table_row]
[table_row]
[row_column][button style=”btn-warning btn ” align=”left” type=”button” title=”Warning”][/row_column]
[/table_row]
[table_row]
[row_column][button style=”btn-danger btn ” align=”left” type=”button” title=”Danger”][/row_column]
[/table_row]
[/table_body]
[/table]
[/column]
[column lg=”3″ md=”3″ sm=”6″ xs=”6″ ]
[table width =”100%” style =”table-striped table-hover” responsive =”true”][table_head][th_column]Disabled[/th_column][/table_head]
[table_body]
[table_row]
[row_column][button class=”disabled” style=”btn-default btn” align=”left” type=”button” target=”false” title=”Default” link=””][/row_column]
[/table_row]
[table_row]
[row_column][button class=”disabled” style=”btn-primary btn” align=”left” type=”button” title=”Primary”][/row_column]
[/table_row]
[table_row]
[row_column][button class=”disabled” style=”btn-info btn” align=”left” type=”button” title=”Info”][/row_column]
[/table_row]
[table_row]
[row_column][button class=”disabled” style=”btn-success btn” align=”left” type=”button” title=”Success”][/row_column]
[/table_row]
[table_row]
[row_column][button class=”disabled” style=”btn-warning btn” align=”left” type=”button” title=”Warning”][/row_column]
[/table_row]
[table_row]
[row_column][button class=”disabled” style=”btn-danger btn” align=”left” type=”button” title=”Danger”][/row_column]
[/table_row]
[/table_body]
[/table]
[/column]
[column lg=”3″ md=”3″ sm=”6″ xs=”6″ ]
[table width =”100%” style =”table-striped table-hover” responsive =”true”][table_head][th_column]With Icon[/th_column][/table_head]
[table_body]
[table_row]
[row_column][button style=”btn-default btn-lg” align=”left” type=”button” title=”Default”][/row_column]
[/table_row]
[table_row]
[row_column][button style=”btn-primary btn” align=”left” type=”button” title=”Primary”][/row_column]
[/table_row]
[table_row]
[row_column][button class=”disabled” style=”btn-info btn” align=”left” type=”button” title=”Info”][/row_column]
[/table_row]
[table_row]
[row_column][button class=”disabled” style=”btn-success btn” align=”left” type=”button” title=”Success”][/row_column]
[/table_row]
[table_row]
[row_column][button class=”disabled” style=”btn-warning btn” align=”left” type=”button” title=”Warning”][/row_column]
[/table_row]
[table_row]
[row_column][button style=”btn-danger btn” align=”left” type=”button” title=”Danger”][/row_column]
[/table_row]
[/table_body]
[/table]
[/column]
[column lg=”3″ md=”3″ sm=”6″ xs=”6″ ]
[table width =”100%” style =”table-striped table-hover” responsive =”true”][table_head][th_column]Small[/th_column][/table_head]
[table_body]
[table_row]
[row_column][button style=”btn-default btn-sm” align=”left” type=”button” target=”false” title=”Default” link=””][/row_column]
[/table_row]
[table_row]
[row_column][button style=”btn-primary btn-sm” align=”left” type=”button” title=”Primary”][/row_column]
[/table_row]
[table_row]
[row_column][button style=”btn-info btn-sm” align=”left” type=”button” title=”Info”][/row_column]
[/table_row]
[table_row]
[row_column][button style=”btn-success btn-sm” align=”left” type=”button” title=”Success”][/row_column]
[/table_row]
[table_row]
[row_column][button style=”btn-warning btn-sm” align=”left” type=”button” title=”Warning”][/row_column]
[/table_row]
[table_row]
[row_column][button style=”btn-danger btn-sm” align=”left” type=”button” title=”Danger”][/row_column]
[/table_row]
[/table_body]
[/table]
[/column]

[/row]

Typography A small text


h1 Heading 1

h2 Heading 2

h3 Heading 3

h4 Heading 4

h5 Heading 5
h6 Heading 6

Paragraph

Lorem ipsum dolor sit amet, a mark here adipisicing elit. Atque, iusto, minus sequi natus nesciunt rerum tenetur corrupti autem officiis fugiat expedita laudantium ea aspernatur

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nam, velit, facere eos molestias rerum nesciunt consequatur voluptate minus quod

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Odio, vitae, dolore, ratione, neque deleniti officia atque dignissimos porro.

Consectetur adipisicing elit. Corrupti, aliquam, voluptates, nulla, blanditiis totam voluptatem voluptatum quod ipsa debitis non ab odio natus.

Address

Quisquam, dolorum, iusto iste voluptates rerum ea quas expedita.

Lead text

Quisquam, dolorum, iusto iste voluptates rerum ea quas expedita.

Small text

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Omnis et ullam libero repellendus voluptatibus obcaecati magni id nulla dolores nesciunt. Quasi quisquam facilis nobis ullam rem deleniti vero consectetur earum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.

Someone famous in Source Title

List Groups

  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Porta ac consectetur ac
  • Vestibulum at eros

List group item heading

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

List group item heading

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

List group item heading

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

[row]
[column lg=”6″ ]

Toggles

[toggles]
[toggle title=”Accordion number 1″]Toggle 1 content goes here.[/toggle]
[toggle title=”Accordion number 2″]Toggle 2 content goes here.[/toggle]
[toggle title=”Accordion number 3″]Toggle 3 content goes here.[/toggle]
[toggle title=”Accordion number 4″]Toggle 4 content goes here.[/toggle]
[/toggles]
[/column]
[column lg=”6″ ]

Tabs

[tabs]
[tab title=”Tab number 1″ active=”active”]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 [tweetable]voluptate velit esse cillum dolore eu fugiat nulla pariatur[/tweetable]. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/tab]
[tab title=”Tab number 2″]Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Duis aute irure dolor in reprehenderit in [tweetable]voluptate velit esse cillum dolore eu fugiat nulla pariatur[/tweetable]. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/tab]
[tab title=”Tab number 3″]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 [tweetable]voluptate velit esse cillum dolore eu fugiat nulla pariatur[/tweetable]. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/tab]
[tab title=”Tab number 4″]Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.Duis aute irure dolor in reprehenderit in [tweetable]voluptate velit esse cillum dolore eu fugiat nulla pariatur[/tweetable]. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/tab]
[/tabs]
[/column]
[/row]
[row]
[column lg=”4″ md=”6″ ]

Alerts

[notification type=”alert-warning” close=”true” ]Warning: You best check yourself son…[/notification]

[notification type=”alert-danger” close=”true” ]Uh oh: What have you done Tyronne…[/notification]

[notification type=”alert-success” close=”true” ]Well done!: Looks like you did something worthy.[/notification]

[notification type=”alert-info” close=”true” ]Heads up: This alert requires some attention, but it’s not super important.[/notification]

[/column]
[column lg=”4″ md=”6″ ]

Progress Bars

[progressbar value=”50″]

[progressbar value=”75″ bartype=”progress-bar-success” title=”blah”]

[progressbar value=”25″ bartype=”progress-bar-info”]

[progressbar value=”60″ bartype=”progress-bar-warning”]

[/column]
[column lg=”4″ md=”6″ ]

Tooltips

[tooltip type=”button” link=”” tooltip=”Tooltip” style=”top]Hover Over Me[/tooltip]

[/column]
[/row]

Tables

Striped

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Bordered

# First Name Last Name Username
1 Mark Otto @mdo
Mark Otto @TwBootstrap
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Images

[row]
[column lg=”7″ md=”7″ sm=”6″ xs=”6″ ]
[image src=”http://www.enkodo.it/marchi/wp-content/uploads/2014/02/Smartphones.jpg” shape=”img-rounded” class=”responsive”]
[/column]
[column  lg=”5″ md=”5″ sm=”6″ xs=”6″” ]

Rounded

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.

[/column]
[/row]

[row]
[column  lg=”5″ md=”5″ sm=”6″ xs=”6″ ]
[image src=”http://www.enkodo.it/marchi/wp-content/uploads/2014/02/bape.jpg” shape=”img-circle” class=”responsive”]
[/column]
[column  lg=”7″ md=”7″ sm=”6″ xs=”6″ ]

Circle

Voluptas nulla pariaturoccaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
[/column]
[/row]

 

Columns

[row]
[column lg=”6″ ]

Column 1

OK, first off: a lion, swimming in the ocean. Lions don’t like water. If you placed it near a river or some sort of fresh water source, that make sense. But you find yourself in the ocean, 20 foot wave, I’m assuming off the coast of South Africa, coming up against a full grown 800 pound tuna with his 20 or 30 friends, you lose that battle, you lose that battle 9 times out of 10. And guess what, you’ve wandered into our school of tuna and we now have a taste of lion. We’ve talked to ourselves. We’ve communicated and said ‘You know what, lion tastes good, let’s go get some more lion’. We’ve developed a system to establish a beach-head and aggressively hunt you and your family and we will corner your pride, your children, your offspring.
[/column]
[column lg=”6″ ]

Column 2

OK, first off: a lion, swimming in the ocean. Lions don’t like water. If you placed it near a river or some sort of fresh water source, that make sense. But you find yourself in the ocean, 20 foot wave, I’m assuming off the coast of South Africa, coming up against a full grown 800 pound tuna with his 20 or 30 friends, you lose that battle, you lose that battle 9 times out of 10. And guess what, you’ve wandered into our school of tuna and we now have a taste of lion. We’ve talked to ourselves. We’ve communicated and said ‘You know what, lion tastes good, let’s go get some more lion’. We’ve developed a system to establish a beach-head and aggressively hunt you and your family and we will corner your pride, your children, your offspring.
[/column]
[/row]

 

[row]
[column lg=”4″ ]

Column 1

OK, first off: a lion, swimming in the ocean. Lions don’t like water. If you placed it near a river or some sort of fresh water source, that make sense. But you find yourself in the ocean, 20 foot wave, I’m assuming off the coast of South Africa, coming up against a full grown 800 pound tuna with his 20 or 30 friends, you lose that battle, you lose that battle 9 times out of 10. And guess what, you’ve wandered into our school of tuna and we now have a taste of lion. We’ve talked to ourselves. We’ve communicated and said ‘You know what, lion tastes good, let’s go get some more lion’. We’ve developed a system to establish a beach-head and aggressively hunt you and your family and we will corner your pride, your children, your offspring.
[/column]
[column lg=”4″ ]

Column 2

OK, first off: a lion, swimming in the ocean. Lions don’t like water. If you placed it near a river or some sort of fresh water source, that make sense. But you find yourself in the ocean, 20 foot wave, I’m assuming off the coast of South Africa, coming up against a full grown 800 pound tuna with his 20 or 30 friends, you lose that battle, you lose that battle 9 times out of 10. And guess what, you’ve wandered into our school of tuna and we now have a taste of lion. We’ve talked to ourselves. We’ve communicated and said ‘You know what, lion tastes good, let’s go get some more lion’. We’ve developed a system to establish a beach-head and aggressively hunt you and your family and we will corner your pride, your children, your offspring.
[/column]
[column lg=”4″ ]

Column 3

OK, first off: a lion, swimming in the ocean. Lions don’t like water. If you placed it near a river or some sort of fresh water source, that make sense. But you find yourself in the ocean, 20 foot wave, I’m assuming off the coast of South Africa, coming up against a full grown 800 pound tuna with his 20 or 30 friends, you lose that battle, you lose that battle 9 times out of 10. And guess what, you’ve wandered into our school of tuna and we now have a taste of lion. We’ve talked to ourselves. We’ve communicated and said ‘You know what, lion tastes good, let’s go get some more lion’. We’ve developed a system to establish a beach-head and aggressively hunt you and your family and we will corner your pride, your children, your offspring.
[/column]
[/row]

 

[row]
[column lg=”3″ ]

Column 1

OK, first off: a lion, swimming in the ocean. Lions don’t like water. If you placed it near a river or some sort of fresh water source, that make sense. But you find yourself in the ocean, 20 foot wave, I’m assuming off the coast of South Africa, coming up against a full grown 800 pound tuna with his 20 or 30 friends, you lose that battle, you lose that battle 9 times out of 10. And guess what, you’ve wandered into our school of tuna and we now have a taste of lion. We’ve talked to ourselves. We’ve communicated and said ‘You know what, lion tastes good, let’s go get some more lion’. We’ve developed a system to establish a beach-head and aggressively hunt you and your family and we will corner your pride, your children, your offspring.
[/column]
[column lg=”3″ ]

Column 2

OK, first off: a lion, swimming in the ocean. Lions don’t like water. If you placed it near a river or some sort of fresh water source, that make sense. But you find yourself in the ocean, 20 foot wave, I’m assuming off the coast of South Africa, coming up against a full grown 800 pound tuna with his 20 or 30 friends, you lose that battle, you lose that battle 9 times out of 10. And guess what, you’ve wandered into our school of tuna and we now have a taste of lion. We’ve talked to ourselves. We’ve communicated and said ‘You know what, lion tastes good, let’s go get some more lion’. We’ve developed a system to establish a beach-head and aggressively hunt you and your family and we will corner your pride, your children, your offspring.
[/column]
[column lg=”3″ ]

Column 3

OK, first off: a lion, swimming in the ocean. Lions don’t like water. If you placed it near a river or some sort of fresh water source, that make sense. But you find yourself in the ocean, 20 foot wave, I’m assuming off the coast of South Africa, coming up against a full grown 800 pound tuna with his 20 or 30 friends, you lose that battle, you lose that battle 9 times out of 10. And guess what, you’ve wandered into our school of tuna and we now have a taste of lion. We’ve talked to ourselves. We’ve communicated and said ‘You know what, lion tastes good, let’s go get some more lion’. We’ve developed a system to establish a beach-head and aggressively hunt you and your family and we will corner your pride, your children, your offspring.
[/column]
[column lg=”3″ ]

Column 4

OK, first off: a lion, swimming in the ocean. Lions don’t like water. If you placed it near a river or some sort of fresh water source, that make sense. But you find yourself in the ocean, 20 foot wave, I’m assuming off the coast of South Africa, coming up against a full grown 800 pound tuna with his 20 or 30 friends, you lose that battle, you lose that battle 9 times out of 10. And guess what, you’ve wandered into our school of tuna and we now have a taste of lion. We’ve talked to ourselves. We’ve communicated and said ‘You know what, lion tastes good, let’s go get some more lion’. We’ve developed a system to establish a beach-head and aggressively hunt you and your family and we will corner your pride, your children, your offspring.
[/column]
[/row]

 

 

 


Condividi