• <div class="intro-image fullscr-image"><img src="/live/image/gid/4/width/1200/height/410/crop/1/1947_art_5th_grade.rev.1469051460.jpg" alt="" width="1200" height="410" class="featurePhoto" data-max-w="2048" data-max-h="867"/></div>
  • <div class="intro-image fullscr-image"><img src="/live/image/gid/4/width/1200/height/410/crop/1/416__mg_3835_copy.rev.1434480925.jpg" alt="Head of School Steve Morris says hi to the Sixth Graders at lunch" width="1200" height="410" class="featurePhoto" data-max-w="2048" data-max-h="1365"/></div>
  • <div class="intro-image fullscr-image"><img src="/live/image/gid/4/width/1200/height/410/crop/1/3198_web-humanities.rev.1530326879.jpg" alt="" width="1200" height="410" class="featurePhoto" data-max-w="2048" data-max-h="683"/></div>
  • <div class="intro-image fullscr-image"><img src="/live/image/gid/4/width/1200/height/410/crop/1/210_2ndgradegazebo.rev.1433808529.jpg" alt="Talking about birds in the Adventure Playground" width="1200" height="410" class="featurePhoto" data-max-w="2048" data-max-h="585"/></div>
  • <div class="intro-image fullscr-image"><img src="/live/image/gid/4/width/1200/height/410/crop/1/571_technology03.rev.1436808316.jpg" alt="Documenting the board during Seventh Grade math" width="1200" height="410" class="featurePhoto" data-max-w="2048" data-max-h="683"/></div>
  • <div class="intro-image fullscr-image"><img src="/live/image/gid/4/width/1200/height/410/crop/1/1967_anniversary_steve.rev.1469222091.jpg" alt="" width="1200" height="410" class="featurePhoto" data-max-w="2048" data-max-h="901"/></div>
  • <div class="intro-image fullscr-image"><img src="/live/image/gid/4/width/1200/height/410/crop/1/1968_anniversary_timeline.rev.1469222350.jpg" alt="" width="1200" height="410" class="featurePhoto" data-max-w="2048" data-max-h="1023"/></div>
  • <div class="intro-image fullscr-image"><img src="/live/image/gid/4/width/1200/height/410/crop/1/559_portola02.rev.1439234540.jpg" alt="" width="1200" height="410" class="featurePhoto" data-max-w="2048" data-max-h="512"/></div>
  • <div class="intro-image fullscr-image"><img src="/live/image/gid/4/width/1200/height/410/crop/1/580_samba01.rev.1436808333.jpg" alt="" width="1200" height="410" class="featurePhoto" data-max-w="2048" data-max-h="683"/></div>
  • <div class="intro-image fullscr-image"><img src="/live/image/gid/4/width/1200/height/410/crop/1/1980_grandparents_day_2016_08.rev.1469229951.jpg" alt="" width="1200" height="410" class="featurePhoto" data-max-w="2048" data-max-h="895"/></div>
  • <div class="intro-image fullscr-image"><img src="/live/image/gid/4/width/1200/height/410/crop/1/3410_nancy-ms-girls.rev.1553882066.jpg" alt="" width="1200" height="410" class="featurePhoto" data-max-w="2048" data-max-h="700"/></div>
  • <div class="intro-image fullscr-image"><img src="/live/image/gid/4/width/1200/height/410/crop/1/3217_preschool_kinder_daily_activities_2_2018.rev.1531336192.jpg" alt="" width="1200" height="410" class="featurePhoto" data-max-w="2048" data-max-h="821"/></div>
  • <div class="intro-image fullscr-image"><img src="/live/image/gid/4/width/1200/height/410/crop/1/542_schoollife02.rev.1436808258.jpg" alt="" width="1200" height="410" class="featurePhoto" data-max-w="2048" data-max-h="683"/></div>
  • <div class="intro-image fullscr-image"><img src="/live/image/gid/4/width/1200/height/410/crop/1/3210_sfs-04-18-18_305_copy_2.rev.1531162071.jpg" alt="" width="1200" height="410" class="featurePhoto" data-max-w="2048" data-max-h="750"/></div>
  • <div class="intro-image fullscr-image"><img src="/live/image/gid/4/width/1200/height/410/crop/1/752_p5210738.rev.1438903128.jpg" alt="" width="1200" height="410" class="featurePhoto" data-max-w="2048" data-max-h="1536"/></div>

Accordions

Accordions allow you to display multiple sections of content in a concise layout. It makes each section easy to find without scrolling down a long page of text. Follow these steps to add an accordion to your page:

1. Edit page and click on the table button. Insert a table with up to 10 rows and only one column. Each section in the accordion needs two rows. You can always add more later. 

2. Once you’ve inserted your table, select the table (if you’ve just inserted it, it should already be selected). Go to the Formats menu and select Accordion.

3. Add titles and content to your accordion by clicking on each row.

4. To add more rows, right click on any row in the accordion and select insert row after or before.
Please add two rows at a time, otherwise the styling breaks (one row is for the section title, one row is for the content).

5. After saving, your accordion will display with all sections closed. You can click on each section to open it.