LMC Web Support

Button examples

Button Warning

Small Button Success Radius

Button Alert Round Success

Button Success

Big Red Hover Button

Snippet Examples

Below is a list of most of the snippets available to you and how they would look when published. Not that the name of each snippet is located above in bold type.

General: Block Grid List

General: 2 Columns 75/25

General filler text

Fox and the dog image 

Just some generic text as a placeholder. The quick brown fox jumped over the lazy dog. Just when the quick brown fox jumped over the lazy dog the lazy dog jumped over the fox. He was a very hyper lazy dog!

Guess what? The lazy dog jumped over the quick brown fox again! Of course he did. How could you not expect him to do that because I said in the previous paragraph he was a hyper dog.

The hyper dog was a really cute dog but not if you were trying to get some sleep. Then the poor little hyper dog has to sleep outside. That might explain why the hyper dog was jumping over the quick brown fox in the first place. I guess he isn't a lazy dog after all.

General side panel

Below is a generic list item. As you can see the indents are a little too intended for this area.

  • list item 1
  • list item 2
  • list item 3

As a work around to the bullets being a little too indented for this column the underlying code has been edited. To have a bulleted list that looks like this example below edit or copy and edit the text below.

  • list item 1
  • list item 2
  • list item 3

General: 2 Columns

Some text 1

Just some generic text as a placeholder. The quick brown fox jumped over the lazy dog. Just when the quick brown fox jumped over the lazy dog the lazy dog jumped over the fox. He was a very hyper lazy dog!

Guess what? The lazy dog jumped over the quick brown fox again! Of course he did. How could you not expect him to do that because I said in the previous paragraph he was a hyper dog.

Some text 2

Just some generic text as a placeholder. The quick brown fox jumped over the lazy dog. Just when the quick brown fox jumped over the lazy dog the lazy dog jumped over the fox. He was a very hyper lazy dog!

Guess what? The lazy dog jumped over the quick brown fox again! Of course he did. How could you not expect him to do that because I said in the previous paragraph he was a hyper dog.

General: 2 Columns Callout Radius

This is a regular panel.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin a aliquam elit. Integer vel ipsum id nisl ullamcorper fringilla et a nibh. Sed vitae ante vitae tellus blandit aliquam.

This is another panel

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin a aliquam elit. Integer vel ipsum id nisl ullamcorper fringilla et a nibh. Sed vitae ante vitae tellus blandit aliquam.

General: 2 Columns Small Breakpoint 

Note that the following snippet is like the two column snippet above yet when viewed on a small screen column two will always be in column two while in the example above column two will move under column one on small screens. 

Panel 2. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

General: 3 Column Button Group

General: 3 Colmns

Just some generic text as a placeholder. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin a aliquam elit. Integer vel ipsum id nisl ullamcorper fringilla et a nibh. Sed vitae ante vitae tellus blandit aliquam.

Just some generic text as a placeholder in the second column

Note: if you want more than one row of text like this this then insert the 3 column snippet again.

General: Accordion

General: Alert Round Box

This is an alert (div.alert-box.alert.round).×

General: Alert Secondary Box

This is a secondary alert (div.alert-box.secondary).×

General: Block Grid

Did you know?..

You can get a jump-start on earning college credit while you’re in high school!

Earning college credit in high school not only puts you ahead academically at college, it also can help reduce college tuition expenses or even reduce the time it takes you to graduate from college. Earning college credit in high school also can help impress college admission officers by showing them that you’re serious about earning a degree. Make a selection below:

General: Blockquote Alt

Art History for Transfer (AAT)
Studio Arts for Transfer (AAT)
Fine Arts (AA)
Graphic Communication (AA)

General: Content 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!

LMC is a cool place!

Button

General: iFrame embed

General: iFrame embed responsive

General: Image Full Width with Caption

This is a caption that may or may not appear under any image

General: Images 3 Column

General: Images 4 Column

General: Images with caption adjustable

This image can appear left or right and at a specified percentage width along with a caption

General: Large Success Button Dropdown

Large Success Dropdown Button

General: Link Dropdown

Link Dropdown »

General: List with Disc Styling

  • List item with a much longer description or more content.
  • List item
  • List item
    • Nested List Item
    • Nested List Item
    • Nested List Item
  • List item
  • List item
  • List item

General: Round Alert Split Button Dropdown

Round Alert Split Button

General: Show for Medium Up

Placeholder image

General: Small radius button 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!

LMC is a cool place!

Button

General: Success Alert Box

This is a general box for creating attention to something (div.alert-box.success).×

General: Tabs

Tab 1
Tab 2
Tab 3

Content 1 Here

Content 2 Here

Content 3 Here