All Categories
Block Inventory Page
Use this page as a reference point for the various flexible content options available. You can use this page to see all of the options in your "toolkit" as well as look on the admin side to see how they work. We (QNTM) have tried to provide reference notes on blocks as we moved through creating blocks. If you have any questions, please let us know. Gutenberg is a bit of a shift in how WP works.
Mortgages

Paragraph Block

Low monthly payments leading to full ownership of your vehicle. At TruMark Financial, low-rate auto loans are available for cars, light trucks, vans, and sport-utility vehicles. Enjoy the satisfaction of knowing you’re financing at one of the lowest rates, with no payments for up to 60 days with a TruMark Financial auto loan.

Note the option:
– Provide Text Highlight Color (Hover over text, click the down “carrot” arrow, and “HIGHLIGHT” option)
– Provide Text Color (colors has been predetermined to match TruMark brand)
– Provide Background Color (colors has been predetermined to match TruMark brand)
– Change Text Size

Image Pathways (Blue Header, Red Button)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque faucibus ut nunc vel iaculis. Vestibulum porta nibh eu ex pellentesque, sit amet elementum risus auctor. Curabitur elementum accumsan magna sit amet vulputate. In et vehicula arcu. Praesent velit enim, lacinia sed aliquet vitae, lacinia eget erat.

Title/Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque faucibus ut nunc vel iaculis. Vestibulum porta nibh eu ex pellentesque, sit amet elementum risus auctor.

Title/Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque faucibus ut nunc vel iaculis. Vestibulum porta nibh eu ex pellentesque, sit amet elementum risus auctor.

Title/Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque faucibus ut nunc vel iaculis. Vestibulum porta nibh eu ex pellentesque, sit amet elementum risus auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque faucibus ut nunc vel iaculis. Vestibulum porta nibh eu ex pellentesque, sit amet elementum risus auctor.
More Info
More Info

Image Pathways (Red Header, Blue Button)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque faucibus ut nunc vel iaculis. Vestibulum porta nibh eu ex pellentesque, sit amet elementum risus auctor. Curabitur elementum accumsan magna sit amet vulputate. In et vehicula arcu. Praesent velit enim, lacinia sed aliquet vitae, lacinia eget erat.

Title/Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque faucibus ut nunc vel iaculis. Vestibulum porta nibh eu ex pellentesque, sit amet elementum risus auctor.

Title/Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque faucibus ut nunc vel iaculis. Vestibulum porta nibh eu ex pellentesque, sit amet elementum risus auctor.

Title/Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque faucibus ut nunc vel iaculis. Vestibulum porta nibh eu ex pellentesque, sit amet elementum risus auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque faucibus ut nunc vel iaculis. Vestibulum porta nibh eu ex pellentesque, sit amet elementum risus auctor.
More Info
More Info

Image Pathways (Red Header, Blue Titles)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque faucibus ut nunc vel iaculis. Vestibulum porta nibh eu ex pellentesque, sit amet elementum risus auctor. Curabitur elementum accumsan magna sit amet vulputate. In et vehicula arcu. Praesent velit enim, lacinia sed aliquet vitae, lacinia eget erat.

Title/Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque faucibus ut nunc vel iaculis. Vestibulum porta nibh eu ex pellentesque, sit amet elementum risus auctor.

Title/Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque faucibus ut nunc vel iaculis. Vestibulum porta nibh eu ex pellentesque, sit amet elementum risus auctor.

Title/Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque faucibus ut nunc vel iaculis. Vestibulum porta nibh eu ex pellentesque, sit amet elementum risus auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque faucibus ut nunc vel iaculis. Vestibulum porta nibh eu ex pellentesque, sit amet elementum risus auctor.
More Info
More Info

Image Pathways (Icon Style) – NOTE: Icons MUST be used

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque faucibus ut nunc vel iaculis. Vestibulum porta nibh eu ex pellentesque, sit amet elementum risus auctor. Curabitur elementum accumsan magna sit amet vulputate. In et vehicula arcu. Praesent velit enim, lacinia sed aliquet vitae, lacinia eget erat.

Title/Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque faucibus ut nunc vel iaculis. Vestibulum porta nibh eu ex pellentesque, sit amet elementum risus auctor.

Title/Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque faucibus ut nunc vel iaculis. Vestibulum porta nibh eu ex pellentesque, sit amet elementum risus auctor.

Title/Header

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque faucibus ut nunc vel iaculis. Vestibulum porta nibh eu ex pellentesque, sit amet elementum risus auctor. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque faucibus ut nunc vel iaculis. Vestibulum porta nibh eu ex pellentesque, sit amet elementum risus auctor.
More Info
More Info

Timeline Block

  • November 1939

    Chartered on Nov. 16, 1939. Founded by Bell Telephone employees August F. Harte along with Robert Stack, DeForrest Frank, and William Harden

  • 1940
  • 1941

    In December, moved to larger space at 1100 West Indiana Avenue, North Philadelphia

  • 1960
  • July 1960

    On July 10, the Northeast Philadelphia office opened for business at 7308 Castor Avenue. First Board of Directors meeting held on July 20

  • 1968
  • June 1988

    In June, the Center City Philadelphia office opened at 1811 JFK Boulevard, Center City, Philadelphia

  • 1991
  • July 1997

    On July 14, ribbon-cutting ceremony held at the Gateway Shopping Center office located at 115 E. Swedesford Road in Wayne, Pa.

  • 2002
  • October 2003

    On Oct. 6, credit union’s name changed from Philadelphia Telco Credit Union to TruMark Financial Credit Union

  • 2005
  • February 2005

    On Feb. 26, ribbon-cutting ceremony held for the opening of the Springfield, Delaware County, branch

  • 2006
  • October 2007

    On Oct. 5, ribbon-cutting ceremony held for the opening of TruMark Financial’s first student-operated branch at Plymouth Whitemarsh High School, 201 E. Germantown Pike, Plymouth Meeting, Pa.

  • 2008
  • April 2008

    On April 19, ribbon-cutting ceremony held at the Bond Shopping Center office located at 1884 South State Road, Upper Darby, Pa.

  • 2008
  • December 2008

    On Dec. 19, ribbon-cutting ceremony held for the opening of the Warrington branch

  • 2009
  • July 2009

    On July 17, ribbon-cutting ceremony held for the opening of the South Philadelphia branch

  • 2009
  • February 2010

    February 2010, First Atlantic Federal Credit Union merged with TruMark Financial

  • 2010
  • February 2012

    February 2012, People for People Community Develop Credit Union merged with TruMark Financial

  • 2013
  • May 2014

    On Friday, May 16, ribbon-cutting ceremony held for the opening of the Plymouth Meeting branch

  • 2014
  • October 2014

    On Friday, Oct. 24, ribbon-cutting ceremony held for the opening of the Bucks County Community College branch

  • 2015
  • February 2015

    On Friday, Feb. 6, ribbon-cutting ceremony held for the opening of the Horsham branch

  • 2015
  • August 2015

    On Friday, Aug. 21, ribbon-cutting ceremony held for the opening of the Doylestown branch

  • 2016
  • July 2016

    On Friday, July 22, ribbon-cutting ceremony held for the opening of the Chestnut Hill branch

  • 2016
  • April 2017

    April 2017, Dow Northeast Employees Federal Credit Union merged with TruMark Financial

  • 2017
  • October 2017

    On Friday, Oct. 20, ribbon-cutting ceremony held for the re-opening of the Downingtown branch

  • 2017
  • September 2018

    On Friday, Sept. 21, ribbon-cutting ceremony held for the opening of the Phoenixville branch

  • 2019
  • January 2021

    On Monday, Jan. 25, TruMark Financial moved its Northeast Philadelphia branch to 7350 Large Street, Philadelphia to better serve the community

  • 2021
  • May 2021

    On Monday, May 3, TruMark Financial moved its West Chester branch to 700 E. Market Street, West Chester

  • 2021
  • 1939
  • 1940

    In April, moved to office space provided by Bell Telephone at 3810 Chestnut Street, Philadelphia

  • 1941
  • 1960

    In March, purchased building at 7308 Castor Avenue, Northeast Philadelphia

  • 1960
  • 1968

    On Oct. 13, a new building was erected at 7306 Castor Avenue in Northeast Philadelphia

  • 1988
  • February 1991

    On Feb. 22, ribbon-cutting ceremony held for new headquarters at 1000 Northbrook Drive, Trevose, Pa.

  • 1997
  • November 2002

    On Nov. 16, ribbon-cutting ceremony held at North Wales office, 1200 Welsh Road in North Wales, Pa.

  • 2003
  • January 2005

    In January, final approval received to operate under a community charter

  • 2005
  • February 2006

    On Feb. 25, ribbon-cutting ceremony held for the opening of the Jenkintown branch

  • 2007
  • March 2008

    March 2008, Local 98 IBEW merged into TruMark Financial

  • 2008
  • June 2008

    On June 6, ribbon-cutting ceremony held at the Park Ridge Shopping Center office located at 2795 Ridge Pike, Trooper, Pa.

  • 2008
  • April 2009

    On April 2, ribbon-cutting ceremony held for the opening of the Eastern North Philadelphia branch

  • 2009
  • August 2009

    August 2009, Free Choice Federal Credit Union merged with TruMark Financial

  • 2010
  • March 2010

    On March 26, ribbon-cutting ceremony held for the opening of the Parkwood branch

  • 2012
  • May 2013

    On Friday, May 31, ribbon-cutting ceremony held for the opening of the Levittown branch

  • 2014
  • October 2014

    October 2014, Norsco Federal Credit Union merged with TruMark Financial

  • 2014
  • January 2015

    January 2015, American Bakery Workers Federal Credit Union merged with TruMark Financial

  • 2015
  • June 2015

    On Friday, June 19, ribbon-cutting ceremony held for new Center City Philadelphia branch

  • 2015
  • May 2016

    On May 2, the credit union moved its headquarters to a larger facility in Fort Washington, Pa. to accommodate its continued growth

  • 2016
  • November 2016

    November 2016, Keystone Federal Credit Union merged with TruMark Financial

  • 2017
  • September 2017

     On Friday, Sept. 22, ribbon-cutting ceremony held for the opening of the La Salle University branch

  • 2017
  • November 2017

    On Friday, Nov. 17, ribbon-cutting ceremony held for the opening of TruMark Financial’s student-operated branch at Bensalem High School, located at 4319 Hulmeville Road, Bensalem, Bucks County

  • 2018
  • September 2019

    On Friday, Sept. 20, ribbon-cutting ceremony held for the opening of the Malvern branch

  • 2021
  • April 2021

    On Monday, April 12, TruMark Financial moved its Jenkintown branch to 600 Old York Road, Jenkintown

  • 2021
  • June 2021

    On Monday, June 7, TruMark Financial moved its Trevose branch to 3250 Tilman Drive, Bensalem

50/50 Content Block

This is a 50/50 block content sample. Additional text would go here.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque faucibus ut nunc vel iaculis. Vestibulum porta nibh eu ex pellentesque, sit amet elementum risus auctor. Curabitur elementum accumsan magna sit amet vulputate. In et vehicula arcu. Praesent velit enim, lacinia sed aliquet vitae, lacinia eget erat.

Second Headline

Checkmark List Block

Checkmark
Checkmark
Checkmark
Checkmark
Checkmark

Accordion Block

Title of Accordion #1
Title of Accordion #2
Title of Accordion #3

CTA block

Optional Header (All header styles are available)

Full WYSIWYG (What You See Is What You Get) Options are available

NOTE: You can edit background image position with the “BACKGROUND POSITION” options (panel is closed by default)

TruMark Federal Credit Union is the place to bank! Contact us now!

Auto Loans

QNTM Secondary Content Block

Optional Header (All header styles are available)

Full WYSIWYG (What You See Is What You Get) Options are available

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque faucibus ut nunc vel iaculis. Vestibulum porta nibh eu ex pellentesque, sit amet elementum risus auctor. Curabitur elementum accumsan magna sit amet vulputate. In et vehicula arcu. Praesent velit enim, lacinia sed aliquet vitae, lacinia eget erat. Proin ornare, tortor non vestibulum ornare, metus dolor accumsan nibh, sed ornare quam magna id purus. Donec erat tortor, maximus tincidunt euismod in, blandit a neque. Duis at felis enim. Sed eget gravida arcu. Duis eu ex tortor. Curabitur pulvinar aliquet nisl vel sollicitudin. Vestibulum ultricies elementum egestas. Pellentesque varius, tellus eu accumsan porttitor, risus ex faucibus mi, ut tincidunt quam neque id ipsum.

Vestibulum dolor risus, vestibulum at gravida ac, faucibus sed velit. Maecenas semper urna mi. Etiam malesuada ante id pellentesque mollis. Pellentesque nisi velit, aliquam et varius in, condimentum sit amet dolor. Aenean luctus ornare metus, vitae pharetra nibh vulputate at. Vestibulum interdum vestibulum tellus, eget accumsan felis convallis eu. Interdum et malesuada fames ac ante ipsum primis in faucibus.

Application Status Block (Have you already started an application?)

Check application status
Text would go here. Ability to add button text, custom link, and ability to open link as “New Tab”

Icon Block

Smaller block text under header. Keep this shorter. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Auto Loans
Smart Start Rewards Visa®
CURewards®
Simple Table Block
Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque faucibus ut nunc vel iaculis. Vestibulum porta nibh eu ex pellentesque, sit amet elementum risus auctor. Curabitur elementum accumsan magna sit amet vulputate. In et vehicula arcu. Praesent velit enim, lacinia sed aliquet vitae, lacinia eget erat.

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque faucibus ut nunc vel iaculis. Vestibulum porta nibh eu ex pellentesque, sit amet elementum risus auctor. Curabitur elementum accumsan magna sit amet vulputate. In et vehicula arcu. Praesent velit enim, lacinia sed aliquet vitae, lacinia eget erat.

Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque faucibus ut nunc vel iaculis. Vestibulum porta nibh eu ex pellentesque, sit amet elementum risus auctor. Curabitur elementum accumsan magna sit amet vulputate. In et vehicula arcu. Praesent velit enim, lacinia sed aliquet vitae, lacinia eget erat.

QNTM Checkerboard Block

Optional Header (All header styles are available)

NOTE: Repeat block to add more “Checkboards”. MAKE SURE TO USE IMAGE POSITION OPTION TO FLIP CONTENT AND IMAGE. USE BACKGROUND TO MAKE MORE INTERESTING

Full WYSIWYG (What You See Is What You Get) Options are available

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque faucibus ut nunc vel iaculis. Vestibulum porta nibh eu ex pellentesque, sit amet elementum risus auctor. Curabitur elementum accumsan magna sit amet vulputate. In et vehicula arcu. Praesent velit enim, lacinia sed aliquet vitae, lacinia eget erat. Proin ornare, tortor non vestibulum ornare, metus dolor accumsan nibh, sed ornare quam magna id purus. Donec erat tortor, maximus tincidunt euismod in, blandit a neque. Duis at felis enim. Sed eget gravida arcu. Duis eu ex tortor. Curabitur pulvinar aliquet nisl vel sollicitudin. Vestibulum ultricies elementum egestas. Pellentesque varius, tellus eu accumsan porttitor, risus ex faucibus mi, ut tincidunt quam neque id ipsum.

Button Link Option
QNTM Checkerboard Block (Repeated Block to show Background and Image Position)

Optional Header (All header styles are available)

NOTE: Repeat block to add more “Checkboards”. MAKE SURE TO USE IMAGE POSITION OPTION TO FLIP CONTENT AND IMAGE. USE BACKGROUND TO MAKE MORE INTERESTING

Full WYSIWYG (What You See Is What You Get) Options are available

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque faucibus ut nunc vel iaculis. Vestibulum porta nibh eu ex pellentesque, sit amet elementum risus auctor. Curabitur elementum accumsan magna sit amet vulputate. In et vehicula arcu. Praesent velit enim, lacinia sed aliquet vitae, lacinia eget erat. Proin ornare, tortor non vestibulum ornare, metus dolor accumsan nibh, sed ornare quam magna id purus. Donec erat tortor, maximus tincidunt euismod in, blandit a neque. Duis at felis enim. Sed eget gravida arcu. Duis eu ex tortor. Curabitur pulvinar aliquet nisl vel sollicitudin. Vestibulum ultricies elementum egestas. Pellentesque varius, tellus eu accumsan porttitor, risus ex faucibus mi, ut tincidunt quam neque id ipsum.

Button Link Option

Sample Rates Table

Current Money Market Rates

Comparison Block (White Options)

Comparison Block (Off-white Options)

Account Title/Name

  • Account Attributes (Separate bullets by hitting “return/enter” on keyboard)
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
Summary Text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque faucibus ut nunc vel iaculis.

Account Title/Name

  • Account Attributes (Separate bullets by hitting “return/enter” on keyboard)
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
Summary Text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque faucibus ut nunc vel iaculis.

Account Title/Name

  • Account Attributes (Separate bullets by hitting “return/enter” on keyboard)
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
Summary Text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque faucibus ut nunc vel iaculis.

Account Title/Name

  • Account Attributes (Separate bullets by hitting “return/enter” on keyboard)
  • Lorem ipsum dolor sit amet
  • Lorem ipsum dolor sit amet
Summary Text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque faucibus ut nunc vel iaculis.