Please enter your email and message and we'll get back to you as soon as we can!  We look forward to hearing from you!

420 Filbert Street,
San Francisco, CA 94133

(415) 291-7924

Garfield is a public elementary school located at the base of Coit Tower n- one of the most picturesque spots in the city of San Francisco. As one of the first public elementary schools in the city, Garfield has been providing a rich academic environment for local children for more than 100 years. Today, Garfield is a small, tight-knit community serving 240 children of diverse cultural and economic backgrounds in grades K-5.

Garfield Elementary offers general education classes for grades K-5; a Chinese Immersion program for grades K-1 (additional grades will be added every academic year through grade 5); a Special Day Class (SDC) program for children with high-functioning autism in grades K-5; and an after-school program from 1:50 – 6:00pm every school day. In addition to the music, art and P.E. programs that are offered throughout the district, Garfield partners with San Francisco community-based organizations to provide enrichment opportunities for its students. These partners include CUESA (the Center for Urban  Education about Sustainable Agriculture); the Chinatown Y.M.C.A; the San Francisco Opera Guild; LEAP Arts in Education; and more. 

For more information about Garfield, please visit the school’s Facebook page, Garfield’s San Francisco Unified School District page, and Great Schools . If you are interested in receiving the Garfield PTO newsletter, please provide your email address here.

Read me

Dovetail Template

Dovetail is a dead simple layout with a large hero image. Designed to showcase your images with a large hero image at the top, Dovetail can really put your style front and center. Quick to setup using Page titles, descriptions and thumbnail images.

Screen Shot 2013-06-04 at 1.50.42 PM.png

Page Specific Banner Images

Each page in Squarespace has a page thumbnail image available with the Page Settings. If you use these images, they will automatically show at the top of the page within the Banner Area.

Screen Shot 2013-06-04 at 1.52.15 PM.png

Header Alignment

The 'Header Alignment' option in Style Mode will align the navigation and hero image area together. There are three options: Left, Center or Right.

Screen Shot 2013-06-04 at 1.54.26 PM.png
Screen Shot 2013-06-04 at 1.53.32 PM.png
Screen Shot 2013-06-04 at 1.50.42 PM.png

Automatic Folder Navigation

Dovetail uses an automatic setup for folder navigation. When you view a page that is within a folder, Dovetail will automatically create navigation to all the other pages within that same folder. The folder navigation shows at the top of the content area so a user can quickly access sibling pages.

Screen Shot 2013-05-31 at 3.12.25 PM.png

Simple Footer Navigation

Dovetail provides a secondary navigation in the footer of the site. This navigation has its own section on the back-end so you can add specific links to pages. Consider these links to be secondary to the purpose of the site. Perhaps Terms & Conditions, Policies, Privacy Statements etc.

Note: The simple footer navigation does not support folders.

Screen Shot 2013-05-31 at 3.16.01 PM.png

Social Links

Connecting your favorite social networks to your Squarespace site enables a 'Show Social Icon' option for each. Dovetail uses a social icon web-font so you can change the size, color and style - all from within Style Mode.

Screen Shot 2013-05-31 at 3.19.40 PM.png