Menu

Components

To use this feature, click on the icon on the toolbar that looks like an atom

Button - Icons

  • Options for Radius, Round, Expand
  • Option for Normal (blue), Secondary (gray), Success (green), Alert (Red)
  • Option of icons

Campus Map | Event Parking & Directions

None PDF Link External Link Word Excel Power Point Photo Video Podcast Location Zip Form

 

Button | 2-Line

  • 2 Lines
  • First line is <strong> and font-size 1.5rem
  • Options for Radius, Round, Expand, Default, Secondary, and more.

President's Forum
Monday, October 28, 2024 | 3:00-5:00 p.m.
Farm Day | A free community event that is fun for the whole family!
Nov. 16, 2024 | 9 a.m. - 2 p.m. | Mt. SAC Farm
Accessibility Website
Alt Text, Captions, Color Contrast, and more

 

Date Icon

OCTOBER 27

Organizational | Static Calendar

  • Need to promote an event on your page? We suggest LiveWhale, our Online Campus Calendar
  • If you need the events stored as a archive on your website for other purposes, this component might be what you need.
NOVEMBER 16
Mt. SAC Farm Day (with details)
Saturday, November 16, 2024
9 a.m. - 2 p.m.
Mt. SAC Farm

 

NOVEMBER 16
Mt. SAC Farm Day (without details)
Saturday, November 16, 2024
9 a.m. - 2 p.m.
Mt. SAC Farm
Details

Farm Day

Saturday, November 16, 2024
9am-2pm at the Mt. SAC Farm.

Farm day is a free community event that is fun for the whole family!  Join us for farm tours, demonstrations, hayrides, a plant sale, pony rides, a petting zoo, milking demonstrations, a fun zone, animals, and more!  Food will be available for purchase.

Presented by: Mt. SAC Agricultural Department, The Orange County Farm Bureau, and Dairy Council of CA

 

Organizational | Contact Card

  • Rizzly the Grizzly
    Rizzly the Grizzly Mascot Marketing Office Mountie/Mascot/Grizzly Bear Team Mt. SAC!
    (909) 275 - 7500
    Mt. SAC Campus
    Monday - Friday
    8:30 a.m. - 5 p.m.
    Details
    RizzlyInspired by the grizzly bears once native to our namesake mountain, Rizzly embodies the qualities of strength, intelligence, and confidence. Just as the grizzly navigates the wilderness with astonishing perseverance and determination, Mounties approach their academic and personal journeys with the same spirit.

    Marketing | Mascot
  • Contact Card

    • 400x400 square image (optional)
    • Full Preferred Name
    • Job Title
    • Team
    • Department
    • Pronouns
    • Optional Text 
      • Example Process Payroll (Am-G)
    • Email
    • Phone
    • Mobile (personal phones not recommended)
    • TTY (optional)
    • Zoom (hidden on default)
    • Fax (hidden on default)
    • Bldg. # - Rm. #
    • Work Days
    • Work Hours or Office Hours
    • Details can be hidden (optional)
      • Anything specific like Zoom, Fax Numbers, a short few sentences of yourself, Social Media, etc. 
  • Full Name
    Full Name Job Title Team Department Pronouns Optional Text
    (909) 274 - 7500
    (000) 000 - 0000
    711 (000) 000 - 0000
    Zoom: 000 000 0000
    (909) 274 - 0000
    Building and Room
    Work Days
    Work Hours
    Details
    . . . is a visual designer for Mt. SAC. She enjoys translating complex ideas into captivating stories. With a career spanning web, brand, and motion design, she crafts compelling experiences that leave a lasting impression.


    FIND ME ELSEWHERE

Organizational | Image Row

  • You need 7 .jpg images
  • Preferably cropped square
  • Upload all 7 images to your website, then publish
  • Mobile displays two rows of 3 images, the 7th is hidden. 

  • Students providing input at outside building 40
  • Listening to feedback from students
  • Gathering feedback from students stretching into the evening.
  • Group planning sessions
  • Interpreting feedback
  • Gathering feedback from students
  • Gathering Feedback

 

Organizational | Tabs

  • Optional: You can hide tabs 2-5 (example shows Tab 3 turned off) 
  • Optional: If you need to insert tabs more than once on a page, each set needs to have a Unique ID. Simply select 1-10. If not unique, the all tabs on the page will update when clicking  the same tab. 
  • Tabs stack on mobile devices.
Tab 1

Insert your content here...

Note: Tabs 2-5 can be hidden (example tab 3 is hidden)

 

  • Icon

    • Want to insert a specific Font Awesome Icon in your text?
    • This is not for changing icons within individual snippets.
    • Perfect for use in Headings and Paragraphs

    Enlarged Sample:  
    <span style="font-size: 10rem"> component </span>

      • Brands

        Brands
        If you don't see your selection, it is likely you will need to check that the font is set to "brands". Duotone, and other styles are not available for brands. 

        • Facebook

        • X-Twitter

      • Classic

        Classic

        • Solid

        • Regular

        • Light

        • Thin

      • DuoTone
        Duotone

        Primary is the solid, Secondary is the 40% value shown on Font Awesome's website. Options of opacity are 40, 60/80, 100%

        • 100% + 40% 

        • 40% + 100%

        • 100% + 100%

        • Two Colors 100% + 100%

      • Sharp

        Sharp  

        • Solid

        • Regular

        • Light

        • Thin

      • Sharp Duotone

        Sharp Duotone

        Font Awesome says more styles are coming

        • Solid

           

      • Sizes

        The size of the icon will change if applied in a body of text, or within a heading tag and any other css styles. (Remember, headings are organizational elements, not design elements and need to be nested is the sequential order.) 

        • 2xl

        • xl

        • l

        • normal

        • s

        • xs

        • 2xs

      • Example Recipes

        Halloween Icon Recipes

        •  

          "pumpkin" | None | blank | Duotone |  2xl
          Green | 100% | Orange | 100% 

        •  

          "jack-o-lantern" | None | blank | Duotone |  2xl
          Poppy | 100% | Orange | 100%

        •  

          "ghost" | None | blank | Duotone |  2xl
          Grape | 100% | Lavender | 60%

        •  

          "bat" | None | blank | Duotone |  2xl
          Green | 100% | Orange | 100%

        •  

          "candy-corn" | None | blank | Duotone |  2xl
          Orange | 100% | Poppy | 100%

        •  

          "cauldron" | None | blank | Duotone |  2xl
          Black | 100% | Light Green | 100%

        •  

          "flask-round-potion" | None | blank | Duotone |  2xl
          Light Green | 100% | Sky Blue | 40%

        •  

          "candy" | None | blank | Duotone |  2xl
          Grape | 100% | Orange | 40%

        •  

          "spider-black-widow" | None | blank | Duotone |  2xl
          Grape | 100% | Orange | 40%

 

Animated Stats

100,125

Quotation Box

  • Available in two themes; Light and Dark.
  • Quotes can be added to the Right, Left, and Center with varying widths.
  • Quotes are centered on mobile devices.  

We cannot seek achievement for ourselves and forget about progress and prosperity for our community. Our ambitions must be broad enough to include the aspirations and needs of others, for their sakes and for our own.

Cesar Chavez United Farm Workers

Lorem ipsum odor amet, consectetuer adipiscing elit. Ridiculus varius nec adipiscing dapibus suspendisse penatibus nibh mi sagittis. Eget quam imperdiet parturient potenti aliquet magna conubia metus. Arcu ultrices euismod pretium montes luctus dapibus velit. Placerat in magna congue gravida torquent. Torquent fusce imperdiet interdum nulla aliquet. Phasellus metus morbi; facilisi inceptos eget praesent ridiculus. Vel ridiculus class facilisis lacus fusce vel sollicitudin. Convallis mauris sem torquent nascetur eleifend eleifend.

We need to help students and parents cherish and preserve the ethnic and cultural diversity that nourishes and strengthens this community – and this nation.

Cesar Chavez

Ligula et lectus et neque class sagittis vehicula augue varius. Molestie primis penatibus magnis condimentum dignissim duis. Curabitur nulla eu habitant natoque suspendisse. Mi habitant curabitur fringilla cubilia; dui efficitur. Dui curae mi accumsan risus aliquam nibh. Feugiat adipiscing primis mi, sociosqu euismod ultricies laoreet. Risus hac magnis nibh nec nostra. Interdum bibendum id praesent venenatis laoreet curae elementum. Libero enim non blandit pretium suscipit.

Eget risus porta ligula semper eleifend. Venenatis habitant dignissim feugiat efficitur platea mauris arcu fames. Conubia fames dui ornare posuere; libero euismod? Sociosqu mattis interdum habitasse; augue habitant curae iaculis tempus. Scelerisque tempor elit eu sodales massa litora. Inceptos ultricies sit diam sollicitudin, netus cras ac sapien sit. Ultrices pulvinar feugiat rutrum convallis cubilia. Dolor magna ridiculus hendrerit congue eu sollicitudin diam. Litora euismod lacus rhoncus fusce nam est iaculis velit.

A single act of kindness throws out roots in all directions, and the roots spring up new trees.

Amelia Earhart

YouTube/Vimeo

 

Menu Grid

Developed for the CDC 
There are additional styles added on this page in the headcode. (Ask the Web & Portal team for assistance)

 October 28 - November 1

Meal Monday 10/28/2024 Tuesday 10/29/2024 Wednesday 10/30/2024 Thursday 10/31/2024 Friday 11/01/2024
Breakfast
  • WG Cheerios ½ c
  • Peaches ½ c
  • Whole/1% White Milk ¾ c
  • Vanilla Yogurt ½ cup
  • WG Kix Cereal ¾ cup
  • Mandarins ½ cup
  • Whole/1% White Milk ¾ c
  • WG Wheat Bagels ½ ea.
  • Cream Cheese 1 oz.
  • Tropical Fruit ½ c
  • Whole/1% White Milk ¾ c
  • Pumpkin Muffins ½ ea.halloween bat
  • Pears ½ c
  • Whole/1% White Milk ¾ c 
  • WG Rice Chex
  • Cereal ¾ c
  • Tropical Mix ½ cup
  • Whole/1% White Milk ¾ c
Lunch
  • Chicken Alfredo ¾ c.
  • WG Pasta Noodles
  • Chicken & Alfredo Sauce 1.5 oz
  • Carrots ¼ c
  • Pears ¼ c
  • Whole/1% White Milk ¾ c
  • Beef and Rice Casserole ½ c.
  • Green Beans ¼ c.
  • Oranges/Mandarins ¼ c
  • Whole/1% White Milk ¾ c
  • Chicken Sandwich
  • WG Chicken Patty ½ ea.
  • WG Wheat Buns ½ ea.
  • Cooked Carrots ¼ cup
  • Pears ¼ cup
  • Whole/1% White Milk ¾ c
  • Jack - halloween pumpkin- Lantern Pizza
  • WG Wheat Bagel ½ ea.
  • Shredded Cheese 1.5 oz
  • Cali Veggie Mix ¼ c
  • Diced Peaches ¼ c
  • Whole/1% White Milk ¾ c
  • WG Chicken Nuggets 4 ea.
  • Tater Tots ¼ c.
  • Apples/Applesauce ¼ c
  • Whole/1% White Milk ¾ c
Snack
  • Hardboiled Egg ½ ea.
  • Goldfish Crackers ¼ c
  • Cheese Cubes 4 ea.
  • Zesta Crackers 4 ea
  • Low Fat String Cheese 1 ea.
  • Pineapple Tidbits ½ c
  • BOO Smoothies! ¾ c
  • Berry Medley (strawberry, blueberry, raspberry) ½ c
  • Yogurt ¼ c
halloween ghost
  • Cheez-its 1 ea.
  • Diced Peaches ½ c