Skip To ContentSkip To Content

    the Adams muralLorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean vel suscipit nisl, vel viverra leo. Sed tortor purus, dapibus mollis sagittis in, mollis ac arcu. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce vel cursus leo, ac semper nulla. In tempor justo a nunc eleifend commodo. Quisque ultrices gravida felis, vitae feugiat augue porttitor efficitur. Maecenas ornare elementum odio et lacinia. Etiam et efficitur ligula. Fusce et tempor arcu. Integer felis dui, porttitor eget lobortis vitae, consectetur ut ipsum. Nunc finibus at metus in maximus. Ut molestie lacus sit amet ullamcorper venenatis. Etiam sollicitudin id erat non molestie. Aenean mauris mauris, volutpat et sollicitudin vitae, ornare at tellus. Aenean lobortis, lacus sit amet cursus molestie, risus est aliquet sem, quis rhoncus lorem lacus quis magna.

    Integer vulputate lorem id est lobortis lacinia. Vestibulum in nulla et libero gravida tempus id non quam. Quisque porta arcu sed malesuada varius. Proin tincidunt vitae elit ut efficitur. Curabitur neque metus, sodales nec leo non, feugiat tincidunt libero. Nullam rutrum mauris quam. Phasellus sed faucibus est, in efficitur orci. Etiam et aliquam nulla. Aliquam facilisis, lectus id tristique maximus, nisi purus ultricies purus, id pellentesque nisi sapien in neque. Nulla vel tellus pretium, pharetra lacus eu, fermentum dui. Donec non lorem diam. Cras eget convallis mauris.

    Morbi scelerisque porta nunc, eget tincidunt leo pharetra eget. Vivamus ac urna id odio dictum accumsan. Etiam eu bibendum eros, non tempus magna. Mauris cursus, nulla eget ultrices sollicitudin, nisl turpis pharetra odio, sit amet dapibus nunc neque ut ante. Phasellus euismod condimentum facilisis. Fusce porta, velit ac imperdiet vehicula, nibh diam mollis nibh, non accumsan lectus lorem vel nunc. Duis bibendum, leo a auctor luctus, orci tortor fringilla nisl, ut sodales erat diam in erat.

    Here is the HTML style guide.

    Headings should have more padding before than after so they are closer to the text they are associated with

    Heading 1

    Heading 2

    Heading 3

    Heading 4

    Heading 5
    Heading 6

    [top]


    Buttons

    button

    class button 


    Paragraph and images

     Note: image [img element] needs CSS padding and responsive styles. Also need figure and figcaption 

    kids in science class
    This is our caption for the photo should be below the photo and distinct font style: Kids in science class study an experiment.

    Heading two with a paragraph

    Lorem ipsum dolor sit amet, adipiscing elit. Nullam dignissim convallis est. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

    Heading three with a paragraph

    teachers prepare for classLorem ipsum dolor sit amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. Donec faucibus. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.

    Test link. Strong text. Emphasized text.

    [top]


    List Types

    Definition List

    This is the term to be defined
    This is definition of the above term.

    Ordered List

    1. Nullam dignissim convallis est. Quisque aliquam.
    2. Dignissim convallis est. Quisque aliquam. Nullam dignissim convallis est. Quisque aliquam. Nullam dignissim convallis est. Quisque aliquam.
    3. Quisque aliquam.
    4. Some list items will
      break to a second line.

    Unordered List

    • Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus.
    • Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor.
    • Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor.
    • Some list items will
      break to a second line.

    Nested List 1: ol ul

    1. List Item 1
      • Nested List Item 1
      • Nested List Item 2
      • Nested List Item 3
    2. List Item 2
    3. List Item 3

    Nested List 2: ul ol

    • List Item 1
      1. Nested List Item 1
      2. Nested List Item 2
      3. Nested List Item 3
    • List Item 2
    • List Item 3

    [top]


    [top]


    Tables

    Need table classes with cell padding and responsive styles.

    Middle Schools Start and End Times

    School 2016-17 schedule 2015-16 schedule
    School day schedule changes
    Jane Addams 8:45 am - 3:15 pm 7:50 am - 2:20 pm
    Denny International 7:55 am - 2:25 pm 7:50 am - 2:20 pm
    Eckstein 8:45 am - 3:15 pm 7:50 am - 2:20 pm
    Hamilton International 8:45 am - 3:15 pm 7:50 am - 2:20 pm
    Aki Kurose 8:45 am - 3:15 pm 7:50 am - 2:20 pm
    Madison 8:45 am - 3:15 pm 7:50 am - 2:20 pm
    McClure 8:45 am - 3:15 pm 7:50 am - 2:20 pm
    Mercer 8:45 am - 3:15 pm 7:50 am - 2:20 pm
    Seattle World School 8:45 am - 3:15 pm 7:50 am - 2:20 pm
    Washington 8:45 am - 3:15 pm 7:50 am - 2:20 pm
    Whitman 8:45 am - 3:15 pm 7:50 am - 2:20 pm



    Misc Stuff – abbr, acronym, pre, code, sub, sup, etc.

    “This style guide is amazing!

    Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy.”

    -Blockquote

    Lorem superscript dolor subscript amet, consectetuer adipiscing elit. Nullam dignissim convallis est. Quisque aliquam. cite. Nunc iaculis suscipit dui. Nam sit amet sem. Aliquam libero nisi, imperdiet at, tincidunt nec, gravida vehicula, nisl. Praesent mattis, massa quis luctus fermentum, turpis mi volutpat justo, eu volutpat enim diam eget metus. Maecenas ornare tortor. Donec sed tellus eget sapien fringilla nonummy. NBA Mauris a ante. Suspendisse quam sem, consequat at, commodo vitae, feugiat in, nunc. Morbi imperdiet augue quis tellus. AVE

    Text in a pre element
    is displayed in a fixed-width
    font, and it preserves
    both      spaces and
    line breaks
    AVE