Header 1 <h1>

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Natus, nesciunt laborum doloremque inventore a rerum tenetur sed? Harum, accusantium molestias error dolorem eaque voluptate facere temporibus culpa est nobis animi blanditiis molestiae suscipit unde minus iure totam reiciendis deleniti ipsa quae nostrum alias architecto incidunt laudantium eius non rem ea!

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Amet, sint, consequatur, autem voluptatibus cupiditate architecto laudantium tempore eaque provident natus qui sequi quam voluptatem magnam suscipit veritatis nihil quas aperiam illum aut! Commodi, officiis facere dolorem accusantium soluta velit placeat sapiente molestias eos voluptates dolore voluptate sit veniam tenetur nobis!

Header 2 <h2>

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Repellendus explicabo nam minus itaque id ea nulla quae quidem blanditiis assumenda! Explicabo, ab, eveniet doloremque reiciendis iste obcaecati nobis provident a unde nostrum facilis nesciunt officia accusantium perferendis illo dolores vitae exercitationem ipsam recusandae atque sunt quis incidunt ea autem qui.

Header 3 <h3>

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Obcaecati, rem, soluta quos veritatis maiores molestiae a in voluptate hic consequuntur. Laboriosam, magni cupiditate sequi! Sit, ad, perspiciatis incidunt quasi suscipit nisi deserunt consequatur possimus libero ducimus in perferendis alias aut laudantium veritatis harum ratione nostrum similique! Voluptates consequatur exercitationem laboriosam.

Header 4 <h4>

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Maiores, quam, iste, alias dolorem ab soluta fugiat illo quidem in accusamus minima autem impedit natus voluptatum optio veritatis distinctio ea excepturi voluptate molestiae vero vel laboriosam officia molestias obcaecati ut aspernatur! Minima, dolorem non rerum nisi quaerat nobis neque aliquam fugit.

Header 5 <h5>

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempore, dolorem, assumenda rerum harum dolor totam natus. Maiores, ratione magni corporis repellendus cupiditate deleniti rerum laudantium cum iste dolores placeat autem. Asperiores, perferendis, accusantium animi quis delectus expedita recusandae quisquam quos quae odit porro officia aut velit totam autem sit voluptates.

Header 6 <h6>

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Libero, asperiores, rerum tenetur facilis perspiciatis distinctio necessitatibus quia veniam quidem nam. Tempora, maiores, nemo dolor numquam cupiditate omnis quisquam cumque tempore maxime dolorum animi rem rerum consectetur consequatur cum quidem neque magnam necessitatibus suscipit fuga totam quas dignissimos eligendi recusandae dolorem!

h1.subheader

h2.subheader

h3.subheader

h4.subheader

h5.subheader
h6.subheader

Unordered list

  • Unordered list item
  • Unordered list item
    • Unordered list item
    • Unordered list item
      • Unordered list item
      • Unordered list item
      • Unordered list item
    • Unordered list item
  • Unordered list item

Ordered list

  1. Ordered list item
  2. Ordered list item
    1. Ordered list item
    2. Ordered list item
      1. Ordered list item
      2. Ordered list item
      3. Ordered list item
    3. Ordered list item
  3. Ordered list item

Definition list

Definition List Item 1
Definition Cras justo odio, dapibus ac facilisis in, egestas eget quam. Nullam id dolor id nibh ultricies vehicula ut id elit.
Definition List Item 2
Lorem ipsum dolor sit amet, consectetur adipisicing elit. Quaerat, quod, odio, est ut aspernatur odit doloremque illum aut dignissimos praesentium aperiam laborum repellendus quam tempore ad voluptates a delectus voluptate accusantium dolor eum. Expedita, ratione ipsum amet voluptates sed non nam asperiores mollitia impedit aliquam rerum deserunt ipsa voluptatibus nihil.

Inline List


Address and blockquote:

700 Address Element Road
Town, State Zip

This is a blockquote. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nisi, hic dicta quas assumenda deleniti asperiores sit nostrum corporis aut ab voluptate nobis soluta earum ad incidunt consequuntur quos amet labore dignissimos maiores voluptatibus facilis doloremque tenetur repellat iusto sunt eaque libero neque officiis voluptatem voluptas est ex in pariatur architecto.

Inline text formatting:

This is the ABBR element.

This is the b element.

This is the cite element.

This is the code element.

This is the del element.

This is the dfn element.

This is the em element.

This is the i element.

This is the ins element.

This is the kbd element.

This is the mark element.

This is the samp element.

This is the small element.

This is the strong element.

This is the sub element.

This is the sup element.

This is the var element.


Tables

Table Header Table Header Table Header Table Header
Content Goes Here This is longer content Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here
Content Goes Here This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. Content Goes Here Content Goes Here
Content Goes Here This is longer Content Goes Here Donec id elit non mi porta gravida at eget metus. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Commodi, nisi. Content Goes Here Content Goes Here

Thumbnails


Pre-formatted text:

This is the <pre> element:

Hey there, I'm pre-formatted.
If I'm set up correctly, you should see some nice ascii art below...

                          oooo$$$$$$$$$$$$oooo
                      oo$$$$$$$$$$$$$$$$$$$$$$$$o
                   oo$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$o         o$   $$ o$
   o $ oo        o$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$o       $$ $$ $$o$
oo $ $ "$      o$$$$$$$$$    $$$$$$$$$$$$$    $$$$$$$$$o       $$$o$$o$
"$$$$$$o$     o$$$$$$$$$      $$$$$$$$$$$      $$$$$$$$$$o    $$$$$$$$
  $$$$$$$    $$$$$$$$$$$      $$$$$$$$$$$      $$$$$$$$$$$$$$$$$$$$$$$
  $$$$$$$$$$$$$$$$$$$$$$$    $$$$$$$$$$$$$    $$$$$$$$$$$$$$  """$$$
   "$$$""""$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     "$$$
    $$$   o$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     "$$$o
   o$$"   $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$       $$$o
   $$$    $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$" "$$$$$$ooooo$$$$o
  o$$$oooo$$$$$  $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$   o$$$$$$$$$$$$$$$$$
  $$$$$$$$"$$$$   $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     $$$$""""""""
 """"       $$$$    "$$$$$$$$$$$$$$$$$$$$$$$$$$$$"      o$$$
            "$$$o     """$$$$$$$$$$$$$$$$$$"$$"         $$$
              $$$o          "$$""$$$$$$""""           o$$$
               $$$$o                                o$$$"
                "$$$$o      o$$$$$$o"$$$$o        o$$$$
                  "$$$$$oo     ""$$$$o$$$$$o   o$$$$""
                     ""$$$$$oooo  "$$$o$$$$$$$$$"""
                        ""$$$$$$$oo $$$$$$$$$$
                                """"$$$$$$$$$$$
                                    $$$$$$$$$$$$
                                     $$$$$$$$$$"
                                      "$$$""  
        

Forms

Fieldset
.com

Alert Boxes

This is a standard alert (div.alert-box). ×
This is a success alert (div.alert-box.success). ×
This is an alert (div.alert-box.alert.round). ×
This is a secondary alert (div.alert-box.secondary). ×

Breadcrumbs


Buttons


Button Groups


Dropdown Buttons

Dropdown Button
Dropdown Button
Dropdown Button
Dropdown Button
Dropdown Button

Split Buttons

Split Button
Split Button
Split Button
Split Button

Dropdowns

Link Dropdown » Content Dropdown »

Title

Some text that people will think is awesome! Some text that people will think is awesome! Some text that people will think is awesome!

More test.

Button

Labels

Regular Label
Radius Secondary Label
Round Alert Label
Success Label


Panels

This is a regular panel.

It has an easy to override visual style, and is appropriately subdued.

This is a callout panel.

It's a little ostentatious, but useful for important content.


Reveal

Example Modal… Example Modal w/Video…

Section

Section 1

Section 1. 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.

Section 2

Section 2. 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.

Section 3

Section 1

Section 1. 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.

Section 2

Section 2. 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.

Section 3

Section 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.

Section 1

Section 1. 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.

Section 2

Section 2. 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.

Section 3

Section 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.


Tooltips

The tooltips can be positioned on the "tip-bottom", which is the default position, "tip-top" (hehe), "tip-left", or "tip-right" of the target element by adding the appropriate class to them. You can even add your own custom class to style each tip differently. On a small device, the tooltips are full width and bottom aligned.


Visibility Classes

Screen Size Visibility Control (Show)

The following text should describe the screen size you're using:

You are on a small screen. You are on a medium screen. You are on a medium, large or xlarge screen. You are on a medium or small screen. You are on a large screen. You are on a large or xlarge screen. You are on a large, medium or small screen. You are on a xlarge screen.

Screen Size Visibility Control (Hide)

The following text should describe the screen size you aren't using:

You are not on a small screen. You are not on a medium screen. You are not on a medium, large or xlarge screen. You are not on a medium or small screen. You are not on a large screen. You are not on a large or xlarge screen. You are not on a large, medium or small screen. You are not on a xlarge screen.

Orientation Detection

The following text should describe the device orientation you're using:

You are in landscape orientation. You are in portrait orientation.

Touch Detection

The following text should describe if you're using a touch device:

You are on a touch-enabled device. You are not on a touch-enabled device.

This is a modal.

Reveal makes these very easy to summon and dismiss. The close button is simply an anchor with a unicode character icon and a class of close-reveal-modal. Clicking anywhere outside the modal will also dismiss it.

Finally, if your modal summons another Reveal modal, the plugin will handle that for you gracefully.

Second Modal...

×

This is a second modal.

See? It just slides into place after the other first modal. Very handy when you need subsequent dialogs, or when a modal option impacts or requires another decision.

×

This modal has video

×

Learn about our free energy assessment program & how we can help you qualify for rebates and energy savings

877.404.7438

Contact Us


877.404.7438

info@use-group.com

US Energy Group
270 Park Avenue
New Hyde Park, NY 11040