Search
Search
Menu
  1. Home
    1. OnePage
      1. Home
      2. About Us
      3. Testimonials
      4. Prices
      5. Our Team
      6. Contact
  2. Blog
    1. Blog 1
    2. Blog 2
    3. Events
    4. Events 2
    5. Events with maps
    6. Masonry
    7. Catalog
    8. Documents&FAQ
    9. Classifieds
      1. Real Estates
      2. Classifieds with maps
      3. Cars
    10. More examples
      1. Masonry layout 1
      2. Masonry layout 2
      3. Masonry layout 3
      4. Tabs layout
      5. Gallery Slideshow
      6. Multiarticle 1
      7. Multiarticle 2
      8. Simple 1
      9. Simple 2
      10. Simple 3
      11. Accordion 1
      12. Accordion 2
      13. Timeline
  3. Gallery
    1. Gravity gallery 1
    2. Gravity gallery 2
    3. Chameleon
    4. Portfolio 1
    5. Portfolio 2
  4. Groups
  5. Features
    1. Typography
      1. Typography Elements
      2. Tables
      3. Buttons
      4. Responsive Images
      5. Glyphicons
      6. Font Awesome
      7. Boxes
      8. Forms
      9. Content Layout
      10. Info Messages
      11. Progress Bar
      12. Alerts
      13. Labels and Badges
      14. Jumbotron
      15. Dividers
      16. Wells
      17. List Group
      18. List Style
      19. Responsive embed
      20. Side Menu
    2. Short Codes
      1. Pricing
      2. Testimonials
      3. Tabs
      4. Accordions
      5. Flipbox
      6. Counters
      7. Animated Thumbnails
      8. Animations
      9. Dropdowns
      10. Alert Messages
      11. Collapse
      12. Carousel
      13. Affix
      14. Font Icon
    3. Skin Layout
      1. Panes
        1. Home
        2. Inside
        3. Social
      2. Containers
  6. Pages
    1. Full Width
    2. Boxed
    3. FAQ
    4. 404 Error Page
    5. Our Services
    6. Our Team
    7. Testimonials
    8. Pricing
    9. Contact us
  7. Contact us

BUTTONS

Custom Buttons

Default Primary Success Info Warning Danger 
<a href="#" class="eds_btn">Default</a>
<a href="#" class="eds_btn eds_btnPrimary">Success</a>
<a href="#" class="eds_btn eds_btnSuccess">Success</a>
<a href="#" class="eds_btn eds_btnInfo">Info</a>
<a href="#" class="eds_btn eds_btnWarning">Warning</a>
<a href="#" class="eds_btn eds_btnDanger">Danger</a>

Large size

Default Primary Success Info Warning Danger 
<a href="#" class="eds_btn eds_btnLarge">Default</a>
<a href="#" class="eds_btn eds_btnPrimary eds_btnLarge">Success</a>
<a href="#" class="eds_btn eds_btnSuccess eds_btnLarge">Success</a>
<a href="#" class="eds_btn eds_btnInfo eds_btnLarge">Info</a>
<a href="#" class="eds_btn eds_btnWarning eds_btnLarge">Warning</a>
<a href="#" class="eds_btn eds_btnDanger eds_btnLarge">Danger</a>

Font Awesome Buttons

<div class="eds_faButtons">
<a href="facebook.com"><span class="fa fa-facebook-square"></span></a><a href="twitter.com"><span class="fa fa-twitter-square"></span></a><a href="plus.google.com"><span class="fa fa-google-plus-square"></span></a><a href="linkedin.com"><span class="fa fa-linkedin-square"></span></a><a href="pinterest.com"><span class="fa fa-pinterest-square"></span></a>
</div>

Inverted version

<div class="eds_faButtons eds_invertIcons">
<a href="facebook.com"><span class="fa fa-facebook-square"></span></a><a href="twitter.com"><span class="fa fa-twitter-square"></span></a><a href="plus.google.com"><span class="fa fa-google-plus-square"></span></a><a href="linkedin.com"><span class="fa fa-linkedin-square"></span></a><a href="pinterest.com"><span class="fa fa-pinterest-square"></span></a>
</div>

Bootstrap Buttons

<!-- Standard button -->
<button type="button" class="btn btn-default">Default</button>
<!-- Provides extra visual weight and identifies the primary action in a set of buttons -->
<button type="button" class="btn btn-primary">Primary</button>
<!-- Indicates a successful or positive action -->
<button type="button" class="btn btn-success">Success</button>
<!-- Contextual button for informational alert messages -->
<button type="button" class="btn btn-info">Info</button>
<!-- Indicates caution should be taken with this action -->
<button type="button" class="btn btn-warning">Warning</button>
<!-- Indicates a dangerous or potentially negative action -->
<button type="button" class="btn btn-danger">Danger</button>
<!-- Deemphasize a button by making it look like a link while maintaining button behavior -->
<button type="button" class="btn btn-link">Link</button>

PrimaryAction

SecondaryAction

TertiaryAction

Sizes

<p>
<button type="button" class="btn btn-primary btn-lg">Large button</button>
<button type="button" class="btn btn-default btn-lg">Large button</button>
</p>
<p>
<button type="button" class="btn btn-primary">Default button</button>
<button type="button" class="btn btn-default">Default button</button>
</p>
<p>
<button type="button" class="btn btn-primary btn-sm">Small button</button>
<button type="button" class="btn btn-default btn-sm">Small button</button>
</p>
<p>
<button type="button" class="btn btn-primary btn-xs">Extra small button</button>
<button type="button" class="btn btn-default btn-xs">Extra small button</button>
</p>
<button type="button" class="btn btn-primary btn-lg btn-block">Block level button</button>
<button type="button" class="btn btn-default btn-lg btn-block">Block level button</button>

Active state

Button element

<button type="button" class="btn btn-primary btn-lg active">Primary button</button>
<button type="button" class="btn btn-default btn-lg active">Button</button>

Anchor element

Primary link Link 
<a href="#" class="btn btn-primary btn-lg active" role="button">Primary link</a>
<a href="#" class="btn btn-default btn-lg active" role="button">Link</a>

Disabled state

Button element

<button type="button" class="btn btn-lg btn-primary" disabled="disabled">Primary button</button>
<button type="button" class="btn btn-default btn-lg" disabled="disabled">Button</button>

Anchor element

Primary link Link 
<a href="#" class="btn btn-primary btn-lg disabled" role="button">Primary link</a>
<a href="#" class="btn btn-default btn-lg disabled" role="button">Link</a>

Button tags

Link 
<a class="btn btn-default" href="#" role="button">Link</a>
<button class="btn btn-default" type="submit">Button</button>
<input class="btn btn-default" type="button" value="Input">
<input class="btn btn-default" type="submit" value="Submit">

Button groups

Basic example

<div class="btn-group">
<button type="button" class="btn btn-default">Left</button>
<button type="button" class="btn btn-default">Middle</button>
<button type="button" class="btn btn-default">Right</button>
</div>

Button toolbar

<div class="btn-toolbar" role="toolbar">
<div class="btn-group">...</div>
<div class="btn-group">...</div>
<div class="btn-group">...</div>
</div>

Sizing

<div class="btn-group btn-group-lg">...</div>
<div class="btn-group">...</div>
<div class="btn-group btn-group-sm">...</div>
<div class="btn-group btn-group-xs">...</div>

Nesting

<div class="btn-group">
<button type="button" class="btn btn-default">1</button>
<button type="button" class="btn btn-default">2</button>

<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
Dropdown
<span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Dropdown link</a></li>
<li><a href="#">Dropdown link</a></li>
</ul>
</div>
</div>

Vertical variation

<div class="btn-group-vertical">
...
</div>

Justified button groups

With <a> elements

Left Middle Right

Left Middle
Dropdown 
<div class="btn-group btn-group-justified">
...
</div>

With <button> elements

<div class="btn-group btn-group-justified">
<div class="btn-group">
<button type="button" class="btn btn-default">Left</button>
</div>
<div class="btn-group">
<button type="button" class="btn btn-default">Middle</button>
</div>
<div class="btn-group">
<button type="button" class="btn btn-default">Right</button>
</div>
</div>

Button dropdowns

Single button dropdowns

<!-- Single button -->
<div class="btn-group">
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
Action <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>

Split button dropdowns

<!-- Split button -->
<div class="btn-group">
<button type="button" class="btn btn-danger">Action</button>
<button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown">
<span class="caret"></span>
<span class="sr-only">Toggle Dropdown</span>
</button>
<ul class="dropdown-menu" role="menu">
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>

Sizing

<!-- Large button group -->
<div class="btn-group">
<button class="btn btn-default btn-lg dropdown-toggle" type="button" data-toggle="dropdown">
Large button <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
...
</ul>
</div>

<!-- Small button group -->
<div class="btn-group">
<button class="btn btn-default btn-sm dropdown-toggle" type="button" data-toggle="dropdown">
Small button <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
...
</ul>
</div>

<!-- Extra small button group -->
<div class="btn-group">
<button class="btn btn-default btn-xs dropdown-toggle" type="button" data-toggle="dropdown">
Extra small button <span class="caret"></span>
</button>
<ul class="dropdown-menu" role="menu">
...
</ul>
</div>

Typography

RECENT COMMENTS

"It's minimal not just sleek!
"Mission accomplished. It's classic!"

Libero donec, quam in etiam nulla enim eu, pharetra nulla.

RECENT PROJECTS

Check out our carefully crafted products and let us exceed your expectations.

CONTACT US

Feel free to contact us and find out more about pur products.

EDS GALORE SKIN

Galore skin is a unique skin that will satisfy all your needs regarding your webpage. Start at the very beginning or simply use our existing presets. With a few clicks you can lift your webpage to a completely higher level and feel the power of the Galore skin.

Copyright 2025 by DNN Corp Terms Of Use Privacy Statement
cinego