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
    

    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean nec massa rhoncus, volutpat nisl et, tincidunt nibh. Nunc vitae aliquet eros. Donec sit amet dolor tempus, dignissim ante at, mollis metus. Suspendisse ullamcorper dignissim dolor, vel pellentesque lacus faucibus sit amet. Cras id neque sed libero dignissim interdum tincidunt eu est. Curabitur pellentesque et sapien et efficitur. Nulla pellentesque velit ut augue consequat, eget tempor mi fringilla. Nullam ultrices velit diam, at tristique massa fermentum quis. Maecenas eget metus vel diam blandit faucibus et vitae risus. Maecenas pulvinar ligula placerat elit feugiat consectetur. Mauris elementum risus id augue posuere fringilla.

    Vestibulum dictum vehicula risus, ut aliquam nisl accumsan a. Nulla at felis sed nisi vestibulum mollis ac rhoncus neque. Ut non nisl vehicula, rhoncus lorem id, auctor quam. Praesent hendrerit, eros ac vehicula gravida, nisi augue luctus quam, a dapibus ligula sapien ut elit. Phasellus ac enim sit amet ante tempus rhoncus vitae id nulla. Sed pharetra felis non facilisis rhoncus. Ut non varius nisl. Ut odio nulla, porttitor vel ultrices id, finibus non nibh.

    Ut bibendum interdum diam quis lacinia. Cras ultricies, turpis eget egestas accumsan, nisi sapien finibus leo, sit amet auctor sem magna dapibus metus. Nam ultricies justo sit amet convallis porta. Nunc ut odio sit amet lectus tincidunt vehicula. Pellentesque porta ultricies eros, tempus euismod orci. Maecenas blandit ornare felis, vel dictum eros dignissim et. Aliquam tristique elit in ante convallis, in laoreet metus mattis. Quisque pellentesque semper vestibulum. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur pretium, nibh sit amet auctor viverra, tortor felis placerat erat, in porta odio velit vitae lectus. Pellentesque interdum vitae dolor nec elementum.

    Ut cursus tincidunt neque, in rhoncus nisi luctus eu. Quisque aliquam risus a fringilla efficitur. Maecenas scelerisque odio et orci feugiat aliquam. Fusce eleifend ligula massa, ac sollicitudin ipsum facilisis vel. Vestibulum varius ullamcorper risus, vel vulputate sapien. Aenean pulvinar maximus purus, non efficitur diam accumsan et. Nam aliquet lectus nibh, vel varius est efficitur non. Pellentesque vitae lacus fermentum, tempor neque non, maximus felis. Nulla facilisi. Quisque sed orci in sapien bibendum feugiat. Nunc orci diam, eleifend eu accumsan vel, pretium eget erat. Phasellus luctus mattis leo, vitae vulputate arcu feugiat quis. Donec egestas elit in risus vehicula efficitur. Praesent egestas hendrerit egestas.

    Fusce in consequat mi. Proin ex elit, sodales non placerat ac, tincidunt nec dolor. Proin dapibus mauris sed eros malesuada, sit amet ultrices ligula facilisis. Sed fringilla egestas erat, vel consectetur libero dictum dictum. In mollis, diam in dictum efficitur, metus quam cursus ipsum, sed dictum lorem ante ullamcorper sapien. Nulla at magna quis augue condimentum mollis. Proin et augue aliquet, venenatis ligula eget, elementum lacus. Quisque tincidunt dolor vitae turpis rhoncus ultrices. Mauris sit amet mi velit. Quisque sed nisl efficitur, viverra felis et, facilisis mi. Fusce et imperdiet magna, et interdum neque. Mauris feugiat, turpis ut fermentum ullamcorper, leo metus porta neque, et ornare dolor sem a velit. Mauris sed magna ac ipsum mattis eleifend. Sed rhoncus ligula eu diam placerat, vitae cursus justo molestie. Duis malesuada quis lacus ut elementum. In non lectus ac velit efficitur commodo sed vitae lectus.