University of North Texas 
Page Title (H1)
Sub Page Title (H2)
Paragraph Title (H3)
Sub Paragraph Title (H4)
Responsivity
Using a Grid for Layouts vs. Tables
Allows for mobile responsivity and won't prompt user to scroll over for more information. Adjusting by percentage vs. pixels is also key. Use the inspect tool (F12 on Chrome) to view difference.
Table Example:
 |
Sally SueBio: Loves the color green. Goes to UNT. On the dance team. |
Grid Example:
Sally Sue
Loves the color green.
Goes to UNT.
On the dance team.
Anchor Links
Highlighted Alert
COVID-19 Update
Red Button Alert
UNT to cancel in-person classes March 16-22.
All instruction to resume March 23 - information about delivery method for classes
will be available by March 19.
Click here to see the latest updates.
Game Day Call-Out
Background
Mean Green Football
Secondary Menu
Tabs, Advanced Layout & Manual CSS
First panel content goes here...
I Frame
Contact Block
Contact CFSL
Student Spotlight Example
Student Spotlight
Featuring: Alexa DeCarlo
“While UNT has amazing academics, there are so many opportunities to volunteer, engage, and explore on campus. On campus, I met my best friends, picked up new hobbies and interests, and discovered my identity."
Photo Grid Button Example
Category Button Grid Example
Orbit Slider Example
-
Find out about our DSA Frontline Heros in this spotlight. -
Find out about Health Alerts.
Accordion Example
Accordion Example #2
Lorem ipsum dolor sit amet, consectetur adipisicing 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.
Lorem ipsum dolor sit amet, consectetur adipisicing 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.
Lorem ipsum dolor sit amet, consectetur adipisicing 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.
Tables
|
Test |
Test |
| Test | Test | Test | Test | Test | Test | Test |
Tabs with Images and Video
Our Team: Leadership, Faculty and Staff
It takes the whole team to make UNT one of the top 10 public universities on the rise. The UNT College of Visual Arts and Design fosters creative futures for its diverse student population through rigorous arts-based education, studio practice, scholarship and research. One of the largest stand-alone art colleges of its kind, CVAD includes the Foundations program and departments of Art Education, Art History, Design and Studio Art. Galleries and institutes, including the Texas Fashion Collection, support the undergraduate and graduate teaching and research agenda of this Tier 1 university.
Quick Links:CVAD Room or Critique Space Reservation page — for CVAD members only.
Poster Card Example
We Mean Green Fund
The We Mean Green Fund provides funding to student-led projects that improve UNT campus' environmental impact.
We Mean Green Fund
UNT Food Pantry Presented by Kroger
The UNT Food Pantry Presented by Kroger serves students who may be experiencing food insecurity during their time at UNT.
Food Pantry
Mean Green Gowns for Grads
The Mean Green Gowns for Grads program provides free graduation regalia rentals for students who would not otherwise be able to have funds for a gown.
Gowns for Grads
UNT Community Garden
The UNT Community Garden is dedicated to increasing food sovereignty on campus.
Community Garden
Suit Up Professional Clothing Closet
The Suit Up closet is a resource for students to be able to rent out professional clothing for free!
Suit Up