Navigation Bar Component

To find the Navigation Bar/Any Component:

Section

Class for Section Element are "Education Section" and "Section" + "Home":

Container

Use the "Container Default" plus page name for Container Element. See the Container element on the left side pane named "Navigator":

Padding across any breakpoints are different:

Typography

Home Heading

Home Sub-Heading

Other Pages Heading

Other Pages Sub-Heading

"Education Text Content" class for the contents

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Fully responsive Accordion

Fully responsive Accordion

Fully responsive Accordion, just copy and paste then edit the contents. And to add new accordion item:

  • Find the "Accordion Block" then copy and paste the "Accordion".

A network of advocates and experts

Courses and resources on menstrual health

Curated list of events and opportunities

Buttons

Buttons

Pagination Buttons

Pagination Buttons

Pagination Buttons

PrevNext

Contact Us

Project Partners Buttons

Project Partners Buttons

Project Partners Buttons

Image Block - class

Image Block

Classroom Image

Our Story Image - class

Our Story Image

FPC Team 2023

To add a new partner on the autoplay home carousel

To add a new partner on the autoplay home carousel

Go to Home Page:

  • Find the Carousel Section > container-carousel > carousel-container > card-carousel.
  • Copy and paste card-carousel then click image-card > go to settings and replace the image.

Join the Movement

To change the stats

To change the stats

Go to Home Page:

  • Find "stats-block" > "Container Default" > "stats-stack" > Find the cell that contains the item that you need to change
  • Click Cell > stats-wrapper > stats ? stats-number : stats-description

285

Members
on CHARMS

2000

People reached
through educational initiatives

3

Courses on
menstrual health

Footer for Home Page

Footer for Home Page

"Education Text Content" class for the contents

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

For the Footer Component

  • Just press "Shift" + A.
  • This section is using "Education Section" class.
  • This section is using "Container Default" + "Education" combined class.

Footer for Other Pages

Footer for Other Pages

"Education Text Content" class for the contents

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

For the Footer Component

  • Just press "Shift" + A.
  • This section is using "Education Section" class.
  • This section is using "Container Default" + "Education" combined class.