extends  ../_skeleton
block variables
  - var activeIndex = 5
  - var page_active = "Events Calendar"
  - var header_class = "bg-forms"
block title
  title= page_active
block page

  // Page Header
  include ../elements/_header-transparent
    +breadcrumb_items(2,'index.html','Home','Pages')
  main.page-content
    section.section-50.section-sm-top-80.section-sm-bottom-90.text-sm-left
      .shell
        h1  Events Calendar
        hr.hr.bg-gray-light.offset-top-21
        h5.text-regular.offset-top-22 Teen schedule for 2016-2017
        hr.hr.bg-gray-light
        .range.range-xs-center.offset-top-25
          .cell-xs-12
            p.big.text-bold
              span.text-dark Southern Branch
              =" "
              span (2036 N. Western Ave San Francisco, CA, 60647)
            .unit.unit-sm-horizontal.big
              .unit-left
                p Weekdays:
              .unit-body
                p.text-bold Monday - Thursday
            .unit.unit-sm-horizontal.big.offset-top-3
              .unit-left
                p Start Times:
              .unit-body
                p.text-bold 4 p.m. – 6 p.m.

            table.table.table-bordered.text-left.table-dark.offset-top-27(data-responsive='true')
              thead
                tr
                  th Course number
                  th Class dates
                  th Holiday schedule
              tbody.text-dark
                tr
                  td.text-bold N23-15
                  td Dec 7 – Dec 30, 2015
                  td No class on December 24
                tr
                  td.text-bold N01-16
                  td January 4 – January 27, 2016
                  td
                tr
                  td.text-bold N09-16
                  td February 1 – February 24, 2016
                  td
                tr
                  td.text-bold N10-16
                  td May 23 – June 15
                  td No class on Memorial Day, May 30
              tfoot.text-dark
                tr
                  td.text-bold N14-16
                  td June 20 – July 13
                  td No class on July 4

            .offset-top-27
              .unit.unit-sm-horizontal.big
                .unit-left
                  p Weekdays:
                .unit-body
                  p.text-bold Saturday & Sunday Schedule
              .unit.unit-sm-horizontal.big.offset-top-3
                .unit-left
                  p Start Times:
                .unit-body
                  p.text-bold 9:30 a.m. – 11:30 a.m.

              table.table.table-bordered.text-left.table-dark.offset-top-27(data-responsive='true')
                thead
                  tr
                    th Course number
                    th Class dates
                    th Holiday schedule
                tbody.text-dark
                  tr
                    td.text-bold N02-16
                    td January 9 - February 27, 2016
                    td
                  tr
                    td.text-bold N04-16
                    td April 30 – June 18, 2016
                    td No class on Memorial Day, May 28 and 29
                  tr
                    td.text-bold N05-16
                    td June 25 – August 13, 2016
                    td No classes on July 2 and 3
                  tr
                    td.text-bold N06-16
                    td August 20th – October 8, 2016
                    td No classes on Labor Day, September 3 and 4
                tfoot.text-dark
                  tr
                    td.text-bold N07-16
                    td October 15 – December 3, 2016
                    td No classes on Thanksgiving Holiday, November 26

              .offset-top-65
                h5.text-regular Summer schedule
                hr.hr.bg-gray-light.offset-top-21
                .offset-top-27
                  p.big.text-bold
                    span.text-dark Southern Branch
                    =" "
                    span (2036 N. Western Ave San Francisco, CA, 60647)
                  .unit.unit-sm-horizontal.big
                    .unit-left
                      p Weekdays:
                    .unit-body
                      p.text-bold Monday - Thursday
                  .unit.unit-sm-horizontal.big.offset-top-3
                    .unit-left
                      p Start Times:
                    .unit-body
                      p.text-bold 10:00 a.m. - 12 noon.

                table.table.table-bordered.text-left.table-dark.offset-top-27(data-responsive='true')
                  thead
                    tr
                      th Course number
                      th Class dates
                      th Holiday schedule
                  tbody.text-dark
                    tr
                      td.text-bold N21-16
                      td June 27 - July 20
                      td No class on July 4

                  tfoot.text-dark
                    tr
                      td.text-bold N23-16
                      td July 25 - August 17
                      td

                .offset-top-27
                  .unit.unit-sm-horizontal.big
                    .unit-left
                      p Start Times:
                    .unit-body
                      p.text-bold 1:00p.m.-3.00p.m.

                table.table.table-bordered.text-left.table-dark.offset-top-27(data-responsive='true')
                  thead
                    tr
                      th Course number
                      th Class dates
                      th Holiday schedule
                  tbody.text-dark
                    tr
                      td.text-bold N21-16
                      td June 27 - July 20
                      td No class on July 4

                  tfoot.text-dark
                    tr
                      td.text-bold N23-16
                      td July 25 - August 17
                      td


  // Page Footer
  include ../elements/_footer-widget