GS Component Test

avatar (atom)
btn-close (atom)
btn (atom)
copyright (atom)
filter_result (atom)
filters-grid-and-list (atom)
gmap (atom)
html-test (atom)
icon (atom)
img (atom)
link (atom)
list (atom)
previous-next (atom)
subtitle (atom)
title (atom)
select (atom)
input-text (atom)
checkbox (atom)
textarea (atom)
radio (atom)
accordion (molecule, multiple, interactive)
blockquote (molecule)
card-group (molecule)
data-list (molecule)
jump-off (molecule)
ui-card-group (molecule)
pullquote (molecule)
sidebar (molecule)
socials
staggered-content (molecule)
tabs (molecule)
testimonial (molecule)
radios (atom)
checkboxes (molecule)
card-list (molecule)
ui-card-with-data (molecule)
story-card (molecule)
ui-card (molecule)

avatar (atom)

default image

custom image with link

custom image, no link

custom image, custom class

btn-close (atom)

basic close button

basic close button (custom class and attrs)

btn (atom)

primary

primary (link)

test link as button

primary (custom class and attr)

test button

secondary

secondary (link)

Secondary Button

secondary (custom class and attr)

Secondary Button

toggles

toggles (custom class and attr)

modal

modal (link)

modal (custom class and attr)

icon

icon (link)

Icon Leading Button

icon (custom class and attr)

Icon Leading Button

copyright (atom)

forward

backwards

filter_result (atom)

62 Results

No employees

1 employee

filters-grid-and-list (atom)

Custom Class

gmap (atom)

interactive map with markers

html-test (atom)

primary

Warning: Undefined variable $class_attr in /www/gravityswitchwebsite_461/public/wp-content/themes/gravity-switch/components/atoms/html-test/index.php on line 23

Test

icon (atom)

Custom Class and Attrs

img (atom)

link (atom)

test link

class link test

list (atom)

Active Listening
Giving full attention to what other people are saying
Taking time to understand the points being made
Asking questions as appropriate
Not interrupting at inappropriate times.

By using this Website, you agree to the Terms of Use.
Vermont Student Assistance Corporation (“VSAC”) maintains this website on the Internet
They govern the use of our website and form alegally binding agreement between you and VSAC

Islands & Farms
Stowe-Smugglers Notch
Northeast Kingdom
Burlington Region
Waterbury-Montpelier Region
Middlebury-Vergennes Region
Rutland-Killington Region
Woodstock-Quechee Region

previous-next (atom)

Return

Custom class and attrs

Return

subtitle (atom)

Actual Subtitle Content!

Small Subtitle Content

Subtitle Content with Color

title (atom)

Actual Heading Content! Lots of it! 1 word emphasized. So Much heading text! It's unbelievable. There's way too much of it here. Why is there so much? Who would do such a thing? Oh well. It's none of my business.

See how an ordinary paragraph fits in here.

Another little heading. An h3, to be precise, with the last three words emphasized.

A cheeky lil h4.

Does anyone use h5s these days?

Custom element, class, id, attrs.

select (atom)

State

You must chooese an option

input-text (atom)

Second test label

Third test label

Not entered correctly

checkbox (atom)

test

Reverse

test-reverse

Disabled

test-disabled

textarea (atom)

Second test label

Third test label

Textarea eror message here!

radio (atom)

Option 1

Reverse

Option 2

Custom Class

Option 4

Disabled

Option 5

accordion (molecule, multiple, interactive)

basic accordion test

Vermont Student Assistance Corporation (“VSAC”) maintains this website on the Internet for students, parents, financial aid professionals, education lenders, and others interested in learning about access to education, training, and career opportunities and for those interested in applying to VSAC for education loans.

By using this Website, you agree to the Terms of Use. Vermont Student Assistance Corporation (“VSAC”) maintains this website on the Internet for students, parents, financial aid professionals, education lenders, and others interested in learning about access to education, training, and career opportunities and for those interested in applying to VSAC for education loans.

By using this Website, you agree to the Terms of Use. You’ve swallowed a planet! The way I see it, every life is a pile of good things and bad things.Vermont Student Assistance Corporation (“VSAC”) maintains this website on the Internet for students, parents, financial aid professionals, education lenders, and others interested in learning about access to education, training, and career opportunities and for those interested in applying to VSAC for education loans. But vice-versa the bad things don’t necessarily spoil the good things and make them unimportant.

basic accordion test

By using this Website, you agree to the Terms of Use.

Please read these Terms of Use carefully. They govern the use of our website and form a legally binding agreement between you and VSAC. If you do not agree to abide by the Terms of Use, you must not use this website. These Terms of Use apply to this website and the other VSAC websites or web applications that display or link to these Terms of Use.

By using this Website, you agree to the Terms of Use.

Accordion with custom class and attrs

By using this Website, you agree to the Terms of Use.

blockquote (molecule)

“ When you fragment your brand you have the ability to be personalized and exclusive. And who does not want that, I ask you?

card-group (molecule)

related-case-studies

Education
A New Face For a Homeschool Organization
Oak Meadow

View Case Study
Higher Education
Developing a Face For a Respected Homeshcool Organization
Hillsborough Community College Foundation

View Case Study
Healthcare
Developing a Face For a Respected Homeshcool Organization
Baystate Springfield Education Partnership

View Case Study

related-projects

Healthcare
BayTech IT

View Project
Healthcare
Baystate Springfield Education Partnership

View card
Higher Education
Bay Path University

View card

default

Healthcare
BayTech IT

View Project
Healthcare
Baystate Springfield Education Partnership

View card
Higher Education
Bay Path University

View card

data-list (molecule)

200%Increase in traffic to '/visit' page
50%Increase in applicants
33%Decrease in turnover

200%Increase in traffic to '/visit' page
33%Decrease in turnover

200%Increase in traffic to '/visit' page
50%Increase in applicants
33%Decrease in turnover

jump-off (molecule)

default jumpoff

teal jumpoff

darker teal jumpoff

ui-card-group (molecule)

related-case-studies

HDPE Bags & Film
Case Study

View Product
LLDPE Bags & Film
Case Study

View Product
Bags on Rolls
Case Study

View Product

recent-articles

HDPE Bags & Film
Case Study

View Product
LLDPE Bags & Film
Case Study

View Product
Bags on Rolls
Case Study

View Product

pullquote (molecule)

“ It is a fez. I wear a fez now. Fezes are cool. You have swallowed a planet! The way I see it, every life is a pile of good things and bad things.…hey.

socials

sample socials

facebook and twitter only

insta and youtube only

staggered-content (molecule)

Getting Started

It’s a fez. I wear a fez now. Fezes are cool. You’ve swallowed a planet! The way I see it, every life is a pile of good things and bad things.…hey.…the good things don’t always soften the bad things; but vice-versa the bad things don’t necessarily spoil the good things and make them unimportant. It’s a fez. I wear a fez now. Fezes are cool. You’ve swallowed a planet! The way I see it, every life is a pile of good things and bad things.…hey.…the good things don’t always soften the bad things; but vice-versa the bad things don’t necessarily spoil the good things and make them unimportant.

Getting Started

8 female & 5 male.
Primarily age 18 - 23. Some outliers (30 year olds).
A solid handful were pre-med/in the sciences (6).
Subjects were asked: “Below is a list of possible statements that might appear on a college homepage. Do you think the school is...” (check all that apply): 1) Respected, 2) A hack, 3) Successful, 4) Someplace you would fit in, 5) Not for you.

Section Title

Design

Graphic Design
Branding
Logo Design

Development

WordPress
Drupal
ADA Accessibility
Responsive Design

Strategy

WordPress
Drupal

Other

WordPress
Drupal
ADA Accessibility
Responsive Design

Scope of Work

Design

Graphic Design
Branding
Logo Design

Development

WordPress
Drupal
ADA Accessibility
Responsive Design

Strategy

WordPress
Drupal

Other

WordPress
Drupal
ADA Accessibility
Responsive Design

tabs (molecule)

Note: Calculation based on average family income for VSAC Vermont Incentive Grant recipients.

Source: Vermont Student Assistance Corporation. (2018). VSAC Higher Education Fact Sheets for Vermont Counties. Accessed May 2019. Retrieved from: https://www.vsac.org/about/how-we-influence-policy

Content of section 2 (Debt)

Content of section 2 (Funding)

Content of section 2 (Perception)

Warning: file_get_contents(): php_network_getaddresses: getaddrinfo for loripsum.net failed: No address associated with hostname in /www/gravityswitchwebsite_461/public/wp-content/themes/gravity-switch/components/gsc.php on line 90

Warning: file_get_contents(http://loripsum.net/api/1/short/plaintext): Failed to open stream: php_network_getaddresses: getaddrinfo for loripsum.net failed: No address associated with hostname in /www/gravityswitchwebsite_461/public/wp-content/themes/gravity-switch/components/gsc.php on line 90

Warning: file_get_contents(): php_network_getaddresses: getaddrinfo for loripsum.net failed: No address associated with hostname in /www/gravityswitchwebsite_461/public/wp-content/themes/gravity-switch/components/gsc.php on line 90

Warning: file_get_contents(http://loripsum.net/api/1/short/plaintext): Failed to open stream: php_network_getaddresses: getaddrinfo for loripsum.net failed: No address associated with hostname in /www/gravityswitchwebsite_461/public/wp-content/themes/gravity-switch/components/gsc.php on line 90

Warning: file_get_contents(): php_network_getaddresses: getaddrinfo for loripsum.net failed: No address associated with hostname in /www/gravityswitchwebsite_461/public/wp-content/themes/gravity-switch/components/gsc.php on line 90

Warning: file_get_contents(http://loripsum.net/api/1/short/plaintext): Failed to open stream: php_network_getaddresses: getaddrinfo for loripsum.net failed: No address associated with hostname in /www/gravityswitchwebsite_461/public/wp-content/themes/gravity-switch/components/gsc.php on line 90

Warning: file_get_contents(): php_network_getaddresses: getaddrinfo for loripsum.net failed: No address associated with hostname in /www/gravityswitchwebsite_461/public/wp-content/themes/gravity-switch/components/gsc.php on line 90

Warning: file_get_contents(http://loripsum.net/api/1/short/plaintext): Failed to open stream: php_network_getaddresses: getaddrinfo for loripsum.net failed: No address associated with hostname in /www/gravityswitchwebsite_461/public/wp-content/themes/gravity-switch/components/gsc.php on line 90

Warning: file_get_contents(): php_network_getaddresses: getaddrinfo for loripsum.net failed: No address associated with hostname in /www/gravityswitchwebsite_461/public/wp-content/themes/gravity-switch/components/gsc.php on line 90

Warning: file_get_contents(http://loripsum.net/api/1/short/plaintext): Failed to open stream: php_network_getaddresses: getaddrinfo for loripsum.net failed: No address associated with hostname in /www/gravityswitchwebsite_461/public/wp-content/themes/gravity-switch/components/gsc.php on line 90

Warning: file_get_contents(): php_network_getaddresses: getaddrinfo for loripsum.net failed: No address associated with hostname in /www/gravityswitchwebsite_461/public/wp-content/themes/gravity-switch/components/gsc.php on line 90

Warning: file_get_contents(http://loripsum.net/api/1/short/plaintext): Failed to open stream: php_network_getaddresses: getaddrinfo for loripsum.net failed: No address associated with hostname in /www/gravityswitchwebsite_461/public/wp-content/themes/gravity-switch/components/gsc.php on line 90

testimonial (molecule)

“ It is a fez. I wear a fez now. Fezes are cool. You have swallowed a planet! The way I see it, every life is a pile of good things and bad things.…hey.
A. B. Can President, UMass

“ It is a fez. I wear a fez now. Fezes are cool. You have swallowed a planet! The way I see it, every life is a pile of good things and bad things.
C. M. Yk Much Color, Pantone

radios (atom)

Option 1

Option 2

Option 3

Option 4

Option 5

This is an optional label

Option 10

Option 12

You must choose at least one

checkboxes (molecule)

This is an optional label

Option 1

Option 2

Option 3

Option 4

Option 5

Option 1
Option 2

You must choose at least one

card-list (molecule)

Highway Maintenance Workers

Average wage

Current openings

Liv’s Site for No Reason

Highway Maintenance Workers

$18.13 Average wage

130 Current openings

Working with your hands or with machines, organized and detail-oriented

Frontend Developer

Text Editor

Whichever Average wage

None Current openings

Job Description

HTML, CSS, JavaScript, PHP, WordPress and just general webby stuff

Liv’s Site for No Reason

ui-card-with-data (molecule)

Notice: getimagesize(): Read of 8192 bytes failed with errno=21 Is a directory in /www/gravityswitchwebsite_461/public/wp-content/themes/gravity-switch/components/atoms/img/index.php on line 68

Notice: getimagesize(): Error reading from /www/gravityswitchwebsite_461/public! in /www/gravityswitchwebsite_461/public/wp-content/themes/gravity-switch/components/atoms/img/index.php on line 68

story-card (molecule)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Justo nec ultrices dui sapien eget mi proin sed libero. Elementum nibh tellus molestie nunc non blandit. Vestibulum lectus mauris ultrices eros in. Pulvinar neque laoreet suspendisse interdum consectetur libero id faucibus. Et netus et malesuada fames ac turpis egestas sed tempus.

Augue mauris augue neque gravida in. Non quam lacus suspendisse faucibus interdum posuere. Est lorem ipsum dolor sit. Non odio euismod lacinia at quis risus sed vulputate odio. Dictum sit amet justo donec enim diam vulputate. Eget velit aliquet sagittis id consectetur purus ut. Sed id semper risus in hendrerit gravida rutrum quisque.

GS Component Test

avatar (atom)

default image

custom image with link

custom image, no link

custom image, custom class

btn-close (atom)

basic close button

basic close button (custom class and attrs)

btn (atom)

primary

primary (link)

primary (custom class and attr)

secondary

secondary (link)

secondary (custom class and attr)

toggles

toggles (custom class and attr)

modal

modal (link)

modal (custom class and attr)

icon

icon (link)

icon (custom class and attr)

copyright (atom)

forward

backwards

filter_result (atom)

filters-grid-and-list (atom)

Custom Class

gmap (atom)

interactive map with markers

html-test (atom)

primary

icon (atom)

Custom Class and Attrs

img (atom)

link (atom)

list (atom)

previous-next (atom)

Custom class and attrs

subtitle (atom)

Actual Subtitle Content!

Small Subtitle Content

Subtitle Content with Color

title (atom)

Actual Heading Content! Lots of it! 1 word emphasized. So Much heading text! It's unbelievable. There's way too much of it here. Why is there so much? Who would do such a thing? Oh well. It's none of my business.

Another little heading. An h3, to be precise, with the last three words emphasized.

A cheeky lil h4.

Does anyone use h5s these days?

select (atom)

input-text (atom)

checkbox (atom)

Reverse

Disabled

textarea (atom)

radio (atom)

Reverse

Custom Class

Disabled

accordion (molecule, multiple, interactive)

basic accordion test

01.First Process Title

02.Second Longer Process Title

03.Third Brief Process Title

04.Fourth Process Title is the Longest

basic accordion test

One A cross-sector convening of executives from across the state selected the goal of 70 percent attainment

A cross-sector convening of executives from across the state selected the goal of 70 percent attainment

Accordion with custom class and attrs

A cross-sector convening of executives from across the state selected the goal of 70 percent attainment

A cross-sector convening of executives from across the state selected the goal of 70 percent attainment

blockquote (molecule)

card-group (molecule)

related-case-studies

related-projects

default

data-list (molecule)

jump-off (molecule)

default jumpoff