[columns]
[column_item col="4"]First[/column_item]
[column_item col="4"]Second[/column_item]
[column_item col="4"]Third[/column_item]
[/columns]
[columns]
[column_item col="3"]First[/column_item]
[column_item col="3"]Second[/column_item]
[column_item col="3"]Third[/column_item]
[column_item col="3"]Fourth[/column_item]
[/columns]
[columns]
[column_item col="8"]First[/column_item]
[column_item col="4"]Second[/column_item]
[/columns]
Button | class="" | Description |
---|---|---|
btn |
Standard gray button with gradient | |
btn btn-primary |
Provides extra visual weight and identifies the primary action in a set of buttons | |
btn btn-info |
Used as an alternative to the default styles | |
btn btn-success |
Indicates a successful or positive action | |
btn btn-warning |
Indicates caution should be taken with this action | |
btn btn-danger |
Indicates a dangerous or potentially negative action | |
btn btn-inverse |
Alternate dark gray button, not tied to a semantic action or use |
<button class="btn">Default</button><button class="btn btn-primary">Primary</button>
<button class="btn btn-info">Info</button>
<button class="btn btn-success">Success</button>
<button class="btn btn-warning">Warning</button>
<button class="btn btn-danger">Danger</button>
<button class="btn btn-inverse">Inverse</button>
As a convention, buttons should only be used for actions while hyperlinks are to be used for objects. For instance, "Download" should be a button while "recent activity" should be a link.
Button styles can be applied to anything with the .btn
class applied. However, typically you'll want to apply these to only <a>
and <button>
elements.
IE9 doesn't crop background gradients on rounded corners, so we remove it. Related, IE9 jankifies disabled button
elements, rendering text gray with a nasty text-shadow that we cannot fix.
Fancy larger or smaller buttons? Add .btn-large
, .btn-small
, or .btn-mini
for two additional sizes.
For disabled buttons, add the .disabled
class to links and the disabled
attribute for <button>
elements.
Heads up! We use .disabled
as a utility class here, similar to the common .active
class, so no prefix is required.
Use the .btn
class on an <a>
, <button>
, or <input>
element.
<a class="btn" href="/">Link</a> <button class="btn" type="submit"> Button </button> <input class="btn" type="button" value="Input"> <input class="btn" type="submit" value="Submit">
As a best practice, try to match the element for you context to ensure matching cross-browser rendering. If you have an input
, use an <input type="submit">
for your button.
Ut magna diam, condimentum nec vulputate eget, blandit condimentum ligula. Nunc sagittis molestie nulla, et fringilla est adipiscing at. Proin aliquet sapien ut justo viverra at interdum risus posuere. Integer hendrerit nisi dignissim nibh mattis accumsan. Integer sit amet augue vitae diam lobortis commodo vel et odio. Aliquam hendrerit, quam vitae aliquam blandit, diam ipsum tincidunt arcu, ac varius turpis nisi eu libero. Nunc ac ante mauris. Morbi at libero non tellus rhoncus scelerisque at vitae est. Praesent sed felis risus. Proin tristique, mi id semper pulvinar, leo orci iaculis urna, sed ultricies turpis sem a purus. Integer mattis elit sit amet erat varius sit amet accumsan orci eleifend. Duis tristique est et felis ultricies sit amet interdum lacus adipiscing. Sed quam mi, sagittis sed tincidunt at, mattis sed orci. Sed egestas turpis a nibh suscipit cursus. Vivamus sagittis sapien eu justo rutrum in auctor nibh blandit
Ut magna diam, condimentum nec vulputate eget, blandit condimentum ligula. Nunc sagittis molestie nulla, et fringilla est adipiscing at. Proin aliquet sapien ut justo viverra at interdum risus posuere. Integer hendrerit nisi dignissim nibh mattis accumsan. Integer sit amet augue vitae diam lobortis commodo vel et odio. Aliquam hendrerit, quam vitae aliquam blandit, diam ipsum tincidunt arcu, ac varius turpis nisi eu libero. Nunc ac ante mauris. Morbi at libero non tellus rhoncus scelerisque at vitae est. Praesent sed felis risus. Proin tristique, mi id semper pulvinar, leo orci iaculis urna, sed ultricies turpis sem a purus. Integer mattis elit sit amet erat varius sit amet accumsan orci eleifend. Duis tristique est et felis ultricies sit amet interdum lacus adipiscing. Sed quam mi, sagittis sed tincidunt at, mattis sed orci. Sed egestas turpis a nibh suscipit cursus. Vivamus sagittis sapien eu justo rutrum in auctor nibh blandit
Ut magna diam, condimentum nec vulputate eget, blandit condimentum ligula. Nunc sagittis molestie nulla, et fringilla est adipiscing at. Proin aliquet sapien ut justo viverra at interdum risus posuere. Integer hendrerit nisi dignissim nibh mattis accumsan. Integer sit amet augue vitae diam lobortis commodo vel et odio. Aliquam hendrerit, quam vitae aliquam blandit, diam ipsum tincidunt arcu, ac varius turpis nisi eu libero. Nunc ac ante mauris. Morbi at libero non tellus rhoncus scelerisque at vitae est. Praesent sed felis risus. Proin tristique, mi id semper pulvinar, leo orci iaculis urna, sed ultricies turpis sem a purus. Integer mattis elit sit amet erat varius sit amet accumsan orci eleifend. Duis tristique est et felis ultricies sit amet interdum lacus adipiscing. Sed quam mi, sagittis sed tincidunt at, mattis sed orci. Sed egestas turpis a nibh suscipit cursus. Vivamus sagittis sapien eu justo rutrum in auctor nibh blandit
[quote align='center' color='#999999']ADD_CONTENT_HERE[/quote]
[quote align='left' color='#999999']ADD_CONTENT_HERE[/quote]
[quote align='right' color='#999999']ADD_CONTENT_HERE[/quote]
[accordion]
[acc_item title='ITEM_TITLE']ADD_CONTENT_HERE[/acc_item]
[acc_item title='ITEM_TITLE']ADD_CONTENT_HERE[/acc_item]
[acc_item title='ITEM_TITLE']ADD_CONTENT_HERE[/acc_item]
[/accordion]
Phasellus metus tortor, tempor sit amet scelerisque ut, blandit ut erat. Nullam sed justo lectus. Praesent felis erat, lacinia nec posuere in, dignissim eget est. Vivamus ut erat feugiat felis dapibus rhoncus. Maecenas gravida facilisis fermentum. Cras congue imperdiet pharetra. Donec interdum placerat consequat. Ut eget arcu nibh, at porta sem. Vivamus sodales neque ut lorem interdum tristique. Praesent iaculis posuere elit, vitae lobortis ante vulputate at. Donec faucibus adipiscing metus, a fringilla metus rhoncus at. Donec porta ullamcorper quam sed molestie!
Integer condimentum vulputate augue, id auctor risus tincidunt nec. Quisque id diam nec risus molestie iaculis id consectetur tellus. Mauris dapibus sollicitudin enim, eget dictum tortor egestas et. Integer vitae felis justo, ut porta libero. Sed egestas velit commodo metus tempus a aliquam dui hendrerit? Etiam eros felis, ullamcorper vitae varius vitae, ornare a enim! Ut aliquam velit eu libero sodales a pharetra nulla tristique.
Suspendisse eget libero sed lorem tristique tincidunt. Ut sed est augue. In pretium scelerisque mauris, a tempus est aliquet nec. Praesent placerat lectus sed nunc ultricies rhoncus ut vel tellus. Nunc ultrices consequat felis, eget tempor nibh sodales non. Vivamus ac ipsum vel orci mollis interdum! Nulla porttitor ante eget est dignissim pulvinar. Vivamus diam leo, laoreet eget posuere ut, sollicitudin non risus! Duis sagittis lorem vel ligula commodo vestibulum! Etiam commodo hendrerit lectus, et vehicula enim tincidunt quis. Phasellus quam quam, ullamcorper non malesuada at, condimentum placerat metus. Praesent tincidunt dignissim risus id luctus.
Fusce malesuada neque id nibh adipiscing varius. Donec turpis augue, viverra quis porta vitae, ornare hendrerit sapien. Praesent ultricies dignissim nisl eu vulputate. Nunc a turpis quis odio molestie scelerisque sed laoreet ipsum. Duis sed tellus eget lorem imperdiet varius ut vel lectus. Morbi lacinia facilisis porta. Morbi tincidunt, leo sed porttitor pharetra, odio velit scelerisque diam, vitae bibendum purus nulla at massa. Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Maecenas congue, magna eu molestie interdum, leo ante scelerisque neque, sit amet ultricies enim neque non nunc! Proin sed quam nec nunc tristique malesuada. Quisque suscipit mattis erat, auctor luctus neque fringilla eget. Mauris eu auctor orci. Nunc fermentum tincidunt purus, et euismod magna euismod in. Nullam et urna dolor? Fusce non mi nibh! Vestibulum sollicitudin enim et nunc varius semper. Etiam felis sem, suscipit in tincidunt sit amet, congue a neque. Donec ultrices eros nec nisl tempor at facilisis mi facilisis. Nunc et lorem nisl. Sed non eros lorem. Nam nec tortor tristique leo luctus auctor.
Pellentesque vulputate, purus quis interdum ultrices, magna enim blandit nulla, ac pellentesque mi nisl vel metus. Etiam quis ipsum felis. Aliquam eget lorem erat! Vestibulum et elementum risus. Cras eleifend, dui in elementum congue, urna velit vestibulum risus, quis imperdiet nisi mi ut ipsum. Sed in orci nisl, sed rutrum quam? Vivamus faucibus risus in ligula faucibus non sodales purus adipiscing.
Mauris in nunc nibh. Curabitur vulputate, risus at elementum varius, est nibh semper quam, id dapibus orci lectus eu augue. Nullam nec ante et felis vestibulum fringilla. Vestibulum sollicitudin, tortor eget porta scelerisque, magna turpis lacinia mauris, at volutpat leo felis id purus. Vestibulum dictum metus sit amet quam placerat in adipiscing nibh tincidunt? Integer quis augue vitae nibh venenatis facilisis. Nullam elementum adipiscing nibh, vitae varius orci placerat non? Sed euismod dignissim pretium. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.
Mauris sed lacus et quam egestas condimentum condimentum nec augue. Proin adipiscing scelerisque turpis vitae rhoncus. Curabitur tincidunt est non felis convallis eget consectetur eros condimentum. Praesent vitae venenatis sem. Fusce faucibus sollicitudin faucibus. Donec ligula nulla, hendrerit at lobortis quis, lacinia vel leo. Pellentesque ultricies molestie purus blandit vulputate? Aliquam tincidunt, nibh eu convallis sagittis, purus magna placerat odio; vitae mollis purus mi eget sem? Suspendisse potenti.
Vivamus vel sagittis justo. Pellentesque sem magna; lacinia sed aliquet eget, eleifend et sem. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. In justo magna, sodales dapibus posuere id, dictum eu neque.
Quisque pellentesque volutpat augue eu dignissim! Nam dolor metus, lacinia sit amet ultricies a, lacinia eget neque. Proin pharetra arcu in elit scelerisque ut elementum elit posuere. Nam ut enim ac ligula condimentum iaculis ac quis sem. Sed aliquam urna sit amet mi semper quis faucibus felis fringilla. Etiam vitae pellentesque lectus. Mauris mattis tristique nulla id dignissim.
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Fusce mattis, ante scelerisque eleifend posuere, odio massa elementum orci, ac egestas dui orci sed mi. Donec imperdiet nibh et magna hendrerit id semper lorem molestie. Donec massa lectus, elementum quis egestas eget, suscipit fermentum nisl. Mauris viverra neque vitae lectus sagittis eget adipiscing erat tristique.
Aliquam vitae viverra orci. Cras tempus dolor vitae quam sodales ut laoreet lectus tempus? In vitae semper sem. Proin turpis leo; iaculis nec placerat et, tempor nec nisl. Aliquam vitae eros nulla! Donec vulputate hendrerit porttitor. In at quam sapien, eget congue risus. Aliquam erat volutpat. In in est justo. Nullam congue justo quis metus mollis eu rhoncus dui malesuada. Ut eget iaculis neque.
Lorem Ipsum is simply dummy text of the printing and typesetting. Aenean vel ultricies mauris. Vivamus commodo dapibus pretium. Maecenas vitae lacus vitae mauris cursus sagittis vel id ipsum? Nam nunc mi, bibendum nec vulputate hendrerit, faucibus in velit. Cras congue tincidunt aliquam? Sed ut condimentum dui. Phasellus vitae dui ac turpis imperdiet rutrum.
Praesent commodo auctor rhoncus? Sed volutpat sem eget libero dictum laoreet quis at nibh. Etiam ligula justo, imperdiet non tincidunt eu, tempus non augue! Etiam facilisis auctor convallis? Duis sed sapien lorem. Mauris quam neque, sollicitudin nec gravida nec, faucibus id odio. Donec facilisis pulvinar nisi; eget pharetra urna cursus ac? Phasellus eu libero porttitor quam convallis dictum. Quisque quam ligula, ultrices sit amet elementum at, facilisis ac quam! Cras convallis justo et odio fermentum at interdum dolor cursus.
Morbi dictum ultricies arcu, sed lobortis massa tincidunt vitae. Donec lobortis est vel est convallis ut ultricies metus aliquam. Nullam ut sem eros, tincidunt lobortis ipsum. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Maecenas tellus mi, porttitor nec consectetur at, hendrerit non nisl. Donec vehicula fermentum metus, vel elementum mi vulputate tincidunt.
Donec quis massa risus! In a ligula id magna tempus euismod. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vestibulum magna nisl, suscipit vitae molestie vel, gravida at est. Suspendisse varius facilisis auctor. Sed id nisi eget tellus sodales vulputate at eget tellus. Vestibulum dapibus diam a erat sagittis luctus! Cras luctus ornare tristique. Etiam pharetra, augue sit amet pharetra lobortis, ante massa convallis nisl, sit amet tincidunt leo elit quis neque.
MONDO FM este noua senzatie din eterul hunedorean. Un radio 100% local, o echipa de profesionisti gata sa aduca 24 de ore din 24 cele mai importante stiri din judetul HUNEDOARA in FM. Pe o piata asaltata din ce in ce mai mult de radiourile centrale MONDO FM isi propune atragerea ascultatorului interesat de ceea ce se intampla pe strada sa, in orasul sau, in judetul sau. MONDO FM poate fi receptionat si pe internet, astfel finnd inlaturate barierele zonei de acoperire. Echipa MONDO FM este formata din cei mai experimentati oameni de radio din zona, alaturi de acestia fiind cooptati cativa dintre analistii de referinta ai judetului HUNEDOARA. MONDO FM transmite zilnic din ora in ora grupaje de stiri locale, astfel ca ascultatorii nostri sa afle primii ce se intampla pe strada lor, in orasul lor, in judetul lor. Interactivitatea ocupa un punct esential in programele MONDO FM, astfel zilnic intre 100 si 200 de ascultatori din judetul Hunedoara intervin in direct participand la dezbatreri pe diferite teme gazduite de MONDO FM. MONDO FM transmite numeroase evenimente de interes pentru Valea Jiului in direct, de la locul desfasurarii acestora. Astfel evenimente culturale, conferinte de presa sau activitati sportive ajung in casele hunedoreniilor in timp real prin MONDO FM. Conform unui studio de piata dat publicitatii la sfarsitul lunii ianuarie, MONDO FM ocupa locul 1 in preferintele publicului activ din Valea Jiului, dar si in optiunile soferiilor care zilnic parcurg soselele Vaii Jiului. Conform aceluias studiu 1 din 3 soferi este pe 101,5.
Cotidian regional - actualitate, stiri, opinii, interviuri si reportaje.
Principala sursa de stiri, reportaje, opinii, interviuri si anchete din Valea Jiului. Noi luam in serios lucrurile pentru ca tu sa le afli!
Adresa: str. Universitatii, Nr 20 A,
corp D administrativ, etaj 3, Mun. Petroşani.
Reprezentant legal: Ionut Dragotesc
Acționari: Ionut Dragotesc 40%, Timis Eva 60%
Responsabil conducerea societății: Ionut Dragotesc
Contact: Strada Universității, Corp D Administrativ, Etaj III, Această adresă de email este protejată de spambots. Trebuie să aveți JavaScript activat ca să o puteți vedea. , 0254.542.222, 0722.424.423
Servicii asigurate: MONDO TV și MONDO FM
Organisme de reglementare: CNA și ANCOM