be_ixf;ym_202404 d_20; ct_50

Style Guide

Icon Cards – Columns

Displays columns of cards with icon, heading, description, and button link.

  • Icon HTML

    Displays columns of cards with icon, heading, description, and button link.

  • Icon SVG

    Displays columns of cards with icon, heading, description, and button link.

  • Title

    Icon Cards – Columns

    Displays colums of cards with icon, heading, description, and button link.

CTA Full Width – Link List

Displays CTA card, with a link list, over a full-width background

Title

CTA Full Width – Link List Displays CTA card, with a link list.


CTA Stat Cards – Columns

CTA – Stylized Image

Undergraduate

Lorem Ipsum Nor Colorlar Edt

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste rem nobis a assumenda et molestiae, porro dolore, numquam modi dolorem distinctio aperiam incidunt voluptas quia, perferendis consectetur. Dolore, saepe earum?

View Programs

Undergraduate Online

Lorem Ipsum Nor Colorlar Edt

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste rem nobis a assumenda et molestiae, porro dolore, numquam modi dolorem distinctio aperiam incidunt voluptas quia, perferendis consectetur. Dolore, saepe earum?

View Programs

Multi-Row Callout Card

Learn While In High School

Dual Enrollment

Lorem ipsum dolor sit amet, consectetur

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste rem nobis a assumenda et molestiae, porro dolore, numquam modi dolorem distinctio aperiam incidunt voluptas quia, perferendis consectetur. Dolore, saepe earum?

CTA Button
Example Two

Find Purpose & Faith

Seminary

Lorem ipsum dolor sit amet, consectetur

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste rem nobis a assumenda et molestiae, porro dolore, numquam modi dolorem distinctio aperiam incidunt voluptas quia, perferendis consectetur. Dolore, saepe earum?

CTA Button

CTA – Topo and Image

Programs & Fees

Lorem ipsum dolor sit amet, consectetur

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste rem nobis a assumenda et molestiae, porro dolore, numquam modi dolorem distinctio aperiam incidunt voluptas quia, perferendis consectetur. Dolore, saepe earum?

CTA Button

Programs & Fees

Lorem ipsum dolor sit amet, consectetur

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste rem nobis a assumenda et molestiae, porro dolore, numquam modi dolorem distinctio aperiam incidunt voluptas quia, perferendis consectetur. Dolore, saepe earum?

CTA Button

CTA Stat Video – Block

Student Life

Lorem ipsum dolor sit amet, consectetur

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Iste rem nobis a assumenda et molestiae, porro dolore, numquam modi dolorem distinctio aperiam incidunt voluptas quia, perferendis consectetur. Dolore, saepe earum?

View Programs


Admissions Counselor Pod

Displays a horizontal or vertical card with an Admissions Counselor’s contact info.

Demo Example

This is a demo only. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem, illo nisi nulla magni mollitia quam fugit sapiente officia repudiandae unde eligendi eaque provident ab sed eos sequi hic aut dicta.

(987) 654-3210 demo.example@email.com

Demo Example

This is a demo only. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Autem, illo nisi nulla magni mollitia quam fugit sapiente officia repudiandae unde eligendi eaque provident ab sed eos sequi hic aut dicta.

(987) 654-3210 demo.example@email.com

Block: Image Links

Pods that have text and an image that link to another page. Settings include Column count (how many per row), Height, Color, etc.

universities mo, universities in missouri, springfield colleges
ALL DEGREES AT EU
universities mo, universities in missouri, springfield colleges
FULLY ONLINE
universities mo, universities in missouri, springfield colleges
SEMINARY

Block: Testimonial Slider

Choose one or multiple testimonials and they will appear in a slider, with the style you select.

Best used within an Advanced Columns > Advanced Column container.

Business consultant, church planter

Bachelors in

God wants all of us to steward faithfully the opportunities for mission in the marketplace, because this is where His harvest lives and hurts. We are His open epistles of love and healing to the broken world in our work places, our government, our schools and our entertainment. AGTS will teach you how to do this with thoughtfulness and strategy.

Dr. Svetlana Papazov

Lead Pastor of First Assembly of God, Rolla, MO

Master in Leadership and Ministry

At AGTS, you will learn so much of the practical side of ministry that’s invaluable on a day-to-day basis. You learn the ins and outs of preaching, how to interpret scripture, and are able to apply it to your congregation.

Lance Langenberg

Vice President of Student Development

Masters in Leadership and Ministry

The coursework at AGTS is exactly what I was missing in ministry. I have learned more about leadership, theology, and God’s design for my life through the study and interaction with professors and other students than in the entirety of my previous 25 years of ministry. Every minister should consider taking a break from the treadmill of books and podcasts and submit themselves to the rigors of higher education. It has a long-lasting impact.

Mark Entzminger

Block: Multi-Row Callout

Single element that showcases multiple images, blurb of text and buttons.

First Second

Single element that showcases multiple images, blurb of text and buttons.

My Button

Block: Icon Button Bar

Displays a row of button links with icons.

Get the Raw HTML code from this Font Awesome page.

Select a Layout of “Overlap 50%” to float the Icon Button Bar, and allow it to overlap the elements just before and after it.

NOTE: Especially when using the “Overlap 50%” setting, this block is specially designed to be the first one on the page, thus touching the page hero heading section at top, and overlapping it.

Example Hero

Demonstrating the “Overlap 50%” Layout setting.

Acorn Apple Campfire Oak Leaf

Block: Schedule Card

Displays a card with heading area, schedule date pods, and button link.

Best used within an Advanced Columns > Advanced Column container.

Tilte

Subtitle

  • Jul 20
    Ice Cream Social
  • Jul 21
    Food Fight

Tilte

Subtitle

  • Jul 20
    Ice Cream Social
  • Jul 21
    Food Fight

Tilte

Subtitle

  • Jul 20
    Ice Cream Social
  • Jul 21
    Food Fight

Block: Schedule Card – Columns

Displays columns of cards with heading area, schedule pods, and button link.

Self contained with Column options.

  • Title

    Subtitle

    • Mar 15
      Demo Description
    Learn more

  • Title Two

    Subtitle Two

    • Mar 24
      Example Description
    • Mar 26
      Additional Example Description
    See Schedule

Block: CTA Card

Displays a card with image, heading, description, and button link.

Best used within an Advanced Columns > Advanced Column container.

CTA Card Title

Displays a card with image, heading, description, and button link.

CTA Card Title

Displays a card with image, heading, description, and button link.

CTA Card Title

Displays a card with image, heading, description, and button link.

Block: CTA Cards – Columns

Displays colums of cards with image, heading, description, and button link.

Self contained with Column options.

  • Example Title

    Displays colums of cards with image, heading, description, and button link.

    Get the recipe

  • Example Title Two

    Displays colums of cards with image, heading, description, and button link.

    Get the recipe

With the Card Style of Interactive w/ pop-over option selected

  • Example Title

    Displays columns of cards with image, heading, description, and button link.

    Demo

  • Example Title Two

    Displays columns of cards with image, heading, description, and button link.

    Demo Second

  • Displays columns of cards

    Displays columns of cards with image, heading, description, and button link. Displays cards with image, heading, description, and button link.

     

    Displays columns of cards with image, heading, description, and button link. Displays cards with image, heading, description, and button link.

    Example link

Block: Callout Boxes

Displays cards with heading, subheading, description, image, and button link.

The College Tour

Evangel was recently featured on The College Tour, a streaming series that highlights universities across the US through the unique stories of students and alumni! You can watch EU’s episode of The College Tour on Amazon Prime, RokuTV, or at the link below!

Learn More

José Vargas

Hometown: Barquisimeto, Venezuela

“Evangel students have the opportunity to explore and reach their full potential, and Evangel provides tools that will help students prepare and become efficient in their chosen careers.”

Learn More

Sydney Dunavant

Hometown: Rogersville, Missouri

“I’ve learned so much and have encountered many positive influences in the Evangel community. I know that Evangel has fully equipped me to fulfill every one of my dreams and make a difference!”

Learn More

Block: Specific Programs

Filter programs by department and area of study.

Custom CSS Classes

eu-alert-bar

Create a Full-Width Container Block with a Paragraph tag. Assign CSS class at the Container Level.

Paragraph tag with a Link attached

eu-columns-touching

Create a Columns Block. Insert content and assign background and text color. Assign the CSS class to the Columns Level.

Without Class Assigned

asdfasdf

adsfsad

asdfasdf

With Class Assigned

asdfasdf

adsfsad

asdfasdf

eu-fifty-fifty

&

eu-text

&

eu-fifty-fifty-flip

Create a 50/50 Advanced Columns Block. Create an Image Block and Pick an Image. In the other Column put some Content and Pick a Background for the column and Text Color for the paragraph block. Assign the CSS class eu-fifty-fifty to the Columns Level. Assign the CSS eu-text at the Column Level that text is in. Assign the CSS class eu-fifty-fifty-flip to the Columns Level if you want the columns to flip for mobile.

Some Text in the other 50% Column.

Some Text in the other 50% Column.

eu-gray-bar

Create a Full-Width Container Block with a List Block inside. Add links to list text. Assign CSS class at the Container Level.

eu-link-box

Create an Image Block. Upload image and add a caption. Assign the CSS class at the Image Level.

This is the Caption Text

eu-link-strip

Create a Full-Width Container Block. Add a Paragraph Block with a Link. Pick the Background and Text Color. Assign the CSS class at the Container Level.

Example Link

eu-slash-caption

Create an Image Block. Add the Image with a Caption. Assign the CSS class at the Image Level.

This is the caption

YouVisit

Custom Block

Type in /YouVisit and select YouVisit from the dropdown. This will automatically load the YouVisit embed code on the website. Please do not include more than one of these banners per page.

Launch Experience

Social Bar Above Footer

To turn on the Social Bar select the Turn On Social Bar Toggle to On in the Page settings to the right.

Core CSS Styling

Header One – Should only be used once per page for the title

Header Two

Header Three

Header Four

Header Five
Header Six

This is a paragraph tag – Default

This is a paragraph tag – Small

This is a paragraph tag – Medium

This is a paragraph tag – Large

This is a paragraph tag – Huge

  • Bullet List
  • Bullet List
  • Bullet List

“This is a BlockQuote. This is a BlockQuote. This is a BlockQuote”