Responsive Embed

(Don't forget to add ?wmode=opaque at end of iframe src url for IE compatibiliy with popup modals)
Responsive Embed 16x9 w/Youtube branding removed and related videos disabled after playback. (Youtube: ?modestbranding=1&rel=0& parameters)



Responsive Embed 4x3 w/playlist (Yotube: ?list parameter)
Youtube Embedded Players Parameters

Accordion

Lewis and Clark

In 1804, President Thomas Jefferson sent Meriwether Lewis and William Clark on the now-legendary transcontinental expedition to explore the American West. He instructed them to search for the fabled Northwest Passage from the Missouri River to the Pacific Ocean, but he also desired firsthand knowledge of the land, its inhabitants, its vegetation, its mineral products, and its animal life and habitat.

Lewis and Clark and their Corps of Discovery triumphantly returned to St. Louis in 1806. Though unsuccessful in their mission to find a water route to the Pacific, they came back with the other information Jefferson wanted – their journals and sketchbooks were filled with incredible details of the western lands. Their journey sparked the American imagination and territorial Missouri quickly became a gateway to the west.

Read More

Dred Scott

On April 6, 1846, an undistinguished St. Louis slave represented by an undistinguished lawyer petitioned the local circuit court to release him from bondage. What made this case so unusual was that white men, powerful white men, began arguing about his freedom. When the United States Supreme Court finally decided the Dred Scott case eleven years later, it shook the country to its foundation, and edged it closer to the Civil War.

Dred Scott was not alone. Between 1814 and 1860, hundreds of African American slaves petitioned the St. Louis courts for their freedom, and remarkably many of them won their suits.

Read More

Harry S. Truman

Harry S. Truman (1884-1972), born in Lamar, served as 33rd president of the United States, from 1945 to 1952. His birthplace, in Lamar, is now a state historical site. Truman is remembered as “the man from Independence [Missouri].” Truman also ended WWII and witnessed the creation of the United Nations, hoping to preserve peace. His boyhood home, the summer White House, the Truman library and Museum, and his gravesite are all in Missouri.

Read More
    
    <script type="text/javascript">
      $('.collapse').on('shown.bs.collapse', function(){
        $(this).parent().find(".glyphicon-chevron-down").removeClass("glyphicon-chevron-down").addClass("glyphicon-chevron-up");
        }).on('hidden.bs.collapse', function(){
        $(this).parent().find(".glyphicon-chevron-up").removeClass("glyphicon-chevron-up").addClass("glyphicon-chevron-down");
      });
    </script>
    
  


Buttons

Typography

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Make a paragraph stand out by adding the .lead class.

Indicates input is typically enterered via the keyboard: Ctrl + F

Example body text

With over 650 (and counting) online services at your disposal, it’s never been easier to get what you need done with the State of Missouri. Select one of our popular services below, or search for what you need based on keyword, topic or state agency.

This line of text is meant to be treated as fine print.

The following snippet of text is rendered as bold text.

The following snippet of text is rendered as italicized text.

The following snippet of text is rendered as underlined text.

Strikethrough indicates that text is no longer relevant.

An abbreviation of the word attribute is attr.

Emphasis classes

This text is emphasized using the .text-muted class.

This text is emphasized using the .text-primary class.

This text is emphasized using the .text-warning class.

This text is emphasized using the .text-danger class.

This text is emphasized using the .text-success class.

This text is emphasized using the .text-info class.

Alignment & Transformation classes

Left aligned text.

Center aligned text.

Right aligned text.

Justified text.

No wrap text.

Lowercased text.

Uppercased text.

Capitalized text.

Addresses

Information Technology Services Division
Harry S. Truman State Office Bldg
301 West High St, Room 280
P.O. Box 809
Jefferson City, MO 65101
P: (573) 751-3290
Missouri Cyber Security
cyber.security@oa.mo.gov

Unordered List

  • State capital: Jefferson City
  • Original state capital: St. Charles
  • Admission to the Union: August 10, 1821 (24th state)
  • Area: 69,704 square miles (21st in U.S.)
  • Population: 5,988,927 (18th in U.S., according to 2010 Census)
  • Highest point: Taum Sauk Mountain (1,772 ft)
  • Lowest point: St. Francois River (230 ft)

Unordered List - Unstyled

Unordered List - Unstyled/Spaced Out

Default List

DNR Social Media

Inline List (.list-inline)

DNR Social Media

Blockquotes

No individual has any right to come into the world and go out of it without leaving behind him distinct and legitimate reasons for having passed through it.

George Washington Carver

Kindness is the language which the deaf can hear and the blind can see.

Mark Twain

Non-responsive Tables (For responsive, see Responsive Tables)

# Column heading Column heading Column heading
1 Column content Column content Column content
2 Column content Column content Column content
3 Column content Column content Column content
4 Column content Column content Column content
5 Column content Column content Column content
6 Column content Column content Column content
7 Column content Column content Column content

Forms

Legend
A longer block of help text that breaks onto a new line and may extend beyond one line.

$

Navs

Missouri gets its name from a tribe of Sioux Indians of the state called the Missouris. The word "Missouri" often has been construed to mean "muddy water" but the Smithsonian Institution Bureau of American Ethnology has stated it means "town of the large canoes," and authorities have said the Indian syllables from which the word comes mean "wooden canoe people" or "he of the big canoe."

The Great Seal was designed by Judge Robert William Wells and adopted by the Missouri General Assembly on January 11, 1822. The center of the state seal is composed of two parts. On the right is the United States coat-of-arms containing the bald eagle. In its claws are arrows and olive branches, signifying that the power of war and peace lies with the U.S. federal government. On the left side of the shield, the state side, are a grizzly bear and a silver crescent moon. The crescent symbolizes Missouri at the time of the state seal's creation, a state of small population and wealth which would increase like the new or crescent moon; it also symbolizes the "second son," meaning Missouri was the second state formed out of the Louisiana Territory.

Nearly 100 years after achieving statehood, Missouri adopted an official flag on March 22, 1913. The flag was designed by the late Mrs. Marie Elizabeth Watkins Oliver, wife of former State Senator R.B. Oliver. The flag consists of three horizontal stripes of red, white and blue. These represent valor, purity, vigilance and justice. In the center white stripe is the Missouri coat-of-arms, circled by a blue band containing 24 stars, denoting that Missouri was the 24th state. (RSMo 10.020)

Visit the Secretary of State website for the complete list of Missouri state symbols.

Breadcrumbs

The second two examples are for hard coded and for illustration only.

Pagination

Indicators

Alerts

Warning!

Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.

Oh snap! Change a few things up and try submitting again.
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.

Labels

Default Primary Success Warning Danger Info

Progress bars

Basic

Contextual alternatives

Striped

Animated

Stacked

Containers

Jumbotron

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Learn more

List groups

Panels

Basic panel
Panel heading
Panel content
Panel content

Panel primary

Panel content

Panel success

Panel content

Panel warning

Panel content

Panel danger

Panel content

Panel info

Panel content

Panel Large

Panel primary

Panel content

Panel success

Panel content

Panel warning

Panel content

Panel danger

Panel content

Panel info

Panel content

Panel landing

Panel content

Wells

Look, I'm in a well!
Look, I'm in a small well!
Look, I'm in a large well!

Dialogs

Modals

Popovers

Tooltips

News Ticker

Use this code in the <body>

        
          <div id="newsticker">
            <h3><a href="/headlines.php" title="View All Headlines">Headlines</a></h3>
            <ul class="news">
              <li><a href="#">Gov. Nixon  breaks ground on new Fulton State Psychiatric Hospital campus</a></li>
              <li><a href="#">Mark Stringer named Director for the Department of Mental Health</a></li>
              <li><a href="#">DMH names new Deaf Services Director</a></li>
              <li><a href="#">Gov. Nixon appoints Mary Patrick Seigfreid of Mexico to Mental Health Commission</a></li>
            </ul>
          </div>
        
      

Images

Pull-Left - Use class="pull-left-add-margin" to float images to the left

Apple Touch IconLook again at that dot. That's here. That's home. That's us. On it everyone you love, everyone you know, everyone you ever heard of, every human being who ever was, lived out their lives. The aggregate of our joy and suffering, thousands of confident religions, ideologies, and economic doctrines, every hunter and forager, every hero and coward, every creator and destroyer of civilization, every king and peasant, every young couple in love, every mother and father, hopeful child, inventor and explorer, every teacher of morals, every corrupt politician, every "superstar," every "supreme leader," every saint and sinner in the history of our species lived there-on a mote of dust suspended in a sunbeam.

Pull-Right - Use class="pull-right-add-margin" to float images to the right

Apple Touch IconOur posturings, our imagined self-importance, the delusion that we have some privileged position in the Universe, are challenged by this point of pale light. Our planet is a lonely speck in the great enveloping cosmic dark. In our obscurity, in all this vastness, there is no hint that help will come from elsewhere to save us from ourselves.

Image Captions

Apple Touch Icon

This is an image caption

test slider

This is an image caption

test slider

This is an image caption

Apple Touch Icon

This is an image caption

The present Missouri State Capitol is the third permanent structure to serve as the seat of state government in Jefferson City, and the sixth capitol in the state’s history. The first capitol in Jefferson City was built in the period of 1823-1826 and was destroyed by fire in 1837. A second capitol was completed in 1840, but also burned when the dome was struck by lightning on the evening of Feb. 5, 1911. The ground-breaking for the present capitol occurred on May 6, 1913, after the state’s voters overwhelmingly approved a bond issue to determine its location and finance its construction. The building was completed in 1917, and officially dedicated on Oct. 6, 1924.

Image Shapes & Thumbnails

  • Apple Touch Icon

    .img-responsive

  • Apple Touch Icon

    .img-rounded

  • Apple Touch Icon

    .img-circle

  • Apple Touch Icon

    .img-thumbnail

  • Apple Touch Icon

    .img-circle .img-thumbnail

Helper Classes

Instead of using extra paragraph tags or breaks, use these classes to add top and bottom margin and padding.

For example use <div class="margin-top-15">This is my div with added margin.</div>

  • margin-top-0
  • margin-top-5
  • margin-top-15
  • margin-top-20
  • margin-top-25
  • margin-top-30
  • margin-bottom-0
  • margin-bottom-5
  • margin-bottom-15
  • margin-bottom-20
  • margin-bottom-25
  • margin-bottom-30
  • padding-top-0
  • padding-top-5
  • padding-top-15
  • padding-top-20
  • padding-top-25
  • padding-top-30
  • padding-bottom-0
  • padding-bottom-5
  • padding-bottom-15
  • padding-bottom-20
  • padding-bottom-25
  • padding-bottom-30