Page tree

Versions Compared

Key

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

...

Center


HTML
<nav class="aui-navgroup aui-navgroup-horizontal" style="position: absolute;">
<div class="aui-navgroup-inner">
<div class="aui-navgroup-primary">
<div class="aui-nav-heading"></div>    		

 	<button class="aui-button aui-button-light"><span class="aui-icon aui-icon-small aui-iconfont-home-filled"></span>
		Home |
	</button>	 

     <button class="aui-button aui-button-link aui-dropdown2-trigger" aria-controls="about-dropdown">
		About HCD
	</button>
	<aui-dropdown-menu id="about-dropdown" aria-controls="about">
		<aui-section id="about">
			<aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/What+Is+HCD">What is HCD?</aui-item-link>
  			<aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/HCD+Phases">HCD Phases</aui-item-link>
		</aui-section> 
	</aui-dropdown-menu>  

<button class="aui-button aui-button-link aui-dropdown2-trigger" aria-controls="services-dropdown">
How We Can Help
</button>
	<aui-dropdown-menu id="services-dropdown">
		<aui-section id="services">
 			<aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/How+We+Can+Help">What's In it For Me?</aui-item-link>
  			<aui-item-link for="consulting-dropdown">Consulting & Support</aui-item-link>
   			<aui-item-link for="education-dropdown">Education & Outreach</aui-item-link>
 			<aui-item-link for="guidance-dropdown">Guidance & Best Practices</aui-item-link>
  			<aui-item-link for="resources-dropdown">HCD Learning Library</aui-item-link>
		</aui-section>
	</aui-dropdown-menu> 

	<aui-dropdown-menu id="consulting-dropdown">
		<aui-section> 
  			<aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Coaching">Coaching</aui-item-link> 
			<aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Support">Research & Design</aui-item-link>
		</aui-section>
	</aui-dropdown-menu>

  	<aui-dropdown-menu id="education-dropdown">
		<aui-section> 
			<aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Community">Community of Practice</aui-item-link>
			<aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Training">Training</aui-item-link>
		</aui-section>
	</aui-dropdown-menu>

   	<aui-dropdown-menu id="guidance-dropdown">
		<aui-section>
			<aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/CMS+Design+System">CMS Design System</aui-item-link> 
			<aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/HCD+Maturity+Model">HCD Maturity Model</aui-item-link>
			<aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Measuring+Customer+Satisfaction">Measuring Customer Satisfaction</aui-item-link>
  	 		<aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Paperwork+Reduction+Act">Paperwork Reduction Act</aui-item-link> 
		</aui-section>
	</aui-dropdown-menu>      

  	<aui-dropdown-menu id="resources-dropdown">
		<aui-section>
			<aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Recommended+Reading">Books, Articles & Podcasts</aui-item-link>
			<aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Enterprise+Personas">Enterprise Personas</aui-item-link> 
 			<aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Methods">HCD Methods</aui-item-link>
 			<aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Videos">Videos</aui-item-link>
		</aui-section>
	</aui-dropdown-menu>

	<button class="aui-button aui-button-link aui-dropdown2-trigger" aria-controls="studies-dropdown">
		Case Studies
	</button>
	<aui-dropdown-menu id="studies-dropdown" aria-controls="studies">
		<aui-section id="studies">
			<aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/ESRD+Ecosystem">ESRD Ecosystem</aui-item-link>
			<aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/HCD+Maturity+Model">HCD Maturity Model</aui-item-link>
			<aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Hospital+Quality+Reporting+%28HQR%29+Service+Design">HQR Service Design</aui-item-link> 
			<aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/HQR+Customer+Satisfaction+Survey">HQR Customer Satisfaction</aui-item-link>
			<aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Program+Resource+System">Program Resource System</aui-item-link>
			<aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/QPP+Customer+Satisfaction+Survey">QPP Customer Satisfaction</aui-item-link>
 			<aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/SOG+Travel+Robotic+Processing+Automation">SOG Robotic Processing Automation</aui-item-link>
		</aui-section> 
	</aui-dropdown-menu>

	<button class="aui-button aui-button-link aui-dropdown2-trigger" aria-controls="contact-dropdown">
		Our Team
	</button> 
	<aui-dropdown-menu id="contact-dropdown" aria-controls="contact">
		<aui-section id="contact">
        	<aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Contact+Us">Contact Us</aui-item-link>
 			<aui-item-link href="https://qnetconfluence.cms.gov/pages/viewrecentblogposts.action?key=HCD">HCD Blog</aui-item-link>
			<aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Vision">Team Mission & Vision</aui-item-link>
		   </aui-section>
 		</aui-dropdown-menu> 

</div>   
<div class="aui-navgroup-secondary">
<div class="aui-nav-heading"></div>
<button class="aui-button aui-dropdown2-trigger" aria-controls="methods-dropdown"><span class="aui-icon aui-icon-small aui-iconfont-configure"></span>
  HCD Methods  
</button>

<aui-dropdown-menu id="methods-dropdown" aria-controls="right-aligned">
	<aui-section id="right-aligned">
        <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Affinity+Diagram">Affinity Diagram</aui-item-link>
        <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Card+Sorting">Card Sort</aui-item-link>
        <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Change+Management">Change Management</aui-item-link>
        <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Collaborative+Sketching">Collaborative Sketching</aui-item-link>
        <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Content+Audit">Content Audit</aui-item-link>
        <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Content+Inventory">Content Inventory</aui-item-link>
        <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Contextual+Inquiry">Contextual Inquiry</aui-item-link>
        <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Conversation+Guide">Conversation Guide</aui-item-link>
        <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Design+a+Superhero">Design a Superhero</aui-item-link>
        <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Developing+a+UX+Measurement+Plan">Develop a UX Measurement Plan</aui-item-link>
        <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Diary+Studies">Diary Study</aui-item-link>
        <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Empathy+Maps">Empathy Map</aui-item-link>
        <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Feedback+Loop">Feedback Loop</aui-item-link>
		<aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Gemba+Walk">Gemba Walk</aui-item-link>  
		<aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Heuristic+Evaluation">Heuristic Evaluation</aui-item-link> 
        <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/How+Might+We">How Might We?</aui-item-link>
        <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Interviews">Interview</aui-item-link>
        <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Journey+Mapping">Journey Map</aui-item-link>
        <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Kano+Analysis">Kano Analysis</aui-item-link>
        <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Key+Performance+Indicators">Key Performance Indicators</aui-item-link>
	<aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Mash-up">Mash-up</aui-item-link>
        <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Mind-Mapping">Mind Map</aui-item-link>
        <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Personas">Persona</aui-item-link>
        <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Problem+Statement">Problem Statement</aui-item-link>
        <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Product+Prototype">Product Prototype</aui-item-link>
        <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Project+Design+Brief">Project Brief</aui-item-link>
	<aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Responsive+Breakpoint+Diagram">Responsive Breakpoint Diagram</aui-item-link>
	<aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Service+Blueprinting">Service Blueprinting</aui-item-link>
        <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Service+Prototype">Service Prototype</aui-item-link>
        <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Sitemap+Diagram">Sitemap Diagram</aui-item-link>
        <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Stakeholder+Mapping">Stakeholder Map</aui-item-link>
        <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Storyboarding">Storyboard</aui-item-link>
        <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Survey">Survey</aui-item-link>
		<aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Tree+Testing">Tree Test</aui-item-link>
        <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Usability+Indicators+for+Site+Analytics">Usability Indicators for Site Analytics</aui-item-link>
	<aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Usability+Testing">Usability Test</aui-item-link>
        <aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/User+Research+Plan">User Research Plan</aui-item-link>
	</aui-section>
		<aui-section id="methods-all">
			<aui-item-link href="https://qnetconfluence.cms.gov/display/HCD/Methods">View All</aui-item-link>
		</aui-section>
</aui-dropdown-menu>
</div>
</div>
</nav>
<div style="MARGIN: 30PX !IMPORTANT"></DIV>


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;
    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; }
}

table {
  width: 100%;
}  

#panel1 { border-radius: 25px; }

<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=contextnavpagetreemode" 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="#" class="hvr-underline-from-center"><img  style="max-width: 200px;" src="https://qnetconfluence.cms.gov/download/attachments/510799656/Training.png?api=v2"></a> 
<script>/*<a href="#" class="hvr-underline-from-center"><img  style="max-width: 200px; " src="https://qnetconfluence.cms.gov/download/attachments/510799656/onboarding.png?api=v2"></a>8/</script> 
<a href="#" 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=517383117" class="hvr-underline-from-center"><img  style="max-width: 160px; " src="https://qnetconfluence.cms.gov/download/attachments/510799656/contact.png?api=v2"></a>
 <span class="stretch"></span> </div>


...