Block Example Page Page d’exemple de bloc

This page house block examples and instructions

Our online application for the 2024-2025 academic year will open on September 1, 2024

Hero Block

  • Choose the type of hero block – Default, Background Image, or Video.
  • Fill out content blocks provided, or swap out with blocks of choice.
  • Available fields include Heading, Paragraph, Button, Translated Header, and LILA Buttons.
Small Label

Accordion with Image

Vestibulum id ligula porta felis euismod semper. Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Nullam quis risus eget urna mollis ornare vel eu leo.

  • Nullam id dolor id nibh ultricies vehicula ut id elit. Sed posuere consectetur est at lobortis. Donec sed odio dui aenean eu leo quam ornare sem lacinia.

    Learn more
  • Nullam id dolor id nibh ultricies vehicula ut id elit. Sed posuere consectetur est at lobortis. Donec sed odio dui aenean eu leo quam ornare sem lacinia.

    Learn more
  • Nullam id dolor id nibh ultricies vehicula ut id elit. Sed posuere consectetur est at lobortis. Donec sed odio dui aenean eu leo quam ornare sem lacinia.

    Learn more
  • Nullam id dolor id nibh ultricies vehicula ut id elit. Sed posuere consectetur est at lobortis. Donec sed odio dui aenean eu leo quam ornare sem lacinia.

    Learn more
  • Nullam id dolor id nibh ultricies vehicula ut id elit. Sed posuere consectetur est at lobortis. Donec sed odio dui aenean eu leo quam ornare sem lacinia.

    Learn more

Accordion with Image

  • For ease of editing, click the pencil icon (Switch to Edit).
  • For ‘Image on left or right?’, choose either On Left or On Right.
  • Add row.
  • Fill out fields provided.
  • Add additional rows as desired.
  • To view, click the eye icon (Switch to Preview).
Our Mission

Our mission is to develop confident, caring, and open-minded critical thinkers who are equipped to thrive in a diverse, competitive world.

Our Values

The delivery of our mission is anchored in the commitment of each member of our school community to uphold our core values of respect, excellence, and diversity.

Mission Cards

  • For ease of editing, click the pencil icon (Switch to Edit).
  • Add row.
  • Fill out fields provided.
  • Add additional rows as desired.
  • To view, click the eye icon (Switch to Preview).
Spinning logo

Spinning Logo Container

Welcome to LILA, the International School of Los Angeles. We offer an academically rigorous preschool–12th grade education delivered in a warm and diverse environment. We promise our students a future full of possibilities and opportunities that comes from being bilingual critical thinkers who are open-minded, confident, and caring global citizens.

Spinning ring

Spinning Logo Container

  • Select whether or not to display outer spinning ring.
  • Fill out content blocks provided, or swap out with blocks of choice.
  • Available fields include Heading, Paragraph, Button, Buttons, LILA Buttons, Spacer, and Translated Header.

Image Card Block

Image Card

With an image on the left

Image Card

  • Add an Image.
  • Choose Image Alignment: Image Left pr Image Right.
  • Choose Block Overlap (optional).
  • Fill out fields provided.
  • Click into provided text to edit, or swap out with blocks of choice.
  • Available fields include Heading, Paragraph, Button, Buttons, LILA Buttons, Spacer, and Translated Header.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

American University

Arizona State University


ArtCenter College of Design


Bard College


Barnard-Columbia


Bennington College


Boston College


Boston University


Brandeis University


Cal Poly, Pomona


Cal Poly, San Luis Obispo


California State University, East Bay


California State University, Fullerton


California State University, L.A.


California State University, Long Beach


California State University, Monterey Bay


California State University, Northridge


California Institute of the Arts


Carnegie-Mellon University


California College of the Arts


Chapman University


Claremont McKenna College


Clark University


College of the Holy Cross


College of William & Mary

Columbia University/Sciences Po Dual degree Program


Cornell University


Dartmouth College


Drexel University


Duquesne University


Emerson University


Emory University


Fordham University


George Washington University


Georgetown University


Goucher College


Harvard University


Harvey Mudd College


Haverford College


Hofstra University


Humboldt State University


Ithaca College


Kenyon College


Lawrence University


Lewis & Clark College


Laboratory Institute of Merchandising


Long Island University, Global


Loyola Marymount University


Loyola University Chicago


Loyola University of New Orleans


Michigan State University


Montana State University


Mount St. Mary’s University


New College of Florida


North Carolina State University

Northeastern University


Norwich University


New York University


Occidental College


Pace University


Pasadena City College


Penn State University


Pepperdine University


Pierce College


Pomona College


Portland State University


Pratt University


Princeton University


Purdue University


Reed College

Continued List…

Enter Content Here

Enter Content Here

Enter Content Here

Enter Content Here

Accordion

  • Click the Styles icon in the right column options panel and choose a style of Default, Icon, or Photo.
  • Fill out Title field and Subtitle field (optional).
  • Click into ‘Enter Content Here’ to add/edit content.
  • To add additional Accordion Items, click the Accordion Block. Then click the + in the lower right corner (Add Accordion-Item).
Academics

Horizontal Accordion

Make it count. Preschool through middle school students are immersed in one of the world’s strongest educational systems. High schoolers choose between two unique and challenging academic credentials.

  • Nullam id dolor id nibh ultricies vehic ula ut id elit. Sed posuere consectet lictur est at lobortis.

    Learn more
  • Nullam id dolor id nibh ultricies vehic ula ut id elit. Sed posuere consectet lictur est at lobortis.

    Learn more
  • Nullam id dolor id nibh ultricies vehic ula ut id elit. Sed posuere consectet lictur est at lobortis.

    Learn more
  • Nullam id dolor id nibh ultricies vehic ula ut id elit. Sed posuere consectet lictur est at lobortis.

    Learn more
  • Nullam id dolor id nibh ultricies vehic ula ut id elit. Sed posuere consectet lictur est at lobortis.

    Learn more

Horizontal Accordion

  • For ease of editing, click the pencil icon (Switch to Edit).
  • Fill out fields provided.
  • Add additional rows as desired. 5 row max.
  • To view, click the eye icon (Switch to Preview).
Locations

Locations

Burbank

6th – 12th Grade

Learn More
Burbank

Locations

  • Select specific locations to display (optional). If left empty, will automatically display all locations.
  • Add a Call to Action button (optional).
  • Add a Block Overlap (optional).

“Testimonial Slider”

Sirus Turkzadeh, 2013 Alumnus

“Aenean lacinia bibendum nulla sed consectetur. Maecenas sed diam eget risus varius blandit sit amet non magna. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.”

Parent

“Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Sed posuere consectetur est at lobortis.”

Childname, Grade 8

“Aenean lacinia bibendum nulla sed consectetur. Maecenas sed diam eget risus varius blandit sit amet non magna. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit.”

Parentname2, Class of 2028

Group of high school students on field trip Group of high school students on field trip

Card Slider

Slider

  • For ease of editing, click the pencil icon (Switch to Edit).
  • Choose Slider Type: Testimonial Slider or Card Slider.
  • Add Block Header (optional).
  • Add a Block Overlap (optional).
  • For Card Sliders
    • Click Add Row to add a slide.
    • Fill out provided fields.
  • For Testimonial Sliders
    • Add both Block Background Image and Block Background Image Mobile.
    • Click Add Row to add a slide.
    • Fill out provided fields.
  • To view, click the eye icon (Switch to Preview).
Statistics Slider

58

Ivy League Schools

16

Public Ivies Schools

47

Little Ivies Schools

31

Big 10

99

Another Statistic

Statistics Grid

58

Ivy League
Schools

16

Public Ivies
Schools

100%

Stat with sup text

Test Stat

that is not a number.

24

International

12

HBCUs

7

Seven Sisters

Statistics Cards

  • For ease of editing, click the pencil icon (Switch to Edit).
  • Choose Grid or Slider.
  • For Grid
    • Select either Stacked or Columns from the Mobile Display dropdown.
    • Fill out provided fields.
    • Click ‘Add Card’ to add card. 4 card max.
    • Click ‘Add Row’ to add and additional row. 2 row max.
    • Use the Statistic Figure field for numbers and the Statistic Text field for text.
    • To add superscript text (%, +, ect.), wrap in sup tags, as shown above in the 100% example.
  • For Testimonial Sliders
    • Click Add Row to add a slide.
    • Fill out provided fields.
    • Use the Statistic Figure Field for numbers and the Statistic Text field for text.
    • To add superscript text (%, +, ect.), wrap in sup tags, as shown above in the 100% example.
  • To view, click the eye icon (Switch to Preview).

At A Glance

Two Column Content Block with image

Vestibulum id ligula porta felis euismod semper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

At A Glance

Two Column Content Block with Statistics Slider

Vestibulum id ligula porta felis euismod semper. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

38

Languages Spoken

53

Nationalities

4

Campuses

1089

Students

Two Column Content

  • For ease of editing, click the pencil icon (Switch to Edit).
  • Choose Media Type: Image or Slider.
  • For Image
    • Add an image.
  • For Slider
    • Click Add Row to add a slide.
    • Fill out provided fields.
  • To view, click the eye icon (Switch to Preview).
  • Click into provided text to edit, or swap out with blocks of choice.
  • Available fields include Heading, Paragraph, Button, LILA Buttons, and Translated Header.
Educational Framework

Critical thinking, creativity, and communication

Donec id elit non mi porta gravida at eget metus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Learn More
Curriculum

Breadth and rigor

Donec id elit non mi porta gravida at eget metus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Learn More
Activities & Athletics

Fostering team spirit

Donec id elit non mi porta gravida at eget metus. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Morbi leo risus, porta ac consectetur ac, vestibulum at eros.

Learn More

Featured Cards

  • Start with Columns block (50/50)
  • Add Basic Card to each column.
  • Fill out card information, including icon, icon color, small label, main heading, description and link.
    • To set different card background, choose a background color from the sidebar “Styles” panel.
  • If odd number of cards, put an image opposite of last card, set image style to Card Spacer for proper styling.
    • Also set Visibility property on image to “Hide on Mobile” true.

Team Members

Vestibulum id ligula porta felis euismod semper. Integer posuere erat a ante venenatis dapibus posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla. Aenean lacinia bibendum nulla sed consectetur.

  • Leslie Galerne

    Leslie Galerne

    Director of Advancement

    (818) 994-2961

    Email Leslie

  • Eugene Durham

    Eugene Durham


    Annual Fund Manager

    (818) 994-2961

    Email Eugene

  • Danielle Schaeffer

    Danielle Schaeffer

    Associate Director of Admissions | High School IB Programme

    Email Danielle

Team Members

  • Choose to include contact info (optional).
  • Select Team Members to display using type ahead multiselect field.
  • Click into provided text to edit, or swap out with blocks of choice.
  • Available fields include Heading, Paragraph, and Translated Header.

Other Block Examples

Cover Block with Inner Blocks Container

OUR VISION – OUR MISSION

To be the premier international
school in Los Angeles.

The International School of Los Angeles is a non-profit, independent, international school committed to bilingual education and academic excellence in a nurturing environment. Our mission is to develop bilingual critical thinkers who are open-minded, confident and caring, and equipped to thrive in a diverse, competitive world. We offer a preschool through 12th grade curriculum that culminates in the French baccalauréat or the International Baccalaureate®’s Diploma Programme.

Translated Buttons

Blockquote

Diversity, along with the closely interlinked values of respect and excellence, forms the core of our mission. These foundational values demand self-reflection and open conversation, in order that we as a community may fulfill the rich potential of our mission and our constituency. We embrace them as both core values and as ongoing practices. Learning from and alongside one another, we work to confront racism in our cultures’ pasts and presents.

LILA’s diversity encompasses our French roots, American location, and multinational, multiethnic, and multilingual community members. People commonly cite our school’s diversity as their reason for becoming part of our community. Our bilingual students directly experience identity’s contextuality when they toggle back and forth between different modes of personal expression.

“As long as oppression is present in the world, young people need pedagogy that nurtures criticality.”

Gholdy Muhammad, Author of Cultivating Genius

Icon Lists

Diversity
Diversity refers to a community that comprises multiple nationalities, races, ethnicity, colors, gender identities, religions, family structures, sexual orientations, socioeconomic backgrounds, physical abilities, learning differences, and who speak myriad languages.

Equity

Equity refers to fair treatment, opportunity, and access for all members of the LILA Community, and requires acknowledging that some people begin with advantages while others encounter barriers.

Inclusion
Inclusion means all members of the LILA Community feel a sense of belonging and can fully participate in a way that feels individually authentic.

Apply Now FAQs Contact the
Admissions Team

Accreditations & Memberships