Program Home Example Page

Main Content Section

you can have as many blocks in this section of varying types and all blocks stack and are full width.

We can also add background colors or images in specific sections

Flexi 1 Section Title

Flexi Section 1 Block 1

Flexi sections add blocks horizontally and create the illusion of columns.  The default rules are:

  • 1 - 5 Blocks are in the same row.
  • 6 Blocks  will show as 2 rows with 3 blocks in each row
  • 7+ Blocks will show as 2 columns

With CSS we can override to these rules.  For example, we could add a rule that 3+ blocks to show as 3 columns

Flexi Section 1 Block 2

Flexi 1 Section Block 2

Flexi 1 Section Block 2

Flexi 1 Section Block 2

 

Flexi 1 Section Block 3

Flexi 1 Section Block 3

Flexi 1 Section Block 3

Flexi 1 Section Block 3

Flexi 1 Section Block 3

 

Home Left Title

Home Left Column Block 1

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book.[1]

Calendar
Last Month Previous February 2024 Next Next Month
S M T W T F S
        1 2 3
4 5 6 7
8
9 10
11 12 13
14 15 16 17
18 19 20
21
22 23 24
25
26
27
28
29
   

Home Right Title

Home Right Column Block 1

Home Right Column Block 1 Home Right Column Block 1 Home Right Column Block 1.

 

  • 24 Feb
    • Mid-Semester Break - GRCC
      Date: Feb 24 - Mar 3
      Calendar: Launch U

      No Launch U Classes.  GRCC Mid-Semester Break

  • 27 Feb
    • Career Chat 3:30 PM to 4:00 PM
      Career Chat
      Date: Feb 27
      Time: 3:30 PM to 4:00 PM
      Calendar: Career Readiness Event Calendar - CURRENT
    • Reimagining Belonging 4:15 PM to 5:15 PM
      Reimagining Belonging
      Date: Feb 27
      Time: 4:15 PM to 5:15 PM
      Location: Online
      Cost: Free
      Calendar: Thrive!

      In education, we love the word belonging and for good reasons. A sense of belonging is a core human need on Maslow’s hierarchy of needs, but belonging can also be a bit confusing. How do we make other people feel like they belong? Why aren’t our vision statements, classroom rules, or common meeting times moving the belonging dial as much as we had hoped?

      Register for this webinar at this link.

  • 5 Mar
    • 23-24 College Prep Series 8:00 AM to 9:30 AM
      23-24 College Prep Series
      Date: Mar 5
      Time: 8:00 AM to 9:30 AM
      Calendar: Career Readiness Event Calendar - CURRENT
      Topic: Case Studies: Review of Michigan 4 Year College/University Applications: Engage in a simulated review of admissions applications alongside current admissions officers, providing an understanding of how students' academic and extracurricular profiles fit with institutional priorities in making admissions decisions.

      Educator PD 1.5 SCECHs
      Register here

Flexi Section 2 Title (I like to center flexi titles and put a small underline)

Flexi Section 2 Block 1

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.

Flexi Section 2 Block 2

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.

Flexi Section 2 Block 3

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.

Flexi Section 2 Block 4

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.

Flexi Section 2 Block 5

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.

Flexi Section 3 Title

Flexi 3 Block 1

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.

Flexi 3 Block 2

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.

Flexi 3 Block 3

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.

Flexi 3 Block 4

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.

Flexi 3 Block 5

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.

Flexi 3 Block 6

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.

Bottom Content Section

This section will stack blocks and all blocks content is full width.

In this section you could request that all content is centered.... and we could center titles/text on only the Program Home layout in the Bottom Content section.