Landing Page Style Guide

This webpage will show the different Paragraph types that can be used on Landing Pages and some best practices for each Paragraph type.

Full Image CTA

This component is best used at either the top or bottom of a Landing Page. It stretches an image across the page and adds a small white box for text. It's best to keep this text around 250 characters. Images must be in landscape and not feature words. The white box can be moved to either the left or right side of the image.

50-50 Card Grid

NCCU Graduating Students

Title

This component is best used for callouts to related items. You can add an image, text, and a button link. The image should not feature any words as this component resizes the image based on the screen size. Try to use images with centered focal points. The text should be kept around 350 characters.

Graduating Students

Title

This component is best used for callouts to related items. You can add an image, text, and a button link. The image should not feature any words as this component resizes the image based on the screen size. Try to use images with centered focal points. The text should be kept around 350 characters.

50-50 Card Grid

Title

You can add an image, text, and a button link. The text should be kept around 350 characters.

Title

You can add an image, text, and a button link. The text should be kept around 350 characters.

Card Grid

U.S. Rep. G.K. Butterfield

The Card Grid component should be used to display call outs of 3 items only. Any more or any less will result in the cards being off-centered. This is a great component to feature research, programs, students, or faculty. You can use a title, image, text, and a button. The text should be around 250 characters or less. The images should be in landscape.

Faculty Talking

The Card Grid component should be used to display call outs of 3 items only. Any more or any less will result in the cards being off-centered. This is a great component to feature research, programs, students, or faculty. You can use a title, image, text, and a button. The text should be around 250 characters or less. The images should be in landscape.

Researcher experimenting in lab

The Card Grid component should be used to display call outs of 3 items only. Any more or any less will result in the cards being off-centered. This is a great component to feature research, programs, students, or faculty. You can use a title, image, text, and a button. The text should be around 250 characters or less. The images should be in landscape.

The full intro can be used to break up the page with some text. The title field is bigger text and this description field is smaller text. The title and description will be centered on the page. The text should be under 300 characters.

Full Splits CTA's Narrow

This component uses a title, image, text, and button link. The text should be kept under 300 characters for best results. The image can be either left or right aligned and can either be Narrow or Wide. The image should not feature any text as this component resizes the image based on the screen size. If using a wider image, the text should be under 200 characters. The text background can also be either light or dark.

  1. Styled List
  2. Second Item
  3. Third Item

Full Split CTA Wide

This is a Wide example with dark background and text under 200 characters. The image should not feature any text as this component resizes the image based on the screen size.

Full Split CTA Group Photo

This component can be used the same way as a regular Full Split CTA but is reserved for images that have a group photo. The group photo is designed to ensure that no one in the image will be cropped out and will scale with any desktop or mobile device.

/

Full Split CTA Responsive Logo

This component can be used the same way as a regular Full Split CTA but the image can include a responsive logo. Similar to the group photo, it is designed to ensure that the logo will not cropped out and will scale with any desktop or mobile device.

/

Embed Social Media

With this component, we're able to pull the timeline for Twitter, Facebook, and Instagram. For LinkedIn, we're only able to highlight a specific post.

Note: For X, Facebook, and Instagram, we're not able to specifically pick the posts shown on the timeline.

U.S. Rep. G.K. Butterfield

This is a Full Quote component. This can be used to display a quote and can either feature an image or no image.

Name of Person
Title of Person
1

Stats Grid Item component.

2

Numbers up top. Text below

3

No more than 7 words per stat.

Text CTA Grid

Optional description. Try to keep the text content below 250 characters.

Title

This component uses a title, text, and button. You do not have to use buttons on this component, but it should be consistent throughout. The text should be less than 200 characters per item. This should not be used at the bottom of a page as it will blend with the footer.

Title 2

This component is best used in 3's, 6's, or 9's. This is used for titles and text only. No images can be displayed and the background color can also not be changed. 

Title 3

For best results, use this component with 3-9 call outs and only with an odd number. For example, this component should not be used if you have only 4 items to display. The 4th item will be displayed on a line by itself.

Text Grid with Background

Optional description. Try to keep the text content below 250 characters.

Title

Similar to the CTA Grid, the text should be less than 200 characters per item.

Title 2

This component is best used in 2's and 4's. This is used for titles and text only. No images can be displayed and the background image can be changed. Try to use background images that aren't too busy.

Title 3

Description

Title 4

Description

Video

The Video component can be used to display YouTube hosted videos. This component works much like the Full Splits CTA's with a video in place of the image. The text should be used to describe something about the video. A user will not be taken away from the webpage. The video will play directly on the webpage. The background color can be either light or dark and the video can be right or left aligned. 

This is the Full Intro component that can be used along with the Dynamic Profile list to display some text above the list. You can either display certain individuals or an entire department.

Eagle flying on a red background

Aarden, Gijs

Web Content Developer

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building, Room 3016

email icon[email protected]

phone icon 919-530-6193


Eagle flying on a red background

Alston, Bobby R

IT Business Systems Analyst

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building, Room 5088

email icon[email protected]

phone icon 919-530-5061


Eagle flying on a red background

Anthony T. Wellman

Technology Support

Information Technology Services

location icon H.M. Michaux Jr. School of Education Building Room 3042

email icon[email protected]

phone icon 9195307676


Eagle flying on a red background

Banks, Robert

Technology Support Analyst

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building, Room 3020

email icon[email protected]

phone icon 919-530-7564


Eagle flying on a red background

Bell, Antwand

Information Support Technician

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building, Room 3042

email icon[email protected]

phone icon 919-530-6307


Eagle flying on a red background

Bennett, Navar C

IT Network Administrator

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building, Room 3010

email icon[email protected]

phone icon 919-530-7683


Eagle flying on a red background

Bowser, Jeffrey S

Technology Support Analyst

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building, Room 3014

email icon[email protected]

phone icon 919-530-7810


Eagle flying on a red background

Brinson Jr., Quebbie

Technology Support Specialist

Information Technology Services

email icon[email protected]

phone icon 919-530-6495


Eagle flying on a red background

Brinson, dB L

Business/Data Analyst/Developer

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building, Room 3026

email icon[email protected]

phone icon 919-530-7151


Eagle flying on a red background

Burroughs, Miles J

Technology Support Analyst

Information Technology Services

location icon James E. Shepard Memorial Library Rm 106

email icon[email protected]

phone icon 919-530-6291


Eagle flying on a red background

Caldwell, Kristy L

Business Officer

Information Technology Services

location icon H. M. Michaux Jr. School of Education

email icon[email protected]

phone icon 919-530-5281


Eagle flying on a red background

Childs, Robert

IT Project Manager

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building, Room 3016

email icon[email protected]

phone icon 919-530-6812


Eagle flying on a red background

Davis, James H

Network Technician

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building, Room 3014

email icon[email protected]

phone icon 919-530-7648


Eagle flying on a red background

Diaz Gallegos, Manuel

Intern

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building, Room 3016

email icon[email protected]

phone icon 919-530-5084


Eagle flying on a red background

Edwards-Paschall, Cynthia

Assistant to the CIO

Information Technology Services

location icon H. M. Michaux Jr. School of Education Building

email icon[email protected]

phone icon 919-530-5350


Eagle flying on a red background

Ennis, Trevone

Technology Support Technician

Information Technology Services

location icon James E. Shepard Memorial Library, Room 107

email icon[email protected]

phone icon 919-530-7891


Faison,

Faison, Joel T

Chief Information Officer

Information Technology Services

location icon H.M. Michaux, Jr. School of Education Building

email icon [email protected]

phone icon 919-530-7488


Eagle flying on a red background

Farley, Kat

Assistant Director, Web Services

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building, Room 3017

email icon[email protected]

phone icon 919-530-7123


Eagle flying on a red background

Glenn, Anthony

Media Technician II

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building, Room 3042

email icon[email protected]

phone icon 919-530-5085


Eagle flying on a red background

Haggerty, Sean

AV Installer

Information Technology Services

location icon H. M. Michaux Jr. School of Education

email icon[email protected]


Eagle flying on a red background

Hamilton, Gary M

IT Analyst / Programmer II

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building, Room 3048

email icon[email protected]

phone icon 919-530-5088


Eagle flying on a red background

Henderson, Leon

Media Technician

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building

email icon[email protected]

phone icon 919-530-5092


Eagle flying on a red background

Hunter, Carolyn K

Telecommunication Analyst

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building, Room 3010

email icon[email protected]

phone icon 919-530-5090


Eagle flying on a red background

Ingles, Nestor

Intern

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building, Room 3016

email icon[email protected]

phone icon 919-530-5084


Eagle flying on a red background

Johnson, Brinda

Business and Technology Analyst

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building, Room 3048

email icon[email protected]

phone icon 919-530-6347


Eagle flying on a red background

Keziah, Michael S

Technology Support Technician

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building, Room 3042

email icon[email protected]

phone icon 919-530-7676


Eagle flying on a red background

Knapp, Justin

Technology Support Technician

Information Technology Services

location icon James E. Shepard Memorial Library, Room 107

email icon[email protected]

phone icon 919-530-7676


Eagle flying on a red background

Leland, Chad

Intern

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building, Room 3016

email icon[email protected]

phone icon 919-530-5084


Eagle flying on a red background

Leslie, Neal

Technology Support Analyst

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building, Room 3042

email icon[email protected]

phone icon 919-530-5085


Eagle flying on a red background

March, Ariyana M

Computer Consultant

Information Technology Services

location icon James E. Shepard Memorial Library Room 105

email icon[email protected]

phone icon 919-530-5038


Eagle flying on a red background

Mark, McCahill

Infrastructure Arch - NSF Grant

Information Technology Services

location icon H.M. Michaux Jr. School of Education

email icon[email protected]

phone icon 6122104026


Eagle flying on a red background

McKenna, Remedios

Administrative Support Associate

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building, Room 3008

email icon[email protected]

phone icon 919-530-5348


Eagle flying on a red background

Mitcham, Zachery

Interim Director IT Security

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building, Room 3016

email icon[email protected]

phone icon 919-530-7171


Eagle flying on a red background

Mitchell, Quintelia

Administrative Assistant

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building, Room 3020

email icon[email protected]

phone icon 919-530-5395


Eagle flying on a red background

Moon, Chanee' A

Networking Analyst

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building

email icon[email protected]

phone icon 919-530-6742


Eagle flying on a red background

Moore, Johnathan N

Network Administrator

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building, Room 3011

email icon[email protected]

phone icon 9195305382


Eagle flying on a red background

Moya, Pablo

Technology Support Technician

Information Technology Services

location icon James E. Shepard Memorial Library, Room 107

email icon[email protected]

phone icon 919-530-7752


Eagle flying on a red background

Nash, Courtney

Director of Infrastructure

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building, Room 3011

email icon[email protected]

phone icon 919-530-7821


Eagle flying on a red background

Ncube, Moreblessings

Technology Support Technician

Information Technology Services

location icon James E. Shepard Memorial Library, Room 107

email icon[email protected]

phone icon 919-530-7751


Eagle flying on a red background

Nixon, Stacie

IT Security Professional

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building, Room 3047

email icon[email protected]

phone icon 919-530-5282


Eagle flying on a red background

Nolen, Jr., D.J. R

Technology Analyst

Information Technology Services

location icon James E. Shepard Memorial Library, Room 106A

email icon[email protected]

phone icon 919-530-5038


Eagle flying on a red background

Nollan, Damond L

IT Director

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building, Room 3026

email icon[email protected]

phone icon 919-530-6399


Eagle flying on a red background

Northcott, Bob W

Director, CCES

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building, Room 3007

email icon[email protected]

phone icon 919-530-6364


Eagle flying on a red background

Ocampo, Jervin

Front End Developer

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building, Room 3014

email icon[email protected]

phone icon 919-530-7066


Eagle flying on a red background

Oliver, Barry K

Database Administrator

Information Technology Services

location icon H.M. Michaux, Jr. School of Education Building Room 3028

email icon[email protected]

phone icon 919-530-5215


Eagle flying on a red background

Patel, Kamini

Assistant Director, Enterprise Development Services

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building, Room 3048

email icon[email protected]

phone icon 919-530-5093


Eagle flying on a red background

Patel, Priyal

Web Developer

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building, Room 3016

email icon[email protected]

phone icon 919-530-5084


Eagle flying on a red background

Pride, Eagle

SysOps Tester

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building, Room 3049

email icon[email protected]

phone icon 919-530-9999


Eagle flying on a red background

Royster, Kenneth K

Intern

Information Technology Services

location icon H. M. Michaux Jr. School of Education Building, Room 3016

email icon[email protected]

phone icon 919-530-5084


Eagle flying on a red background

Samuel, Vernon H

System Administrator I

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building

email icon[email protected]

phone icon 919-530-6191


Eagle flying on a red background

Sanders, Joe

Technology Support Analyst/Team Lead

Information Technology Services

location icon Mary M. Townes Science Building, Room 1207

email icon[email protected]

phone icon 919-530-5096


Simmons,

Simmons, Shannon F

Technology Support Analyst

Information Technology Services

location icon Alfonso Elder Student Union, Room G-31

email icon [email protected]

phone icon 919-530-6021


Eagle flying on a red background

Solo, Echo

Web Developer

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building, Room 3016

email icon[email protected]

phone icon 919-530-6155


Eagle flying on a red background

Terry, Daphne

Business Systems Analyst

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building, Room 3048

email icon[email protected]

phone icon 919-530-6789


Eagle flying on a red background

Terry, Fonta

Technology Support Analyst

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building

email icon[email protected]

phone icon 919-530-7765


Eagle flying on a red background

Theissen, Kristian B

Senior System Administrator

Information Technology Services

location icon H. M. Michaux, Jr. School of Education Building, Room 3047

email icon[email protected]

phone icon 919-530-5037


Eagle flying on a red background

Walker, David F

Technical Support Analyst

Information Technology Services

location icon James E. Shepard Memorial Library, Room 105

email icon[email protected]

phone icon 919-530-6747


Eagle flying on a red background

Walker, Patrice

Interim Chief Information Officer

Information Technology Services

location icon H. M. Michaux Jr, School of Education Building Room,

email icon[email protected]

phone icon 919-530-7488


Eagle flying on a red background

Waters, Michael

Technology Support Analyst

Information Technology Services

location icon James E. Shepard Memorial Library, Room 107

email icon[email protected]

phone icon 919-530-6787


Eagle flying on a red background

White, Marian

Director Client Services

Information Technology Services

location icon James E. Shepard Memorial Library Room 360

email icon[email protected]

phone icon 919-530-7753


Department News (Minimum of 3 Articles from C&M)

NCCU Student Smiling
NCCU Student Smiling
NCCU Alumni Outside with Mask
NCCU Students
Shepard Statue

Upcoming Events Slider

People in a conference room.
Aug 15

As part of the university’s tradition of welcoming new scholars, all incoming students will participate in Eagle Mania, a series of events organized by NCCU’

Countdown Timer

Sponsorship Logos