Human-Centered Design

Page tree

Versions Compared

Old Version 103

changes.mady.by.user Kyle Bellamy

Saved on

compared with

New Version Current

changes.mady.by.user Robert Fay

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.



...

Div
CSS Stylesheet
importhttps://qnetconfluence.cms.gov/download/attachments/510799656/hover.css?api=v2
 Include Page
Nav-buttons-g-contact
Nav-buttons-g-contact


 Center

 HTML
<style>
#thumbs {   
    width: 540px;
    margin-top:90px;
    margin-left: auto; 
    margin-right: auto;
margin-bottom: 20px;

     text-align: justify;
    -ms-text-justify: distribute-all-lines;
    text-justify: distribute-all-lines;
}
#thumbs a {
    vertical-align: top;
    display: inline-block;
    *display: inline;
	COLOr: TEAL:
    zoom: 1;
}
.stretch {
    width: 100%;
    display: inline-block;
    font-size: 0;
    line-height: 0
}

.responsive {
  max-width: 100%;
  height: auto;
} 

#myelement { visibility: visible); }

@media (max-width: 800px) {
    #myelement { visibility: hidden; }
}

a {color: teal;}

table {
  width: 100%;
}  

 a:link {color: teal;'}
a:hover {color: teal:}
a:visited {color: teal;}
a:active {color: teal;}

  </style>

<img class="responsive" src="https://qnetconfluence.cms.gov/download/attachments/510799656/BANNER.jpg?version=1&modificationDate=1702566805361&api=v2">

<div class="thumbs">
<a href="https://qnetconfluence.cms.gov/display/HCD/Services+2?src=contextnavpagetreemodeOur+Services" class="hvr-underline-from-center myelement"><img style="max-width: 200px; " src="https://qnetconfluence.cms.gov/download/attachments/510799656/services.png?api=v2"></a>
<a href="#https://qnetconfluence.cms.gov/display/HCD/Training" class="hvr-underline-from-center"><img  style="max-width: 200px;" src="https://qnetconfluence.cms.gov/download/attachments/510799656/Training.png?api=v2"></a> 
 
<a href="#https://qnetconfluence.cms.gov/display/HCD/HCD+Playbook" class="hvr-underline-from-center"><img  style="max-width: 200px; " src="https://qnetconfluence.cms.gov/download/attachments/510799656/BestP.png?api=v2"></a>  <a href="https://qnetconfluence.cms.gov/pages/viewpage.action?pageId=517383117display/HCD/Contact+Us" class="hvr-underline-from-center"><img  style="max-width: 160px; margin-right: 30px; " src="https://qnetconfluence.cms.gov/download/attachments/510799656/contact.png?api=v2"></a>
 <span class="stretch"></span> </div>

...
 Div
stylewidth: 80%; margin: 0 auto; 
 Span
stylecolor: #008989 !important; font-weight: bold; margin-top;; 0px !important;
classfontColor1
Contact Us
 Div
styleborder:2px solid lightgrey; border-radius: 25px; Background-color: #F3FFF7
 HTML Table Table Row (tr)
 Table Cell (td)
stylewidth:101px; vertical-align: middle;
Image Removed
 Table Cell (td)
stylevertical-align: middle;
QualityNet Slack: #hcd-share and #help-hcd
Email Lists: Sign up here  
 Table Cell (td)
stylepadding-left: 20px;
General CoE News: "CCSQ HCD CoE News" 
Community of Practice Emails: "CCSQ HCD-CoP Notify"
 Table Cell (td)
style padding-right: 20px;
 HTML<!-- This code is generated by creating a Jira issue collector. See https://confluence.atlassian.com/adminjiracloud/using-the-issue-collector-776636529.html -->

<script type="text/javascript" src="https://qnetjira.cms.gov/s/d41d8cd98f00b204e9800998ecf8427e-CDN/-x7af9p/805003/be09033ea7858348cd8d5cdeb793189a/2.2.4.7/_/download/batch/com.atlassian.plugins.jquery:jquery/com.atlassian.plugins.jquery:jquery.js?collectorId=9b8f30b2"></script><script type="text/javascript" src="https://qnetjira.cms.gov/s/1b790b95b2447c56c496350719f839e3-T/-x7af9p/805003/be09033ea7858348cd8d5cdeb793189a/3.1.0/_/download/batch/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector/com.atlassian.jira.collector.plugin.jira-issue-collector-plugin:issuecollector.js?locale=en-US&collectorId=9b8f30b2"></script>

    <script type="text/javascript">window.ATL_JQ_PAGE_PROPS =  {

	// ==== custom trigger function ====
	"triggerFunction": function(showCollectorDialog) {
		//Requires that jQuery is available! 
		jQuery("#myCustomTrigger").click(function(e) {
			e.preventDefault();
			showCollectorDialog();
		});
	},	
	// ==== Add the code below to set the field values. Find the values by viewing Create Issue source code ====
	fieldValues: {
		
 		'components' : ['15601']
	}		
};
</script>


<!-- This code leverages the defined Confluence CSS classes for buttons. See https://docs.atlassian.com/aui/8.6.0/docs/buttons.html -->    

<p align = "right">    
	<a href="mailto:HCD@cms.hhs.gov" target="_blank"><button class="aui-button aui-button" style="background-color: teal; color: white
;
 margin: 10px;">Email Us ✉</button></a>
	<a id="myCustomTrigger"><button class="aui-button aui-button-hcd" Style="background-color:teal; color: white">Request Support ↗</button></a>
</p>
<br>
<br>
 Span
stylecolor: #008989 !important; font-weight: bold; margin-top;; 0px !important;
classfontColor1
Meet Our Team
 Div
styleborder:0px solid lightgrey; padding-left: 10px; padding-right: 10px; padding-bottom: 20px; padding-top: 0px; border-radius: 25px; min-width: 800px;

 Center

 HTML Table
styleborder: 0px;

 Table Row (tr)

 Table Cell (td)
Image Modified

 Table Cell (td)
styletext-align: left;
classlinks
BRANDY BARNETTE
ISG HCD Strategy Lead
brandy.barnette@cms.hhs.gov

 Table Cell (td)
stylewidth: 200px;


 Table Cell (td)
Image Modified

 Table Cell (td)
styletext-align: left;
ROB FAY
Lead Design Strategist
rfay@tantustech.com


 Table Row (tr)

 Table Cell (td)
Image Removed
Image Added

 Table Cell (td)
styletext-align: left;
CHELSEA BRIGG
Senior Strategist
Research Operations Lead
cbrigg@tantustech.com

 Table Cell (td)


 Table Cell (td)
Image Modified

 Table Cell (td)
styletext-align: left;
MEAGHAN HUDAK
Communications Specialist
mhudak@tantustech.com


 Table Row (tr)

 Table Cell (td)
Image Modified

 Table Cell (td)
styletext-align: left;
HOWARD MONTGOMERY
Senior Design Strategist
hmontgomery@tantustech.com

 Table Cell (td)


 Table Cell (td)
Image Modified

 Table Cell (td)
styletext-align: left;
NIA YOUNG
Product/Program Analyst
nyoung@tantustech.com


td
 Table Row (tr)

 Table Cell (td)
Image Removed
Image Added

 Table Cell (td)
styletext-align: left;
Kyle Bellamy
Corey Deahl
Senior 
 Designer
Design Strategist
kbellamy@tantustech.com
 Table Cell (td)
 Table Cell (td)
cdeahl@tantustech.com

 Table Cell (td)


 Table Cell (td)


 Table Cell (td)






Meet Our Team
 
 Span
stylecolor: #008989 !important; font-weight: bold; margin-top;; 0px !important;
classfontColor1
Contact Us
 
 Div
styleborder:2px solid #009999; border-radius: 25px; Background-color: #E2F3F2
 
 HTML Table
 
 Table Row (tr)

 Table Cell (td)
stylewidth:101px; vertical-align: middle;
Image Added
 
 Table Cell (td)
stylevertical-align: middle;
classthumbs
QualityNet Slack: #hcd-share and #help-hcd
Email Lists: Sign up here  
 
 Table Cell (td)
stylepadding-left: 20px;
General CoE News: "CCSQ HCD CoE News" 
Community of Practice Emails: "CCSQ HCD-CoP Notify"

 Table Cell (td)
stylepadding-right: 20px;
 Include Page
Intake
Intake



  


 Span
stylecolor: #008989 !important; font-weight: bold; margin-top;; 0px !important;
classfontColor1
Our Mission
Our mission is to inspire CCSQ employees and contractors to gain ongoing consumer understanding to innovatively create and improve consumer experiences (products, services, and policies). To achieve this, we will empower CMS stakeholders to innovate by providing consumer-first and design-thinking strategies and solutions.
 Span
stylecolor: #008989 !important; font-weight: bold; margin-top;; 0px !important;
classfontColor1
Our Vision 
Our vision is for CCSQ to be CMS' most consumer-focused Center; that all employees and contractor-partners will frequently engage with consumers to gain empathy for and to subsequently inform each product, service, program, and policy business decision.